Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man einen Fitness-Tracker in WordPress erstellt (mit Diagrammen)

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie einen Fitness-Tracker in WordPress erstellen?

Viele gesundheits- und fitnessbezogene Unternehmen und Online-Communities bieten ihren Nutzern Fitness-Tracking-Tools an. Dies hilft, die Nutzer zu binden und Ihr Geschäft auszubauen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach einen Fitness-Tracker in WordPress erstellen können, um das Engagement der Nutzer auf Ihrer Website zu steigern.

Creating a fitness tracker in WordPress

Was ist ein Fitness-Tracker?

Ein Fitness-Tracker ist ein Online-Tool, mit dem Nutzer verschiedene Aspekte ihrer Gesundheit und Fitnessleistung verfolgen können.

Das kann ein Gewichtsverlust-Tracker, ein BMI-Rechner, ein Essensplaner oder eine andere Art von Gesundheits-Tracker sein. Diese Online-Tools können mit No-Code-WordPress-Plugins erstellt werden, die verschiedene Werte im Handumdrehen berechnen.

Warum Sie einen Fitness-Tracker zu Ihrer WordPress-Website hinzufügen sollten

Wenn Sie eine WordPress-Website für ein Gesundheits- und Fitnessunternehmen oder eine Online-Community betreiben, dann ist das Hinzufügen eines Fitness-Trackers zu Ihrer Website eine einfache Möglichkeit, das Engagement der Nutzer zu steigern.

Dazu gehören Websites wie:

  • Fitnessstudio-Websites
  • Websites zur Gewichtsabnahme
  • Persönliche Website des Fitnesstrainers
  • Ernährungsseiten oder Food-Blog
  • Gemeinschaft für Gesundheit und Fitness
  • Lifestyle-Gemeinschaften
  • und mehr

Sie können Ihren Nutzern konkrete Tools zur Verfügung stellen, mit denen sie ihre Fitnessleistung verfolgen können, was die Wahrscheinlichkeit erhöht, dass sie länger auf Ihrer Website bleiben.

Ein verbessertes Nutzerengagement führt zu höheren Konversionsraten und einer besseren Kundenbindung für Ihr Unternehmen.

Aufbau einer Online-Fitness-Community

Eine der einfachsten Möglichkeiten, eine Gesundheits- und Fitness-Website zu monetarisieren, ist die Verwendung von MemberPress. Es ist das beste WordPress-Plugin für Mitgliedschaften und ermöglicht Ihnen den einfachen Verkauf von Online-Kursen und Abonnements.

Sie können verschiedene Arten von Fitnessplänen erstellen, Inhalte, die nur für Mitglieder zugänglich sind, hinter einer Bezahlschranke verstecken, Online-Kurse erstellen und vieles mehr.

Die Nutzer können dann Ihren integrierten Fitness-Tracker verwenden, um ihre Leistung und ihren Fortschritt im Laufe der Zeit zu messen. Dies hilft ihnen, mehr Zeit auf Ihrer Website zu verbringen, was die Abonnementverlängerungen, Upsells und die Kundenbindung verbessert.

Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung zur Erstellung einer Mitglieder-Website in WordPress.

Erstellen eines Online-Fitness-Trackers in WordPress

Um einen Online-Fitness-Tracker in WordPress zu erstellen, benötigen Sie Formidable Forms.

Es ist eines der besten WordPress-Rechner-Plugins auf dem Markt, mit dem Sie erweiterte Formulare und Rechner für Ihre Website erstellen können. Der Drag-and-Drop-Formular-Builder macht es einfach, Ihre Fitness-Tracking-Formulare zu erstellen, ohne dass Sie Code schreiben oder einen Entwickler einstellen müssen.

Außerdem funktioniert es hervorragend mit anderen Tools, die Sie vielleicht schon verwenden, wie MemberPress, WooCommerce oder Ihrem E-Mail-Anbieter.

