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

Så här skapar du en Fitness Tracker i WordPress (med diagram)

Många hälso- och fitnessrelaterade företag erbjuder fitnessspårare för sina användare. If you run a gym or other fitness company, then putting a fitness tracker on your website can keep users engaged and help grow your business.

It allows you to boost user interaction, collect valuable data for insights, and foster a sense of community among your audience.

På WPBeginner har vi skapat en mängd olika gratis affärsverktyg för våra användare, så vi förstår vikten av att erbjuda interaktiva tools som tillgodoser din publiks behov.

I den här artikeln visar vi dig hur du enkelt kan skapa en fitness tracker i WordPress för att öka användarnas engagement på din website.

Creating a fitness tracker in WordPress

Vad är en fitness tracker?

En fitness tracker är ett onlineverktyg som hjälper användare att spåra olika aspekter av deras hälsa och fitnessprestanda.

Det kan vara en viktminskningsspårare, en BMI-kalkylator, en måltidsplanerare eller någon annan typ av hälsospårare. Dessa online tools kan skapas med hjälp av WordPress tillägg utan kod som beräknar olika värden i farten.

Varför du bör add to en fitness tracker till din site i WordPress

If you run a WordPress website for a health and fitness business or an online community, then adding a fitness tracker to your website is an easy way to build user engagement.

Detta inkluderar webbplatser som gillar:

  • Webbplatser för gym
  • Websites för viktminskning
  • Fitnesstränarens personliga site
  • Site om näringslära eller blogg om mat
  • Hälso- och träningsgemenskap
  • Livsstilssamhällen
  • och mer

Du kan förse dina användare med faktiska tools för att tracka deras fitness performance, vilket är mer sannolikt att hålla dem kvar på din site längre.

Improved user engagement leads to higher conversion rates and better customer retention for your business.

Bygga upp en träningsgemenskap online

Ett av de enklaste sätten att tjäna pengar på en website för hälsa och fitness är att använda MemberPress. Det är det bästa tillägget för medlemskap i WordPress och allow you att enkelt sälja onlinekurser och prenumerationer.

You can create different types of fitness plans, hide members-only content behind a paywall, create online courses, and more.

Användarna kan sedan använda din built-in fitness tracker för att mäta sina prestationer och framsteg över tid. Detta hjälper dem att spendera mer tid på din website, vilket kan öka förnyelsen av prenumerationer, upsells och kundlojalitet.

För mer details, se vår steg-för-steg tutorial om hur man skapar en medlemskap website i WordPress.

Skapa en online-träningstracker i WordPress

För att skapa en online fitness tracker i WordPress behöver du Formidable Forms.

Det är ett av de bästa kalkylatortilläggen för WordPress på marknaden som allowar dig att skapa avancerade formulär och kalkylatorer för din website. Drag and drop form builder gör det enkelt att skapa dina fitness tracking-formulär utan att behöva skriva någon kod eller anlita en utvecklare.

Dessutom fungerar det bra med andra tools som du kanske redan använder som MemberPress, WooCommerce eller din provider av e-posttjänster.

Först måste du installera och aktivera Formidable Forms plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Note: Det finns en begränsad gratis version av tillägget som heter Formidable Lite. Du behöver dock premium-versionen för att unlocka fler funktioner.

Vid aktivering, besök Formidable ” Global Settings page för att enter din plugin license key. Du hittar den här informationen under your account på Formidable Forms website.

Formidable Forms license key

Efter det måste du besöka Formidable ” Forms page.

Här klickar du bara på knappen ”Add New” för att skapa ditt formulär för fitness tracking.

Create a new fitness tracking form

Därefter kommer du att bli ombedd att välja en template för ditt formulär.

Det finns en massa templates som du kan använda, men för den här tutorialen börjar vi med ett tomt formulär.

Choose blank form template

Därefter anger du ett namn och en description för ditt formulär och klickar på knappen ”Create”.

Detta kommer att starta Formidable Forms drag and drop builder. I den vänstra colonnen ser du en lista över de formulärfält som du kan add to.

Till your right, you’ll see the form preview. Eftersom vårt formulär är tomt finns det inga fält i preview column.

Form builder interface

Låt oss ändra det och add to formulärfälten för vår viktminsknings fitness tracker.

