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)

Viele Unternehmen im Bereich Gesundheit und Fitness bieten ihren Benutzern Fitness-Tracker an. Wenn Sie ein Fitnessstudio oder ein anderes Fitnessunternehmen betreiben, können Sie mit einem Fitness-Tracker auf Ihrer Website die Benutzer bei der Stange halten und Ihr Unternehmen wachsen lassen.

So können Sie die Interaktion zwischen den Benutzern fördern, wertvolle Daten für Erkenntnisse sammeln und das Gemeinschaftsgefühl Ihrer Zielgruppe stärken.

Bei WPBeginner haben wir eine Vielzahl von kostenlosen Business-Tools für unsere Benutzer erstellt. Daher wissen wir, wie wichtig es ist, interaktive Werkzeuge anzubieten, die auf die Bedürfnisse Ihres Publikums abgestimmt sind.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach einen Fitness-Tracker in WordPress erstellen können, um das Engagement der Benutzer 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-Werkzeuge können mit codelosen 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 Benutzer können dann Ihren integrierten Fitness-Tracker verwenden, um ihre Leistung und ihren Fortschritt im Laufe der Zeit zu messen. Dadurch verbringen sie mehr Zeit auf Ihrer Website, was die Verlängerung von Abonnements, Upsells und die Kundenbindung fördern kann.

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.

Rufen Sie nach der Aktivierung die Seite Formidable “ Globale Einstellungen auf, um den Lizenzschlüssel für das Plugin 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 Templates, 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 sie nur für Mitglieder freigeben. Auf diese Weise werden die Benutzer aufgefordert, sich anzumelden, um ihre Fitnessdaten einzugeben.

Fügen Sie in der Ansicht 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ü aus.

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 Benutzer-Konto 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 angemeldete Benutzer ihre eigenen Fitnessdaten anzeigen 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 ist es 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 anzeigen 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 Tool-Builder 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 Templates für einen BMI-Rechner, der eine Spanne anzeigt, einen Rechner für die tägliche Kalorienzufuhr, ein Formular für ein Trainingsprotokoll 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 Templates für BMI, BMR, tägliche Kalorienzufuhr, Gewichtszunahme, Hüfte-zu-Taille-Verhältnis, und mehr. Wenn Sie einen kostenlosen Online-Fitness-Rechner erstellen möchten , um Leads zu generieren, dann ist WPForms eine großartige Option.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu erfahren, wie Sie in WordPress ganz einfach einen Fitness-Tracker hinzufügen können. Vielleicht interessieren Sie sich auch für unsere Expertenauswahl der besten Rechner Plugins für WordPress oder unsere Anleitung zum Verkauf von persönlichen Trainingsdiensten mit WordPress.

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 .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

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

    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.