Metrische Einheiten in WordPress in imperiale Einheiten umwandeln

Sind Sie schon einmal auf einer Rezept- oder Produktseite gelandet und haben sich gefragt: „Wie viele Tassen sind 500 Milliliter?“ oder „Was sind 3 Meter in Fuß?“ 🤔

Wenn Ihre WordPress-Website Besucher aus aller Welt hat, können verwirrende Maßeinheiten Ihr Publikum schnell frustrieren und dazu veranlassen, die Seite zu verlassen. Dies gilt insbesondere für E-Commerce-Shops, die Produktgrößen in metrischen Einheiten angeben, oder für Food-Blogs, die Gramm und Liter anstelle von Unzen und Tassen verwenden.

Deshalb kann das Hinzufügen eines Metrik-zu-Imperial-Einheitenkonverters einen großen Unterschied machen. Es hilft Ihren Besuchern, die benötigten Informationen zu erhalten, ohne Ihre Website verlassen zu müssen.

Das Beste daran? Es ist einfach, einen Einheitenkonverter zu WordPress hinzuzufügen – ganz ohne Programmierung.

In dieser Anleitung zeige ich Ihnen zwei einfache Möglichkeiten, einen Metrisch-zu-Imperial-Konverter zu Ihrer Website hinzuzufügen: eine durch Einbetten eines kostenlosen Rechner-Widgets und eine andere mit dem leistungsstarken WPForms-Plugin.

Warum metrische Einheiten in imperiale umrechnen?

Wenn Ihre WordPress-Website Messungen jeglicher Art enthält, kann das Hinzufügen eines Einheitenumrechners die Benutzererfahrung erheblich verbessern. Dies gilt insbesondere für internationale Besucher, die möglicherweise mit Ihren Standardeinheiten nicht vertraut sind.

Hier sind einige gängige Anwendungsfälle, bei denen ein Metrik-zu-Imperial-Umrechner (oder umgekehrt) hilfreich sein kann:

• E-Commerce-Produktseiten – In einem Online-Shop kann dieser Umrechner internationalen Kunden helfen, Produktabmessungen, Gewichte, Kleidergrößen und mehr zu verstehen.
• Rezept-Blogs – Konvertieren Sie automatisch Gramm, Milliliter und Celsius in Tassen, Unzen und Fahrenheit für amerikanische Leser.
• Heimwerker- und Renovierungsseiten – Umrechnung von Baumessungen, Materialien oder Temperaturen.
• Reise-Blogs – Übersetzen Sie Entfernungen, Temperaturen und Kraftstoffvolumen für ein globales Publikum.
• Bildungs- oder Wissenschaftsblogs – Konvertieren Sie Laborwerte oder wissenschaftliche Daten für Leser in verschiedenen Regionen.

In all diesen Beispielen kann ein Einheitenumrechner die Benutzererfahrung verbessern. Er hilft auch dabei, die Leute länger auf Ihrer Website zu halten, erhöht die Seitenaufrufe und reduziert die Absprungrate.

Dies kann positive Signale an Suchmaschinen senden, was oft Ihre Rankings verbessert und noch mehr Besucher anzieht.

Während Sie alle Messungen auf Ihrer WordPress-Website manuell umrechnen und veröffentlichen könnten, ist es viel einfacher, ein Drittanbieter-Tool oder ein Plugin zu verwenden.

Mit diesen Worten werde ich Ihnen zeigen, wie Sie einen Umrechner auf Ihrer Website hinzufügen können, damit Besucher in WordPress metrische Einheiten in imperiale umrechnen können.

Verwenden Sie einfach die untenstehenden Schnelllinks, um direkt zur gewünschten Lösung zu gelangen:

• Methode 1: Einheiten mit einem Widget konvertieren (kein Plugin erforderlich)
• Methode 2: Verwendung eines Formular-Builders (Am besten für fortgeschrittene Konverter)
• FAQs About Converting Metric Units to Imperial in WordPress

Lass uns anfangen!

Methode 1: Einheiten mit einem Widget konvertieren (kein Plugin erforderlich)

