So erstellen Sie einen BMI-Rechner mit Elementor & Element Pack Pro

Veröffentlicht: 2022-02-01

Wenn Sie eine gesundheitsbezogene Website betreiben oder einen Blog über Fitness oder Gesundheit in WordPress starten und Ihren Besuchern Produkte, Dienstleistungen oder Inhalte zum Thema Wohlbefinden und Fitness anbieten, dann wäre es eine kluge Entscheidung, ihnen einen BMI-Rechner anzubieten mit Elementor.

Ihre Bemühungen um Gesundheitsbewusstsein sind wertlos, wenn Sie Ihren Besuchern viele Ratschläge geben und ihnen sagen, dass sie ihren BMI selbst berechnen sollen. Infolgedessen werden Ihre Besucher sofort umkehren und eine andere für sie geeignete Quelle finden.

Stattdessen ist es eine kluge Überlegung, Ihrer Website einen BMI-Rechner mit Elementor hinzuzufügen, damit Ihre Besucher ihren BMI einfach berechnen können. Infolgedessen werden Ihre Besucher mehr Zeit damit verbringen, lange in Kontakt zu bleiben, und mehr Besucher auf Ihre Website bringen, die letztendlich etwas von Ihnen kaufen.

Es ist eine bessere Möglichkeit, Ihren Datenverkehr dazu zu ermutigen, bei guter Gesundheit zu bleiben, indem Sie einen BMI-Rechner mit Elementor erstellen und ihm fertig zur Verfügung stellen. Wenn jemand versucht, sich fit zu halten, kann er zu Ihrer Website zurückkehren, um zu sehen, ob sich sein BMI verbessert hat.

Was ist BMI und BMI-Rechner?

BMI steht für Body-Mass-Index. Es ist ein grobes Maß für Körperfett basierend auf Größe und Gewicht, das für erwachsene Männer und Frauen gilt. Der BMI gibt den Gewichtszustand einer Person für Ihre Körpergröße an. Mit dem BMI können Sie schnell Untergewicht, Übergewicht, Normalgewicht oder Adipositas angeben.

Der BMI-Rechner ist das unverzichtbare Tool zur Berechnung des BMI, das Sie Ihrer Website hinzufügen können. Nachdem Sie mit Elementor einen BMI-Rechner erstellt haben, geben Sie einfach das Gewicht in kg und die Größe in Fuß und Zoll ein und erhalten Sie das BMI-Ergebnis. Anhand dieses Ergebnisses können Sie sehen, ob eine Person ein gesundes Gewicht hat oder nicht.

Warum ist die Messung des BMI so wichtig?

Durch die Messung des BMI können Sie Ihren Gesundheitszustand ermitteln. Je höher der BMI, desto höher ist das Risiko, verschiedene Gesundheitsprobleme wie Diabetes, Bluthochdruck, Lebererkrankungen, einige Krebsarten, Arthritis usw. zu entwickeln.

Indem Sie einen BMI-Rechner mit Elementor erstellen und ihn Ihrer WordPress-Site hinzufügen, können Sie Ihren Besuchern eine einfache Möglichkeit bieten, den BMI zu messen und mehr Traffic zu generieren und mehr Wiederholungsverkehr zu generieren.

BMI-Diagramm

Ein BMI-Diagramm im BMI-Rechner mit Elementor zeigt den Gewichtsindikator nach Größe:

In diesem Artikel zeige ich Ihnen Schritt für Schritt, wie Sie Ihrer WordPress-Website einen BMI-Rechner mit Elementor hinzufügen.

Lass uns gleich eintauchen!

Um Ihrer Website einen BMI-Rechner hinzuzufügen, müssen Sie diesen einfachen Schritten folgen:

Schritt-1: Anpassung des Formularfelds

Um einen BMI-Rechner mit Elementor zu erstellen, gehen Sie zunächst zum Admin-Menü, klicken Sie auf das quadratische Kästchen, geben Sie „Rechner“ in die Suchleiste ein, einige Widgets werden angezeigt. Wählen Sie den „Erweiterten Rechner“, halten Sie ihn gedrückt und ziehen Sie ihn in den Textbereich.

Nun erscheint ein Formular mit dem Wertfeld und der Schaltfläche „Senden“.

