Jak stworzyć Fitness Tracker w WordPress (z wykresami)

Opublikowany: 2022-02-07


Czy chcesz stworzyć tracker fitness w WordPressie?

Wiele firm i społeczności internetowych związanych ze zdrowiem i sprawnością fizyczną oferuje swoim użytkownikom narzędzia do śledzenia sprawności fizycznej. Pomaga to utrzymać zaangażowanie użytkowników i rozwijać firmę.

W tym artykule pokażemy, jak łatwo stworzyć tracker fitness w WordPressie, aby zwiększyć zaangażowanie użytkowników w Twojej witrynie.

Tworzenie trackera fitness w WordPress

Co to jest monitor fitness?

Monitor aktywności to narzędzie online, które pomaga użytkownikom śledzić różne aspekty ich zdrowia i sprawności fizycznej.

Może to być tracker utraty wagi, kalkulator BMI, planer posiłków lub inny rodzaj trackera zdrowia. Te narzędzia online można tworzyć za pomocą wtyczek WordPress bez kodu, które obliczają różne wartości w locie.

Dlaczego powinieneś dodać Fitness Tracker do swojej witryny WordPress

Jeśli prowadzisz witrynę WordPress dla firmy zajmującej się zdrowiem i fitnessem lub społeczności online, dodanie modułu do śledzenia sprawności fizycznej do swojej witryny jest łatwym sposobem na budowanie zaangażowania użytkowników.

Obejmuje to strony takie jak:

  • Strony siłowni
  • Strony internetowe dotyczące odchudzania
  • Osobista strona trenera fitness
  • Strona żywieniowa lub blog kulinarny
  • Społeczność zdrowia i fitness
  • Społeczności związane ze stylem życia
  • i więcej

Możesz zapewnić swoim użytkownikom rzeczywiste narzędzia do śledzenia ich sprawności fizycznej, co z większym prawdopodobieństwem pozwoli im dłużej pozostać w Twojej witrynie.

Większe zaangażowanie użytkowników prowadzi do wyższych współczynników konwersji i lepszej retencji klientów dla Twojej firmy.

Budowanie społeczności fitness online

Jednym z najłatwiejszych sposobów zarabiania na stronie poświęconej zdrowiu i fitnessowi jest korzystanie z MemberPress. Jest to najlepsza wtyczka członkowska WordPress i umożliwia łatwą sprzedaż kursów i subskrypcji online.

Możesz tworzyć różne rodzaje planów fitness, ukrywać treści tylko dla członków za zaporą, tworzyć kursy online i nie tylko.

Użytkownicy mogą następnie korzystać z wbudowanego urządzenia do monitorowania kondycji, aby mierzyć swoją wydajność i postępy w czasie. Pomaga im to spędzać więcej czasu w Twojej witrynie, co poprawia odnawianie subskrypcji, sprzedaż dodatkową i utrzymanie klientów.

Aby uzyskać więcej informacji, zobacz nasz samouczek krok po kroku, jak utworzyć witrynę członkowską w WordPress.

Tworzenie internetowego trackera fitness w WordPress

Aby utworzyć internetowy monitor fitness w WordPressie, potrzebujesz Formidable Forms.

Jest to najlepsza wtyczka kalkulatora WordPress na rynku, która umożliwia tworzenie zaawansowanych formularzy i kalkulatorów dla Twojej witryny. Konstruktor formularzy typu „przeciągnij i upuść” ułatwia tworzenie formularzy śledzenia kondycji bez konieczności pisania kodu lub zatrudniania programisty.

Ponadto działa świetnie z innymi narzędziami, z których już korzystasz, takimi jak MemberPress, WooCommerce lub dostawca usług poczty e-mail.

Najpierw musisz zainstalować i aktywować wtyczkę Formidable Forms. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Uwaga : Dostępna jest ograniczona darmowa wersja wtyczki o nazwie Formidable Lite. Będziesz jednak potrzebować wersji premium, aby odblokować więcej funkcji.

Po aktywacji musisz odwiedzić stronę Formidable » Ustawienia globalne , aby wprowadzić klucz licencyjny wtyczki. Możesz znaleźć te informacje na swoim koncie na stronie Formidable Forms.

Klucz licencyjny Formidable Forms

Następnie musisz odwiedzić stronę Formidable » Formularze .

Tutaj po prostu kliknij przycisk Dodaj nowy, aby utworzyć formularz śledzenia kondycji.

Utwórz nowy formularz śledzenia kondycji

Następnie zostaniesz poproszony o wybranie szablonu formularza.

Istnieje wiele szablonów, z których możesz skorzystać, ale w tym samouczku zaczniemy od pustego formularza.

Wybierz pusty szablon formularza

Następnie podaj nazwę i opis formularza i kliknij przycisk Utwórz.

Spowoduje to uruchomienie kreatora przeciągania i upuszczania Formidable Forms. W lewej kolumnie zobaczysz listę pól formularza, które możesz dodać.