Eine Möglichkeit, einen Umrechnungsrechner zu Ihrer Website hinzuzufügen, ist die Verwendung von Code und einem WordPress-Widget. Dies ist eine großartige Option, wenn Sie kein separates Rechner-Plugin installieren möchten, da der Online-Rechner, den wir verwenden werden, kostenlos ist.

Da dieser Ansatz auf Widgets basiert, ist er auch der beste Ansatz, wenn Sie ein klassisches Theme verwenden. Wenn auf Ihrer Website ein Block-Theme installiert ist, sollten Sie zu Methode 2 springen.

Beachten Sie einfach, dass dieser Ansatz am besten für einfache Umrechnungsrechner ohne benutzerdefinierte Funktionen geeignet ist.

Sie können den Code für Ihren einfachen Umrechnungsrechner erhalten, indem Sie die GIGA Calculator-Website besuchen. Diese Website bietet Hunderte von Online-Rechnern und Konvertern, die Sie zu Ihrer WordPress-Website hinzufügen können, einschließlich eines Metrisch zu Imperial Konverters.

Zuerst können Sie testen, wie der Rechner funktioniert, indem Sie verschiedene Maße eingeben.

Wenn Sie mit der Einrichtung des Konverters zufrieden sind, klicken Sie auf „Code abrufen“.

Die Standardeinstellungen funktionieren gut für die meisten WordPress-Websites, aber Sie können das Widget einfach anpassen.

Sie können beispielsweise den ‚Widget-Titel‘ bearbeiten, um ihm einen benutzerdefinierten Namen zu geben, und die ‚Widget-Breite‘ (in Pixeln) ändern, um sicherzustellen, dass er perfekt in die Seitenleiste oder den Inhaltsbereich Ihrer Website passt.

Unter 'Widget-Code' sehen Sie das gesamte HTML, das Sie zu Ihrer Website hinzufügen müssen. Kopieren Sie es also.

Öffnen Sie in einem neuen Tab Ihr WordPress-Dashboard und gehen Sie zu Darstellung » Widgets.

Sie sehen nun alle Widget-fähigen Bereiche in Ihrem WordPress-Theme.

Suchen Sie einfach den Bereich, in dem Sie den Metrik-zu-Imperial-Umrechner anzeigen möchten, und klicken Sie auf dessen „+“-Schaltfläche.

Zum Beispiel füge ich meinen Konverter zur Seitenleiste hinzu.

Wählen Sie im erscheinenden Popup den Block 'Benutzerdefiniertes HTML'. Wenn Sie den Block nicht sofort sehen, können Sie die Suchleiste verwenden, um ihn zu finden.

Wenn der richtige Block angezeigt wird, klicken Sie darauf, um ihn dem Widget-Bereich hinzuzufügen. Sie können nun den Code in diesen Block einfügen.

Um Ihre Änderungen live zu schalten, klicken Sie auf die Schaltfläche 'Aktualisieren'.

Besuchen Sie nun Ihren WordPress-Blog oder Ihre Website, um den Konverter in Aktion zu sehen.

Hier ist zum Beispiel, wie es auf meiner Demo-Website aussieht:

Methode 2: Verwendung eines Formular-Builders (Am besten für fortgeschrittene Konverter)

Wenn Sie nur einen einfachen Einheitenumrechnungsrechner benötigen und ein klassisches Theme verwenden, dann ist Methode 1 eine gute Wahl. Beachten Sie jedoch, dass er auf eine vordefinierte Reihe von Umrechnungen beschränkt ist.

Wenn Sie mehr Flexibilität und volle Kontrolle über das Formulardesign, die Felder und die Umrechnungslogik wünschen, empfehle ich die Verwendung von WPForms. Dies ist auch die beste Option, wenn Sie ein Block-Theme verwenden.

WPForms ist der beste Drag-and-Drop-Formularersteller und das beste WordPress-Rechner-Plugin. Es ermöglicht Ihnen, einen vollständig benutzerdefinierten Rechner zu erstellen, der Ihren genauen Anforderungen entspricht.

