Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man lägger till en BMI-kalkylator i WordPress (steg för steg)

Att driva en fitness- eller hälsblogg kräver mer än bara bra artiklar för att besökare ska komma tillbaka. Att lägga till interaktiva verktyg ger din publik en anledning att stanna kvar och engagera sig i ditt innehåll.

En BMI-kalkylator (Body Mass Index) ger omedelbart värde till dina läsare genom att hjälpa dem att följa sina hälsomål. Det är också ett utmärkt sätt att samla in leads för dina coachningstjänster eller nyhetsbrev.

Enligt vår erfarenhet minskar interaktiva formulär avsevärt avvisningsfrekvensen jämfört med statiska sidor. Lyckligtvis behöver du inte komplex kod eller matematiska kunskaper för att bygga ett.

I den här artikeln visar vi dig hur du enkelt lägger till en BMI-kalkylator i WordPress steg för steg.

Lägg till en BMI-kalkylator i WordPress (steg för steg)

Varför lägga till en BMI-kalkylator i WordPress?

BMI står för Body Mass Index. Det är ett grovt mått på en persons kroppsfett baserat på deras längd och vikt med hjälp av följande beräkning:

BMI = kg/m2

I den här formeln är 'kg' personens vikt i kilogram, och 'm2' är deras längd i meter i kvadrat.

Om du föredrar att använda imperialistiska enheter kan du använda formeln nedan. Här är 'lb' vikten i pund, och 'in2' är längden i tum i kvadrat:

BMI = lb/in2 ∗ 703

En BMI-avläsning kan hjälpa dina besökare, patienter eller klienter att avgöra om de är underviktiga, överviktiga eller har en hälsosam vikt för sin längd. Att be folk att göra beräkningen själva är dock inte en bra användarupplevelse.

Det är här en BMI-kalkylator kommer in.

Om du har startat en hälso- eller träningsblogg, kan en BMI-kalkylator hjälpa besökare att planera nästa steg på sin hälsresa. Till exempel kan någon som bestämmer sig för att minska sitt BMI anmäla sig till din träningsspårare.

En BMI-kalkylator kan också uppmuntra människor att spendera mer tid på din webbplats. Detta kan öka sidvisningar och minska din avvisningsfrekvens.

Ju mer tid någon spenderar på din webbplats, desto mer sannolikt är det att de konverterar. Till exempel kan de boka en provträning på ditt CrossFit-gym eller köpa träningsutrustning från din webbutik.

Med det i åtanke, låt oss se hur du enkelt kan lägga till en BMI-kalkylator i WordPress. I den här handledningen kommer vi att täcka två metoder, och du kan använda länkarna nedan för att hoppa till den metod du väljer:

Metod 1: Skapa en BMI-kalkylator med WPForms (enkelt)

Du kan enkelt skapa en BMI-kalkylator i WordPress med WPForms. Det är det bästa kalkylatorpluginet på marknaden som kommer med en dra-och-släpp-byggare, över 2000 färdiga mallar och komplett spam-skydd.

Pluginet erbjuder också ett tillägg för beräkningar som låter dig lägga till valfri kalkylatorform du vill, inklusive en BMI-kalkylator, bolånekalkylator och ålderskalkylator. För att lära dig mer, se vår WPForms-recension.

Först måste du installera och aktivera pluginet WPForms. För detaljerade instruktioner, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Notera: WPForms har en gratis plan. Du kommer dock att behöva pro-planen för pluginet för att låsa upp Calculations-tillägget.

Efter aktivering, gå till sidan WPForms » Inställningar från WordPress-instrumentpanelen för att ange din licensnyckel. Du hittar denna information i ditt konto på WPForms webbplats.

Ange licensnyckeln i WPForms-inställningar

Besök därefter sidan WPForms » Tillägg och leta upp 'Beräkningstillägget'.

Klicka sedan bara på knappen 'Installera tillägg' för att aktivera det på din webbplats.