Po prawej stronie zobaczysz podgląd formularza. Ponieważ nasz formularz jest pusty, w kolumnie podglądu nie ma żadnych pól.

Interfejs kreatora formularzy

Zmieńmy to i dodajmy pola formularza dla naszego urządzenia do śledzenia sprawności fizycznej odchudzania.

W przypadku tego modułu śledzącego dodamy następujące pola formularza.

  1. Identyfikator użytkownika — zostanie automatycznie wypełniony przez Formidable Forms dla zalogowanych użytkowników, aby użytkownicy mogli zobaczyć własne wyniki.
  2. Data — użytkownicy będą mogli wprowadzić datę pomiaru swojej wagi.
  3. Liczba — zmienimy nazwę tego pola na „Waga” i poprosimy użytkowników o podanie swojej wagi w funtach lub kilogramach.
Dodaj pola formularza

Po dodaniu pól wystarczy kliknąć pole, aby zmienić jego właściwości.

Na przykład zmodyfikowaliśmy pole liczbowe, aby zmienić jego etykietę na „Waga” i podaliśmy instrukcje w opcji opisu.

Edytuj pole formularza

Po zakończeniu edycji formularza kliknij przycisk Aktualizuj, aby zapisać formularz.

Zapisz swój formularz

Dodawanie modułu fitness do posta lub strony WordPress

Następnie chcesz dodać formularz fitness tracker do swojej witryny WordPress.

Jeśli korzystasz z MemberPress, możesz po prostu edytować stronę Konto. Możesz także utworzyć nową stronę i ograniczyć ją tylko do członków. W ten sposób użytkownicy będą musieli się zalogować, aby wprowadzić swoje dane fitness.

Na ekranie edycji strony po prostu dodaj blok Formidable Forms do swojej strony i wybierz Fitness Tracker z rozwijanego menu.

Groźny blok Form

Formidable Form wyświetli teraz podgląd twojego formularza w edytorze stron. Możesz śmiało zapisać zmiany.

Możesz teraz zalogować się za pomocą fikcyjnego nowego konta użytkownika i wypełnić kilka wpisów testowych.

Monitor aktywności na żywo

Wyświetlaj dane śledzenia formularzy fitness w WordPress

Formidable Forms bardzo ułatwia wyświetlanie danych zebranych przez formularze w witrynie WordPress.

Możesz wybrać dokładnie, które pola chcesz pokazać i wyświetlić dane na wykresach i wykresach.

Po prostu edytuj post lub stronę, na której chcesz wyświetlić dane formularza. Oczywiście, jeśli korzystasz z MemberPress, chcesz ograniczyć tę stronę, aby tylko zalogowani użytkownicy mogli przeglądać własne dane dotyczące kondycji.

Następnie musisz dodać krótki kod do swojej strony w następującym formacie.

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

Ten krótki kod ma następujące parametry.

  • Pola – identyfikator pola, z którego chcesz wyświetlić dane (w tym przypadku pole wagi).
  • y_title — Tytuł osi Y. W tym przypadku będziemy używać wagi.
  • x_axis – identyfikator pola, którego chcesz użyć w osi x. W tym przypadku pole daty.
  • x_title — Tytuł osi x. W takim przypadku użyjemy Daty.
  • user_id – „Aktualny”, aby tylko zalogowani użytkownicy mogli przeglądać własne dane.

Identyfikator pola można znaleźć, edytując formularz fitness tracker. Zobaczysz identyfikator dla każdego pola w podglądzie formularza.

Znajdowanie identyfikatora pola

Po dodaniu shortcode nie zapomnij zapisać zmian.

Następnie musisz zalogować się za pomocą fikcyjnego konta użytkownika, którego użyłeś wcześniej, aby dodać wpisy testowe, i odwiedzić właśnie utworzoną stronę.

Oto jak to wyglądało na naszej stronie testowej:

Wykres danych monitora fitness

Tworzenie większej liczby narzędzi do śledzenia sprawności w WordPress

Formidable Forms to najbardziej zaawansowany kreator narzędzi dla WordPressa.

Oprócz formularza śledzenia utraty wagi możesz go również użyć do stworzenia kilku innych rodzajów kalkulatorów i narzędzi fitness online.

Zawiera nawet wbudowane szablony kalkulatora BMI i kalkulatora dziennego spożycia kalorii.

Szablony kalkulatora fitness

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo dodać tracker fitness w WordPress. Możesz również zapoznać się z wyborem naszego eksperta najlepszego oprogramowania do czatu na żywo dla małych firm lub zapoznać się z naszym kompletnym przewodnikiem SEO po WordPressie, aby uzyskać więcej bezpłatnych odwiedzających z wyszukiwarek.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Wpis Jak stworzyć Fitness Tracker w WordPressie (z wykresami) po raz pierwszy pojawił się na WPBeginner.