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

Letar du efter ett sätt att göra din hälso- och friskvårdswebbplats mer engagerande?

En Body Mass Index (BMI) kalkylator kan vara en stor resurs för dina läsare. Den låter användare få värdefull information, och du kan till och med använda den för att samla in leads eller sälja dina närings- och träningsrelaterade tjänster.

I den här artikeln visar vi dig hur du enkelt lägger till en BMI-kalkylator i WordPress utan att behöva koda eller räkna.

Genom att följa vår steg-för-steg-metod kommer du att vara väl rustad att skapa denna hälso- och välresurs för dina besökare.

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/m²

kg är personens vikt i kilogram, och m² är deras längd i meter i kvadrat.

Alternativt, om du arbetar med imperiala enheter, kan du använda denna formel, där lb är vikten i pund, och in² är deras längd i tum i kvadrat, multiplicerat med 703:

BMI = lb/in² ∗ 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)
• Metod 2: Skapa en BMI-kalkylator med Formidable Forms (Avancerat)
• Bonus: Skapa en träningsspårare i WordPress

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.

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.

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.

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.

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.

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.

Om du till exempel bara erbjuder BMI i imperiala enheter måste du ta bort enhetsfälten för längd (cm) och vikt (kg) eftersom de är metriska enheter.

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.

Ö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.

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.

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.

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.

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.

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'.

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.

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.

Å 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'.

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.

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’.

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.

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.

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.

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

Vi hoppas att den här handledningen hjälpte dig att lära dig hur du lägger till en BMI-kalkylator i WordPress. Du kanske också vill kolla in vår guide om hur man skapar ett kontaktformulär och våra experttips för att skapa mer interaktiva formulär i WordPress och öka konverteringar.

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.