Installera och aktivera tillägget Calculations

Gå sedan till sidan WPForms » Lägg till ny från sidomenyn i WordPress-administrationen.

Här kan du börja med att skriva ett namn för kalkylatorformuläret som du ska skapa.

Därefter hittar du mallen ‘BMI-kalkylatorformulär’ och klickar på knappen ‘Använd mall’ under den.

Klicka på knappen Använd mall under mallen BMI Calculator Form

WPForms formulärbyggare kommer nu att öppnas på din skärm, där du kommer att märka en förhandsgranskning av formuläret till höger med formulärfält i den vänstra kolumnen.

Härifrån kan du lägga till vilket fält du vill och dra och släppa dem för att ordna om deras ordning.

Klicka sedan på fältet 'Unit Of Measurement' i den vänstra kolumnen för att öppna dess inställningar. BMI-kalkylatorn ger användarna ett val mellan det kejserliga och metriska mätsystemet.

Om du dock bara vill använda ett enda mätsystem i din kalkylator kan du klicka på (-) ikonen bredvid ett system för att ta bort det.

Kom ihåg att användning av båda mätsystemen i din BMI-kalkylator hjälper dig att nå en bredare publik.

Välj mätenheter för formuläret

Därefter kommer du att märka två olika enhetsfält som visas för användarna när de väljer en av mätenheterna från rullgardinsmenyn.

Om du däremot använder ett enda mätsystem, då ett av enhetsfälten inte kommer att vara nödvändigt, och du kan ta bort det.

Till exempel, om du bara erbjuder BMI i imperialistiska enheter, kan du ta bort de metriska fälten för längd (cm) och vikt (kg).

Notera: Om du tar bort fält rekommenderar vi att du kontrollerar inställningarna för fältet 'BMI' längst ner i formuläret för att säkerställa att beräkningsformeln fortfarande är giltig.

Ta bort ett layoutfält enligt det mätsystem du valde

Rulla sedan ner till fälten 'BMI' och 'Bedömning'. Dessa fält kommer automatiskt att beräkna användarnas längd och vikt och visa dem deras BMI-resultat.

Om du tar bort något av dessa fält, kommer BMI-kalkylatorformuläret inte att kunna utföra några beräkningar åt dig.

När du är nöjd med ditt formulär klickar du bara på knappen 'Spara' högst upp för att spara dina ändringar.

Spara ditt BMI-kalkylatorformulär

Öppna sedan en sida/inlägg i blockredigeraren där du vill lägga till BMI-kalkylatorn.

Härifrån klickar du på knappen lägg till block ‘+’ för att öppna blockmenyn och leta upp WPForms-blocket.

När du har gjort det, lägger du till BMI-kalkylatorformuläret från rullgardinsmenyn inom själva blocket.

Lägg till BMI-kalkylatorformuläret på sidan med WPForms-blocket

Klicka slutligen på knappen 'Uppdatera' eller 'Publicera' för att spara dina inställningar. Nu kan du besöka din WordPress-webbplats för att se BMI-kalkylatorn i funktion.

Här kan besökare helt enkelt ange sin vikt och längd, och kalkylatorn kommer att visa deras BMI och ange om de är underviktiga, friska, överviktiga eller feta.

WPForms BMI-kalkylator förhandsgranskning

Metod 2: Skapa en BMI-kalkylator med Formidable Forms (Avancerat)

Om du vill visa ett BMI-intervall i din kalkylator rekommenderar vi att du istället skapar en BMI-kalkylator i WordPress med Formidable Forms.

Det är ett avancerat formulärplugin med fler beräkningsmöjligheter, inklusive villkorliga beräkningar. Vi har grundligt testat verktyget och funnit det utmärkt för mer komplexa beräkningar. För att lära dig mer om vår erfarenhet, se vår Formidable Forms-recension.

Först måste du installera och aktivera pluginet Formidable Forms. För detaljerade instruktioner kan du se vår nybörjarguide om hur man installerar ett WordPress-plugin.