Bei WPBeginner verwenden wir WPForms für viele unserer Formularerstellungsaufgaben, einschließlich Kontaktformularen, Jahresumfragen und mehr. Wir lieben, wie einfach es zu bedienen ist und wie Sie Ihre Formulare an Ihre Website anpassen können.

Sie können sich unseren detaillierten WPForms-Testbericht ansehen, um seine Funktionen zu erkunden.

Für diese Methode benötigen Sie einen WPForms Pro-Plan, da der KI-Formularersteller und die Berechnungsfunktionen nur in der kostenpflichtigen Version verfügbar sind.

Der erste Schritt ist die Installation des kostenlosen WPForms Lite Plugins, das als Grundlage dient.

Das kostenlose Plugin hat nur begrenzte Funktionen, aber WPForms Pro nutzt es als Grundlage für seine erweiterten Funktionen. Weitere Details finden Sie in unserem Leitfaden zum Thema Installieren eines WordPress-Plugins.

Sobald Sie einen Pro-Plan auf der WPForms-Website erworben haben, können Sie Ihren Lizenzschlüssel in Ihrem Kontodashboard abrufen.

Gehen Sie dann zu WPForms » Einstellungen. Fügen Sie als Nächstes Ihren Lizenzschlüssel in das Feld ein und klicken Sie auf die Schaltfläche 'Schlüssel überprüfen'.

Nachdem Ihr Schlüssel verifiziert wurde, sehen Sie eine Erfolgsmeldung.

Von hier aus können Sie Ihren ersten Rechner erstellen, indem Sie zu WPForms » Neu hinzufügen gehen.

Gehen Sie auf dem Bildschirm „Setup“ weiter und geben Sie Ihrem Konverter einen Namen. Dies dient nur zu Ihrer Information, aber ich schlage vor, einen klaren Namen zu wählen, damit Sie ihn leicht referenzieren können.

Dann können Sie mit der Maus über „Mit KI generieren“ fahren und auf die Schaltfläche „Formular generieren“ klicken.

Auf dem nächsten Bildschirm sehen Sie links ein Eingabefeld und rechts den Vorschachbereich.

Hier können Sie mit verschiedenen Prompts experimentieren und den KI-generierten Konverter in den Drag-and-Drop-Editor importieren, um ihn weiter anzupassen.

Beachten Sie nun, dass die meisten Formularersteller keine Dropdown-Felder für Formeln zulassen. Sie benötigen 3 separate Felder, damit die Umrechnung funktioniert:

• Das erste Feld erfasst den Eingabewert, z. B. Zentimeter.
• Das zweite Feld speichert den Umrechnungsfaktor, in diesem Fall 1 cm = 0,393701 Zoll. Sie können es ausblenden, damit Benutzer es nicht sehen.
• Das dritte Feld führt die Berechnung durch und zeigt das umgerechnete Ergebnis in Zoll an.

So bleibt Ihr Formular einfach und funktioniert sofort im Frontend.

Der KI-Builder setzt das Feld „Umrechnungsfaktor“ automatisch so, dass es für Ihre Besucher verborgen ist. Das ist ein großartiger Trick, denn so bleibt Ihr Rechner für Ihre Benutzer übersichtlich und einfach.

Zum Beispiel, hier ist, was ich zum Eingabefeld hinzugefügt habe:

Create a metric to imperial converter form using this specification:

Field 1:
Label: Centimeters
Type: Number
Instruction: Enter the value in centimeters (e.g., 10)

Field 2:
Label: Conversion Factor (Hidden)
Type: Number
Default Value: 0.393701
(This field is hidden and is used in the calculation)

Field 3:
Label: Inches
Type: Calculation (Number)
Formula: Centimeters × Conversion Factor
(Displays converted value in inches)

Sobald Sie das Formular generiert haben, klicken Sie einfach auf die Schaltfläche 'Dieses Formular verwenden'.

Dies öffnet den WPForms-Editor.

An diesem Punkt hat die KI die grundlegende Struktur unseres Formulars erstellt. Jetzt müssen wir nur noch das „Gehirn“ zu unserem Rechner hinzufügen – die eigentliche Formel, die die Umrechnung durchführt.