Zunächst müssen Sie das Plugin Formidable Forms installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Hinweis: Es gibt eine begrenzte kostenlose Version des Plugins namens Formidable Lite. Sie benötigen jedoch die Premium-Version, um weitere Funktionen freizuschalten.

Nach der Aktivierung müssen Sie die Seite Formidable “ Globale Einstellungen besuchen, um Ihren Plugin-Lizenzschlüssel einzugeben. Sie finden diese Informationen unter Ihrem Konto auf der Formidable Forms-Website.

Formidable Forms license key

Danach müssen Sie die Seite Formidable “ Formulare besuchen.

Klicken Sie hier einfach auf die Schaltfläche „Neu hinzufügen“, um Ihr Fitness-Tracking-Formular zu erstellen.

Create a new fitness tracking form

Als nächstes werden Sie aufgefordert, eine Vorlage für Ihr Formular auszuwählen.

Es gibt eine ganze Reihe von Vorlagen, die Sie verwenden können, aber für dieses Tutorial werden wir mit einem leeren Formular beginnen.

Choose blank form template

Geben Sie dann einen Namen und eine Beschreibung für Ihr Formular ein und klicken Sie auf die Schaltfläche „Erstellen“.

Dadurch wird der Formidable Forms Drag-and-Drop-Builder gestartet. In der linken Spalte sehen Sie eine Liste der Formularfelder, die Sie hinzufügen können.

Auf der rechten Seite sehen Sie die Formularvorschau. Da unser Formular leer ist, befinden sich in der Vorschauspalte keine Felder.

Form builder interface

Ändern wir das und fügen wir die Formularfelder für unseren Fitness-Tracker zur Gewichtsabnahme hinzu.

Für diesen Tracker werden wir die folgenden Formularfelder hinzufügen.

  1. Benutzer-ID – Diese wird von Formidable Forms für angemeldete Benutzer automatisch ausgefüllt, damit die Benutzer ihre eigene Leistung sehen können.
  2. Datum – Die Benutzer können das Datum eingeben, an dem sie ihr Gewicht gemessen haben.
  3. Zahl – Wir werden dieses Feld in „Gewicht“ umbenennen und die Benutzer auffordern, ihr Gewicht in Pfund oder Kilogramm einzugeben.
Add form fields

Nachdem Sie die Felder hinzugefügt haben, können Sie einfach auf ein Feld klicken, um dessen Eigenschaften zu ändern.

So haben wir zum Beispiel das Zahlenfeld in „Gewicht“ umbenannt und in der Option „Beschreibung“ Anweisungen gegeben.

Edit the form field

Wenn Sie die Bearbeitung des Formulars abgeschlossen haben, klicken Sie auf die Schaltfläche „Aktualisieren“, um Ihr Formular zu speichern.

Save your form

Hinzufügen eines Fitness-Trackers zu einem WordPress-Beitrag oder einer Seite

Als Nächstes müssen Sie das Fitness-Tracker-Formular zu Ihrer WordPress-Website hinzufügen.

Wenn Sie MemberPress verwenden, können Sie einfach die Seite „Konto“ bearbeiten. Sie können auch eine neue Seite erstellen und diese nur für Mitglieder freigeben. Auf diese Weise müssen sich die Benutzer anmelden, um ihre Fitnessdaten einzugeben.

Fügen Sie auf dem Bildschirm zur Seitenbearbeitung einfach den Block „Formidable Forms“ zu Ihrer Seite hinzu und wählen Sie den von Ihnen erstellten Fitness-Tracker aus dem Dropdown-Menü.

Formidable Forms block

Formidable Form zeigt nun eine Vorschau Ihres Formulars im Seiteneditor an. Sie können nun Ihre Änderungen speichern.

Sie können sich nun mit einem neuen Dummy-Benutzerkonto anmelden und ein paar Testeinträge ausfüllen.

Live fitness tracker