Notera: Tänk på att mallarna för 'Kalkylator' endast finns tillgängliga i pluginens pro-plan. Du behöver dock fortfarande installera Formidable Forms Lite eftersom den tillhandahåller grunden för premium-pluginens mer avancerade funktioner.

Efter aktivering, besök sidan Formidable » Globala inställningar från WordPress-instrumentpanelen och välj alternativet 'Klicka för att ange en licensnyckel manuellt'.

Du hittar nyckeln på ditt konto på Formidable Forms webbplats. När du har angett informationen klickar du bara på knappen 'Spara licens' för att spara dina inställningar.

Ange Formidable Forms licensnyckel

Besök sedan Formidable » Forms sidan från WordPress-instrumentpanelen.

Klicka här på knappen '+ Lägg till ny' för att börja bygga din kalkylator.

Lägga till ett nytt kalkylatorformulär

Detta tar dig till sidan ‘Formulärmallar’. Här kan du klicka på fliken ‘Kalkylator’ i den vänstra kolumnen för att se över 55 mallar för kalkylatorformulär, inklusive en avancerad bolånekalkylator, procentkalkylator, ränta-på-ränta-kalkylator med mera.

Klicka på knappen 'Använd mall' under mallen 'BMI-kalkylator'.

Välj BMI-kalkylatorns mall

Detta öppnar formulärbyggaren, där du kommer att se en förhandsgranskning av formuläret till höger med formulärfält i den vänstra kolumnen. Du kan nu lägga till vilket fält som helst i formuläret och dra och släppa dessa fält för att ordna om deras ordning.

Till exempel har formulärmallen för BMI-kalkylatorn inget namn-fält som standard. Du kan dock lägga till ett från den vänstra panelen för att samla in mer information om dina användare.

Lägg till formulärfält som du väljer i BMI-kalkylatorn från vänster kolumn

Därefter behöver du klicka på fältet ‘Enhet för mätning’ för att öppna dess inställningar i den vänstra kolumnen.

Härifrån kan du ta bort något av de två mätsystemen (metriskt eller imperial) genom att klicka på (-) ikonen bredvid systemen.

Om du däremot vill behålla båda i BMI-kalkylatorn kan du välja ett som standard mätsystem.

Välj standardmätsystem för BMI-kalkylatorn

Å andra sidan, om du bestämmer dig för att bara använda ett mätsystem för kalkylatorn, då måste du ta bort enhetsvärdesfälten för det andra systemet.

Till exempel, om du bara vill arbeta med det metriska systemet, måste du ta bort fälten för längd (fot och tum) och vikt (lbs) från formuläret.

För att göra detta, klicka helt enkelt på ikonen med tre punkter ovanför fältet och välj sedan alternativet 'Ta bort'.

Ta bort enhetsfält för mätsystemet som du har tagit bort

Bläddra sedan ner till fältet 'BMI'. Detta fält kommer automatiskt att beräkna dina användares BMI och ge ett omdöme.

Om du tar bort detta fält kommer BMI-kalkylatorn inte att fungera. Vi rekommenderar att du lämnar det som det är.

BMI-fält i Formidable Forms

Klicka sedan på knappen 'Spara' högst upp för att lagra dina inställningar.

Detta öppnar en uppmaning på skärmen. Du måste ange ett namn för ditt formulär och klicka på knappen ‘Spara’.

Lägg till ett namn för BMI-kalkylatorformuläret

Stäng sedan formulärredigeraren och öppna sidan/inlägget där du vill lägga till BMI-kalkylatorn i blockredigeraren.

När du är där, klicka på knappen ‘Lägg till block’ (+) för att öppna blockmenyn och lägg till blocket Formidable Forms.

Välj därefter formuläret du just skapade från rullgardinsmenyn inom själva blocket.

Lägg till BMI-kalkylator med Formidable Forms-blocket

