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

Jak utworzyć Fitness Tracker w WordPress (z wykresami)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz stworzyć monitor fitness w WordPress?

Wiele firm związanych ze zdrowiem i fitnessem oraz społeczności internetowych oferuje swoim użytkownikom narzędzia do śledzenia kondycji. Pomaga to utrzymać zaangażowanie użytkowników i rozwijać twój biznes.

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

Creating a fitness tracker in WordPress

Czym jest Fitness Tracker?

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

Może to być narzędzie do śledzenia utraty wagi, kalkulator BMI, planer posiłków lub inny rodzaj narzędzia do śledzenia stanu zdrowia. Te narzędzia online mogą być tworzone za pomocą bezkodowych wtyczek WordPress, które obliczają różne wartości w locie.

Dlaczego powinieneś dodać Fitness Tracker do twojej witryny WordPress?

Jeśli prowadzisz witrynę internetową WordPress dla firmy zajmującej się zdrowiem i fitnessem lub społeczności online, dodanie monitora fitness do twojej witryny internetowej jest łatwym sposobem na zwiększenie zaangażowania użytkowników.

Obejmuje to witryny internetowe takie jak:

Możesz zapewnić swoim użytkownikom rzeczywiste narzędzia do śledzenia ich wyników fitness, co z większym prawdopodobieństwem zatrzyma ich na Twojej witrynie na dłużej.

Zwiększone zaangażowanie użytkowników prowadzi do wyższych współczynników konwersji i lepszej retencji klientów dla twojego biznesu.

Budowanie społeczności fitness online

Jednym z najprostszych sposobów monetyzacji witryny internetowej poświęconej zdrowiu i fitnessowi jest użycie MemberPress. Jest to najlepsza wtyczka członkowska WordPress, która umożliwia łatwą sprzedaż kursów online i subskrypcji.

Możesz tworzyć różnego rodzaju plany fitness, ukrywać treści tylko dla członków za paywallem, tworzyć kursy online i nie tylko.

Użytkownicy mogą następnie korzystać z twojego wbudowanego monitora fitness, aby mierzyć swoją wydajność i postępy w czasie. Pomaga im to spędzać więcej czasu na twojej witrynie internetowej, co poprawia odnawianie subskrypcji, upsells i utrzymanie klientów.

Aby uzyskać więcej szczegółów, zobacz nasz poradnik krok po kroku, jak stworzyć witrynę członkowską w WordPress.

Tworzenie monitora fitness online w WordPress

Aby utworzyć internetowy monitor fitness w WordPress, będziesz potrzebować Formidable Forms.

Jest to jedna z najlepszych wtyczek kalkulatora WordPress na rynku, która umożliwia tworzenie zaawansowanych formularzy i kalkulatorów dla twojej witryny internetowej. Kreator formularzy typu „przeciągnij i upuść” ułatwia tworzenie twoich formularzy śledzenia kondycji bez konieczności pisania jakiegokolwiek kodu lub zatrudniania programisty.

Ponadto świetnie współpracuje z innymi narzędziami, z których być może już korzystasz, takimi jak MemberPress, WooCommerce lub twój dostawca usług e-mail.

Najpierw należy zainstalować i włączyć wtyczkę Formidable Forms. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

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

Po włączaniu należy przejść na stronę Formidable ” Global Settings, aby wpisz klucz licencyjny wtyczki. Informacje te można znaleźć na Twoim koncie w witrynie internetowej Formidable Forms.

Formidable Forms license key

Następnie należy przejść na stronę Formidable ” Forms.

Tutaj wystarczy kliknąć przycisk „Utwórz nowy”, aby utworzyć twój formularz śledzenia fitness.

Create a new fitness tracking form

Następnie zostaniesz poproszony o wybranie szablonu dla twojego formularza.

Istnieje wiele szablonów, których można użyć, ale w tym poradniku zaczniemy od pustego formularza.

Choose blank form template

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

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

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

Form builder interface

Zmieńmy to i dodajmy pola formularza dla naszego trackera fitness 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 logujących się użytkowników, aby mogli oni zobaczyć swoje wyniki.
  2. Data – użytkownicy będą mogli wpisz datę pomiaru swojej wagi.
  3. Liczba – zmienimy nazwę tego pola na „Waga” i poprosimy użytkowników, aby wpisz swoją wagę w funtach lub kilogramach.
Add form fields

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

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

Edit the form field

Po zakończeniu edycji formularza kliknij przycisk „Aktualizuj”, aby zapisać twój formularz.

Save your form

Dodanie Fitness Trackera we wpisie lub na stronie WordPressa

Następnie należy dodać formularz fitness trackera do twojej witryny internetowej WordPress.

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

Na ekranie edycji strony wystarczy dodać blok „Formidable Forms” do twojej strony i wybrać utworzony przez ciebie tracker fitness z rozwijanego menu.

Formidable Forms block

Formidable Form wyświetli teraz podgląd twojego formularza w edytorze strony. Możesz przejść dalej i zapisać twoje zmiany.

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

Live fitness tracker

Wyświetlanie danych Fitness Form Tracker w WordPress

Formidable Forms ułatwia wyświetlanie danych zebranych przez twoje formularze na twojej witrynie internetowej WordPress.

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

Wystarczy edytować wpis lub stronę, na której mają być wyświetlane dane formularza. Oczywiście, jeśli korzystasz z MemberPress, chcesz ograniczyć tę stronę, aby tylko zalogowani użytkownicy mogli zobaczyć swoje dane fitness.

Następnie musisz dodać krótki kod do twojej 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.

  • Fields – identyfikator pola, z którego dane mają być wyświetlane (w tym przypadku pole wagi).
  • y_title – Tytuł dla osi Y. W tym przypadku będziemy używać Weight.
  • x_axis – identyfikator pola, którego chcesz użyć na osi x_axis. W tym przypadku jest to pole daty.
  • x_title – Tytuł dla osi x_. W tym przypadku użyjemy Date.
  • user_id – „Obecny”, aby tylko zalogowani użytkownicy mogli zobaczyć swoje dane.

Identyfikator pola można znaleźć po prostu edytując twój formularz fitness trackera. Identyfikator każdego pola będzie widoczny w podglądzie formularza.

Finding the field ID

Po dodaniu krótkiego kodu nie zapomnij zapisać twoich zmian.

Następnie należy zalogować się przy użyciu fikcyjnego konta użytkownika, którego użyto wcześniej do dodania wpisów testowych, i przejść na utworzoną przed chwilą stronę.

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

Fitness tracker data chart

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

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

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

Zawiera nawet wbudowane szablony kalkulatora BMI, który wyświetla zakres, kalkulator dziennego spożycia kalorii, formularz dziennika ćwiczeń i wiele innych.

Formidable Forms BMI calculator with range

Alternatywa: Formidable Forms to idealne rozwiązanie do tworzenia zaawansowanych monitorów fitness dla twoich klientów lub członków społeczności. Możesz jednak potrzebować tylko prostego kalkulatora fitness do jednorazowych obliczeń. W takim przypadku zalecamy skorzystanie z WPForms.

WPForms to najbardziej przyjazny dla użytkownika kreator formularzy na rynku. Zawiera gotowe szablony kalkulatorów dla BMI, BMR, dziennego spożycia kalorii, przyrostu masy ciała, stosunku bioder do talii i innych. Jeśli chcesz stworzyć darmowy kalkulator fitness online do generowania leadów, WPForms to świetna opcja.

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

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

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.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

Jeden komentarzZostaw odpowiedź

  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!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.