Um zu beginnen, klicken Sie auf das Feld „Zoll“, um dessen Einstellungen zu öffnen. Gehen Sie dann zur Registerkarte „Erweitert“ und aktivieren Sie den Schalter „Berechnungen aktivieren“.

Um dies einzurichten, klicken Sie auf das Feld „Zoll“, um dessen Einstellungen zu öffnen. Gehen Sie dann zur Registerkarte „Erweitert“ und aktivieren Sie „Berechnungen aktivieren“.

Klicken Sie auf „Formel generieren“, um die KI zum Erstellen der Konvertierungslogik zu verwenden.

Im erscheinenden Popup können Sie Ihre Eingabeaufforderung mit dem Umrechnungsfaktor eingeben.

Hier ist die Eingabeaufforderung, die ich verwendet habe:

convert centimeters to inches, 1 cm = 0.393701 inches

In wenigen Sekunden liefert AI Calculations die Formel, die Sie verwenden können.

Klicken Sie einfach auf die Schaltfläche „Formel einfügen“, um sie hinzuzufügen.

Um sicherzustellen, dass die Formel korrekt funktioniert, klicken Sie auf „Formel validieren“ direkt unter dem Formularfeld.

Wenn alles richtig eingerichtet ist, sehen Sie ein grünes Häkchen, das bestätigt, dass es gültig ist.

Nun möchten Sie vielleicht auch die Feldbezeichnung oder die Beschriftung der Beschreibung ändern.

Klicken Sie dazu einfach auf das Feld und verwenden Sie dann die Einstellungen im Menü „Feldoptionen“.

Sie können auch den ‚Formularname‘ und die ‚Formularbeschreibung‘ im Tab ‚Einstellungen‘ bearbeiten.

Wenn Sie mit dem Aussehen des Formulars zufrieden sind, klicken Sie auf die Schaltfläche 'Speichern' oben auf dem Bildschirm, um Ihren Rechner zu speichern.

Jetzt, da Sie einen Umrechnungsrechner erstellt haben, können Sie das Formular zu jeder Seite oder jedem Beitrag hinzufügen.

Klicken Sie einfach auf „Einbetten“, um den Vorgang zu starten.

Klicken Sie im erscheinenden Popup auf „Vorhandene Seite auswählen“.

Wählen Sie dann die Seite aus dem Dropdown-Menü aus.

Klicken Sie danach einfach auf die Schaltfläche „Los geht’s!“, um den WordPress-Block-Editor zu öffnen.

WordPress bringt Sie nun zum Inhaltseditor.

Klicken Sie von hier aus auf die Schaltfläche „+“ und wählen Sie den WPForms-Block aus, um ihn hinzuzufügen.

Wählen Sie dann den Konverter aus dem Dropdown-Feld aus.

WPForms lädt dann das Formular im Editor.

Die Standardeinstellungen zeigen den Titel und die Beschreibung des Konverters nicht an.

Um sie anzuzeigen, schalten Sie einfach die Schalter in den 'Formulareinstellungen' im rechten Bereich um.

Bei Bedarf können Sie das Formular im Inhaltsbereich nach oben und unten verschieben.

Wenn Sie bereit sind, live zu gehen, klicken Sie einfach auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“ in der rechten oberen Ecke der Seite.

Wenn Sie nun Ihre Website besuchen, sehen Sie den Umrechnungsrechner live.

Mit WPForms können Sie Ihre Formulare auch in Widget-Bereichen hinzufügen. Zum Beispiel zeige ich Ihnen auf meinem Demo-Rezept-Blog, wie Sie einen Gramm-zu-Unzen-Konverter in der Seitenleiste hinzufügen.

Gehen Sie in Ihrem WordPress-Adminbereich zu Darstellung » Widgets.

Klicken Sie im Abschnitt Seitenleiste auf die Schaltfläche „+“ und wählen Sie den WPForms-Block aus. Erweitern Sie dann die Dropdown-Felder, um das entsprechende Formular auszuwählen. In diesem Fall verwende ich den „Gramm-zu-Unzen-Konverter“.

Wenn Sie damit fertig sind, können Sie auf 'Speichern' klicken, um die Änderungen zu speichern.