Klicka slutligen på knappen ‘Uppdatera’ eller ‘Publicera’ för att spara dina inställningar.

Nu kan du besöka din WordPress-blogg eller webbplats för att se BMI-kalkylatorn. Här kan besökaren ange sin längd och vikt för att se sitt BMI. Om de vill ha mer information kan de klicka på knappen 'Se mitt intervall'.

Kalkylatorn kommer sedan att visa intervallen för alla olika viktkategorier.

Förhandsgranskning av Formidable Forms BMI-kalkylator

Bonus: Skapa en träningsspårare i WordPress

Förutom att lägga till en BMI-kalkylator kan du även lägga till en träningsmätare på din WordPress-webbplats. Denna mätare kan vara ett enkelt formulär som användare fyller i varje månad för att följa sina viktnedgångsresor.

Om du har en fitnessblogg, kan det öka engagemanget på din webbplats och uppmuntra fler användare att registrera sig och bli en del av din e-postlista genom att lägga till denna spårare.

Du kan enkelt skapa en träningsspårare med Formidable Forms utan att behöva lära dig någon kod. Sedan kommer användarna att kunna spåra sina viktnedgångar över tid.

Live fitness tracker

För mer information, se vår handledning om hur man skapar en fitness tracker i WordPress.

Vanliga frågor om WordPress BMI-kalkylatorer

Efter att ha hjälpt många fitnessbloggare att sätta upp interaktiva verktyg får vi ofta frågor om det bästa sättet att implementera dem. Här är några av de vanligaste frågorna vi får om att lägga till BMI-kalkylatorer i WordPress.

1. Behöver jag kunna formeln för att bygga en BMI-kalkylator?

Nej, du behöver inte vara en matteexpert. Plugin-programmen vi delade i den här guiden (WPForms och Formidable Forms) kommer med förbyggda mallar.

Dessa mallar har redan de korrekta matematiska formlerna inbäddade i fälten. Du behöver bara dra och släppa fälten på plats.

2. Kan jag spara användarens BMI-data?

Ja. Eftersom du använder formulärbyggarplugins kan varje beräkning sparas som en formulärinlämning i din WordPress-databas. Detta gör att du kan spåra besökarnas framsteg över tid.

Viktigt: Hälsodata anses vara känslig information. Om du sparar denna data, se till att din integritetspolicy är uppdaterad och följer regler som GDPR.

3. Kan jag använda kalkylatorn för att växa min e-postlista?

Absolut. Du kan ansluta både WPForms och Formidable Forms till populära e-postmarknadsföringstjänster som Drip, Constant Contact eller Brevo. Du kan ställa in formuläret så att användare måste ange sin e-postadress för att få sina detaljerade BMI-resultat via e-post.

4. Är BMI-beräkningen 100 % korrekt?

BMI-formeln är ett standardverktyg för hälsoscreening som används globalt. Det är dock en generell indikator och tar inte hänsyn till muskelmassa eller bentäthet.

Vi rekommenderar att du lägger till en liten friskrivning nära din kalkylator som anger att resultaten endast är för informationsändamål och inte medicinsk rådgivning.

Ytterligare resurser

Nu när du har konfigurerat din BMI-kalkylator kanske du vill utforska andra sätt att förbättra din träningsblogg eller webbplats. Här är några relaterade guider som kan hjälpa:

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

Upplysning: Vårt innehåll stöds av läsarna. 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 redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

5 CommentsLeave a Reply

  1. Jag läste den relaterade guiden här om hur man skapar en anpassad kalkylator efter att ha läst att detta gör det enkelt att gå igenom och följa. Bra sak att implementera

  2. Är det möjligt att infoga BMI-kalkylatorformuläret i en wp-sida manuellt utan att använda något plugin? Om så är fallet, kan du hänvisa till en steg-för-steg-guide? Egentligen undviker jag att installera för många plugins på min sida och vill implementera saker manuellt.

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år kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.