Anzeige von Fitness-Formular-Tracker-Daten in WordPress

Mit Formidable Forms können Sie die von Ihren Formularen erfassten Daten ganz einfach auf Ihrer WordPress-Website anzeigen.

Sie können genau auswählen, welche Felder Sie anzeigen möchten, und die Daten in Diagrammen und Tabellen darstellen.

Bearbeiten Sie einfach den Beitrag oder die Seite, auf der Sie die Formulardaten anzeigen möchten. Wenn Sie MemberPress verwenden, möchten Sie diese Seite natürlich so einschränken, dass nur eingeloggte Benutzer ihre eigenen Fitnessdaten sehen können.

Als Nächstes müssen Sie Ihrer Seite einen Shortcode in folgendem Format hinzufügen.

[frm-graph fields="22" y_title="Weight" x_axis="21" x_title="Date" type="line" title="Weight tracking" user_id="current" data_type="average"]

Dieser Shortcode hat die folgenden Parameter.

  • Felder – ID des Feldes, das Sie zur Anzeige der Daten verwenden möchten (in diesem Fall das Feld Gewicht).
  • y_title – Titel für die Y-Achse. In diesem Fall wird Gewicht verwendet.
  • x_axis – ID des Feldes, das Sie in der x_axis verwenden möchten. In diesem Fall das Datumsfeld.
  • x_title – Titel für die x_axis. In diesem Fall wird Datum verwendet.
  • user_id – ‚Current‘, damit nur angemeldete Benutzer ihre eigenen Daten sehen können.

Sie finden die Feld-ID, indem Sie einfach Ihr Fitness-Tracker-Formular bearbeiten. Sie sehen die ID für jedes Feld in der Formularvorschau.

Finding the field ID

Vergessen Sie nach dem Hinzufügen des Shortcodes nicht, Ihre Änderungen zu speichern.

Als Nächstes müssen Sie sich mit dem Dummy-Benutzerkonto anmelden, das Sie zuvor zum Hinzufügen von Testeinträgen verwendet haben, und die soeben erstellte Seite aufrufen.

So sah es auf unserer Test-Website aus:

Fitness tracker data chart

Mehr Fitness-Tracking-Tools in WordPress erstellen

Formidable Forms ist der fortschrittlichste Toolbuilder für WordPress.

Neben dem Formular zur Gewichtsabnahme können Sie damit auch verschiedene andere Arten von Online-Fitness-Rechnern und -Tools erstellen.

Es verfügt sogar über integrierte Vorlagen für einen BMI-Rechner, der eine Spanne anzeigt, einen Rechner für die tägliche Kalorienzufuhr, ein Formular für ein Bewegungsprotokoll und vieles mehr.

Formidable Forms BMI calculator with range

Alternative: Formidable Forms ist die perfekte Lösung für die Erstellung fortschrittlicher Fitness-Tracker für Ihre Kunden oder Community-Mitglieder. Möglicherweise benötigen Sie jedoch nur einen einfachen Fitness-Rechner für einmalige Berechnungen. In diesem Fall empfehlen wir stattdessen die Verwendung von WPForms.

WPForms ist der benutzerfreundlichste Formularersteller auf dem Markt. Es kommt mit vorgefertigten Rechner-Vorlagen für BMI, BMR, tägliche Kalorienzufuhr, Gewichtszunahme, Hüfte zu Taille-Verhältnis, und mehr. Wenn Sie eine kostenlose Online-Fitness-Rechner erstellen möchten , um Leads zu generieren, ist WPForms eine gute Option.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie in WordPress ganz einfach einen Fitness-Tracker hinzufügen können. Vielleicht interessieren Sie sich auch für unsere Expertenauswahl der besten Live-Chat-Software für kleine Unternehmen oder folgen Sie unserem vollständigen WordPress-SEO-Leitfaden, um mehr kostenlose Besucher von Suchmaschinen zu erhalten.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

Ein KommentarEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.