Wenn Sie nun Ihren WordPress-Blog öffnen, sehen Sie den Konverter in der Seitenleiste:

FAQs zur Umrechnung von metrischen in imperiale Einheiten in WordPress

Wenn Sie gerade erst mit Einheitenumrechnungen auf Ihrer WordPress-Website beginnen, haben Sie vielleicht ein paar Fragen. Hier sind einige häufig gestellte Fragen, die Ihnen helfen, schnell loszulegen und häufige Fehler zu vermeiden.

Kann ich mehrere Konverter zum selben WordPress-Formular hinzufügen?

Ja! Sie können mehrere Konvertierungsfelder innerhalb desselben WordPress-Formulars erstellen. Folgen Sie einfach derselben Struktur: Eingabefeld, versteckter Umrechnungsfaktor und Ausgabefeld.

Dies ist nützlich, wenn Sie Benutzern ermöglichen möchten, verschiedene Arten von Messungen (wie cm in Zoll und Gramm in Unzen) an einem Ort umzurechnen.

Wie genau sind diese Einheitenumrechnungen?

Die Umrechnungen basieren auf Standard-Mathematikformeln, daher sind sie in der Regel sehr genau.

Das Endergebnis hängt jedoch davon ab, wie Ihre Formel eingerichtet ist. Sie können volle Dezimalwerte für maximale Präzision verwenden oder das Ergebnis runden, damit es für Ihr Publikum leichter zu lesen ist – insbesondere auf Rezept- oder E-Commerce-Websites.

Kann ich ein Dropdown-Menü verwenden, damit Benutzer Einheiten auswählen können?

Ja, aber es hängt von der gewählten Methode ab. Das GIGA Calculator-Widget aus Methode 1 verfügt über integrierte Dropdown-Menüs zur Auswahl von Einheiten.

Wie wir jedoch in Methode 2 ausführlich behandelt haben, funktionieren die meisten Formular-Builder wie WPForms am besten, wenn Sie separate Zahlenfelder für Berechnungen verwenden. Für zuverlässige und sofortige Ergebnisse empfehlen wir den Drei-Felder-Ansatz mit einem versteckten Umrechnungsfaktor.

Benötige ich ein Plugin, um Einheitenumrechnungen zu WordPress hinzuzufügen?

Technisch gesehen könnten Sie die Logik mit JavaScript oder PHP fest codieren, aber die Verwendung eines Formular-Builders wie WPForms ist viel einfacher, besonders wenn Sie kein Entwickler sind. Es bietet Ihnen auch Drag-and-Drop-Steuerelemente und integrierte Styling-Optionen.

Kann ich das Ergebnis sofort auf der Seite anzeigen?

Ja, solange Ihr Formularersteller Echtzeitberechnungen oder KI-generierte Formeln unterstützt. Mit WPForms können Sie beispielsweise Ergebnisse sofort anzeigen, nachdem Benutzer einen Wert eingegeben oder das Formular gesendet haben.

Bonus-Ressourcen 🔗: Mehr über die Erstellung von Online-Rechnern in WordPress

Wenn Sie weitere Online-Rechner zu Ihrer WordPress-Website hinzufügen möchten, lesen Sie diese Anleitungen:

• So fügen Sie einen BMI-Rechner in WordPress hinzu (Schritt für Schritt)
• So fügen Sie Ihrer WordPress-Website einen Versandkostenrechner hinzu
• Wie man einen Währungsumrechner in WordPress hinzufügt
• So fügen Sie einen Hypothekenrechner in WordPress hinzu
• So erstellen Sie einen benutzerdefinierten Rechner in WordPress (Schritt für Schritt)
• Beste Steuerrechner-Plugins für WordPress

Ich hoffe, dieses Tutorial hat Ihnen geholfen zu lernen, wie Sie metrische Einheiten in WordPress in imperiale umrechnen. Vielleicht möchten Sie auch unsere Expertenauswahl der besten Kontaktformular-Plugins für WordPress und unseren Leitfaden zum Thema Verfolgen und Reduzieren von Formularabbrüchen in WordPress lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.