För denna tracker kommer vi att lägga till följande formulärfält.

  1. Användar-ID – Detta fylls i automatiskt av Formidable Forms för inloggade användare så att användarna kan se sina egna utförda prestationer.
  2. Date – Användarna kan enter det datum då de mätte sin vikt.
  3. Number – Vi döper om det här fältet till ”Weight” och ber användarna att enter sin vikt i lbs eller kg.
Add form fields

När du har lagt till fälten kan du bara klicka på ett fält för att ändra dess egenskaper.

For instance, we edited the number field to change its label to ”Weight” and provided instructions in the description option.

Edit the form field

När du har slutfört editingen av formuläret klickar du på knappen ”Update” för att save your form.

Save your form

Lägga till Fitness Tracker i ett WordPress post eller page

Därefter vill du add to fitness tracker-formuläret till din WordPress website.

Om du använder MemberPress kan du helt enkelt editera sidan ”Account”. You can also create a new page and restrict it to members only. På så sätt blir användarna obligatoriska att logga in för att enter sina träningsdata.

På sidan edit vy, helt enkelt add blocket ”Formidable Forms” till din page och välj fitness tracker du skapade från dropdown menyn.

Formidable Forms block

Formidable Forms kommer nu att visa en preview av ditt formulär i page editor. You can go ahead and save your changes.

Du kan nu gå vidare, logga in med en dummy new användare konto, och fylla i några test poster.

Live fitness tracker

Display Fitness Form Tracker-data i WordPress

Formidable Forms gör det superenkelt att displayed de data som samlas in av dina formulär på din WordPress website.

You kan välja exakt vilka fält du vill visa och visa data i grafer och diagram.

Helt enkelt edit the post or page where you want to display the form data. Om du använder MemberPress vill du naturligtvis begränsa den page så att endast inloggade användare kan view sina egna träningsdata.

Följaktligen måste du add a shortcode till din page i följande format:

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

Denna shortcode har följande parametrar.

  • Fields – ID:n för det fält som du vill använda för att visa data från (i det här fallet viktfältet).
  • y_title – Rubrik för Y-axeln. I detta fall kommer vi att använda Weight.
  • x_axis – ID:n för det fält som du vill använda på x_axeln. I det här fallet är det datumfältet.
  • x_title – Rubrik för x_axeln. I detta fall kommer vi att använda Date.
  • user_id – ”Current” så att endast inloggade användare kan viewa sina egna data.

Du kan hitta fältets ID:n genom att helt enkelt editera ditt fitness tracker-formulär. Du kommer att se ID:n för varje fält i formulärets Preview.

Finding the field ID

När du har lagt till shortcode, glöm inte att save dina ändringar.

Därefter måste du logga in med det dummy-användarkonto som du använde tidigare för att add to test entries och besöka den page som du just skapat.

Så här såg det ut på vår test website:

Fitness tracker data chart

Skapa fler tools för fitness tracking i WordPress

Formidable Forms är den mest avancerade verktygsbyggaren för WordPress.

Förutom formuläret för tracking av viktnedgång kan du också använda det för att skapa flera andra typer av onlinekalkylatorer och tools.

Det finns även inbyggda templates för en BMI-kalkylator som displayed ett intervall, en kalkylator för dagligt kaloriintag, ett formulär för logging av motion med mera.

Formidable Forms BMI calculator with range

Alternativ: Formidable Forms är den perfekta lösningen för att bygga avancerade fitness trackers för your kunder eller medlemmar i samhället. Men du kanske bara behöver en enkel konditionsräknare för engångsberäkningar. I så fall rekommenderar vi att du använder WPForms istället.

WPForms är den mest användarvänliga form buildern på marknaden. Den levereras med färdiga kalkylator templates för BMI, BMR, dagligt kaloriintag, viktökning, höft-till-våning-förhållande, och mer. Om du vill skapa en gratis online fitness kalkylator för att generera leads, då är WPForms ett bra alternativ.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt kan add to en fitness tracker i WordPress. Du kanske också vill se vårt expertval av de bästa tillägg för kalkylatorer för WordPress eller vår guide om hur man säljer personliga träningstjänster med WordPress.

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

1 kommentarLämna ett svar

  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!

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.