Beginnen Sie mit der Anpassung mit den Wertfeldern. Klicken Sie auf den „Ersten Wert“, klicken Sie auf „Inhalt“, wählen Sie „Zahl“ aus der Option „Typ“.

Wählen Sie nun „Erster Wert“ in der Bezeichnung und „Geben Sie Ihren Wert ein“ in der Option „Platzhalter“ aus. Geben Sie „Ihr Gewicht (kg)“ ein.

Klicken Sie als Nächstes auf „Zweiter Wert“, stellen Sie im ersten Teil „Auswählen“ in der Option „Typ“ ein, stellen Sie „Ihre Größe (Fuß)“ in der Beschriftung ein und stellen Sie die Spaltenbreite auf 50 % ein. Geben Sie im Optionsabschnitt 1 bis 7 ein. Sehen Sie im Dokument nach, um den Wert einzufügen.

Kopieren Sie nun den Abschnitt und machen Sie ihn zu einem anderen Abschnitt. Stellen Sie im zweiten Teil „Auswählen“ in der Option „Typ“ ein, stellen Sie „Ihre Höhe (Zoll)“ in der Option „Beschriftung“ ein und stellen Sie die Spaltenbreite auf 50 % ein. Geben Sie im Optionsbereich 1 bis 12 ein.

Schritt-2: Formel einfügen

In diesem Schritt, der einen BMI-Rechner mit Elementor erstellt, fügen wir eine Formel zur Berechnung des BMI ein. Klicken Sie nun auf die Leiste „Formel“ und geben Sie die Formel in das Formelfeld ein. Die Formel lautet: SUMME (f1/ ((f2*0,3048 + f3 *0,0254)* (f2*0,3048 + f3 *0,0254))).

Noch ein bisschen zum Abschluss! Seien Sie geduldig und lesen Sie weiter.

Schritt-3: Spaltenanpassung

In diesem Schritt, der einen BMI-Rechner mit Elementor erstellt, werden wir die Spalte anpassen. Klicken Sie dazu auf die Option „Spalte“ und dann auf die Registerkarte „Erweitert“ in der dritten Position oben links und stellen Sie die Auffüllung auf 80 ein.

Klicken Sie danach auf die Leiste „Stil“ in der zweiten Position oben links und passen Sie den Schatten des Felds an.

Fast fertig! Bleiben Sie geduldig, wir werden mit dem letzten Schritt fortfahren.

Schritt 4: Styling

In diesem Schritt erstellen Sie einen BMI-Rechner mit Elementor, klicken Sie auf „Formularstil“, ändern Sie den Abstand, die Textfarbe und die Typografie.

Klicken Sie danach auf die Leiste „Felder“, ändern Sie die Textfarbe, die Platzhalterfarbe und die Hintergrundfarbe.

Ändern Sie dann im Bereich Felder die Breite, Farbe und Polsterung.

Klicken Sie danach auf die Schaltfläche "Senden", ändern Sie die Farbe und fügen Sie etwas Polsterung hinzu.

Klicken Sie dann auf die Registerkarte „Inhalt“ und ändern Sie die Ausrichtung der Schaltfläche „Senden“ auf „Justify“.

Passen Sie nun das 'Ergebnis' an, ändern Sie die Bedingung des Ergebnisabschnitts.

Klicken Sie danach auf die Leiste „Stil“, ändern Sie den Abschnitt „Fehler“. Dieser Abschnitt zeigt eine Fehlermeldung an, wenn der Benutzer die falschen Informationen eingibt.

Wenn der Benutzer falsche Informationen eingibt oder den Wert nicht eingibt, wird eine Fehlermeldung wie diese angezeigt.

Alles erledigt! Sie haben die Erstellung eines BMI-Rechners mit Elementor erfolgreich abgeschlossen. Jetzt können Sie Ihren Besuchern anbieten, ihren BMI ganz einfach mit diesem Rechner zu überprüfen.

Jetzt, da Ihr BMI-Rechner mit Elementor einsatzbereit ist. So funktioniert es.

Dieser Blog wird auf BDThemes veröffentlicht

Fazit

Ich habe Ihnen den einfachen Prozess zur Erstellung eines BMI-Rechners mit Elementor und Element Pack Pro gezeigt. Ich hoffe, Sie können dies auf Ihre eigene Website anwenden.

Vielen Dank für das geduldige Lesen dieses Artikels. Wir sehen uns wieder!