Hur man genererar fler leads med gratis onlinekalkylatorer (Pro Tips)

Vill du generera fler leads på din website?

Onlinekalkylatorer är ett bra sätt att få en besökares kontaktinformation så att you kan nå ut till dem med personliga annonser, emails, nyhetsbrev och andra former av onlinemarknadsföring.

I den här artikeln visar vi dig hur du skapar en onlinekalkylator och börjar generera fler leads för din WordPress webbplats.

Varför är onlinekalkylatorer så bra verktyg för generering av leads?

Onlinekalkylatorer är användbara tools som kan hjälpa besökarna att lösa ett problem eller svara på en fråga. Ännu bättre är att du kan be om besökarens email address innan du visar deras resultat, vilket gör dem till ett bra sätt att generera leads.

Du kan använda onlinekalkylatorer i många olika branscher och nischer. Till exempel, inom hälsa och välbefinnande kan du add to en BMI-kalkylator och sedan uppmuntra besökare att handla för en plan för måltider.

Om du säljer till en global publik kan en kalkylator som konverterar metriska enheter till imperialistiska enheter ge dig mer försäljning genom att hjälpa customers kontrollera om en produkt har rätt storlek eller vikt.

You could also add a mortgage calculator to your real estate website or a car payment calcul ator to your vehicle dealership site.

Möjligheterna är oändliga, så det är lätt att se varför onlinekalkylatorer snabbt håller på att bli några av de mest populära sätten att få din email list att växa.

Med det sagt, låt oss visa dig hur du skapar en onlinekalkylator och genererar leads. Vi kommer att täcka två metoder, och använd gärna våra länkar för att hoppa till den metod du väljer:

Metod 1: Skapa onlinekalkylatorer med WPForms (rekommenderas)

Det bästa och enklaste sättet att skapa en onlinekalkylator för din WordPress webbplats utan att skriva en enda rad kod är att använda WPForms plugin.

WPForms är den bästa form builder för kontaktformulär och kalkylator plugin available, med över 6 miljoner installationer. Det allow you att skapa alla typer av formulär, inklusive conversational forms, formulär för registrering av användare, och mer.

Högst upp får du tillgång till ett brett utbud av kalkylatorformulär templates redo att användas out-of-the-box så att du kan börja bygga förtroende och generera leads för ditt företag.

Step 1: Installera och aktivera WPForms plugin

När du har köpt WPForms Pro, gå vidare och installera och aktivera pluginet i din WordPress dashboard. För ytterligare detaljer, kontrollera vår Step-by-Step tutorial om hur du installerar ett WordPress plugin.

Efter aktivering måste du heada över till WPForms ” Addons. Klicka sedan på knappen ”Install Addon”.

Eftersom vi kommer att samla in leads behöver du också hitta Lead Forms Addon.

Klicka sedan på ”Install Addon”.

Därefter kommer vi att täcka hur man skapar en onlinekalkylator så att användare kan använda den för att utföra beräkningar och få exakta uppskattningar.

Step-by-Step 2: Skapa ditt formulär för onlinekalkylator

Gå till WPForms ” Add New. Detta kommer att öppna drag and drop online form builder, där du kan skapa och customize din kalkylator formulär.

Ge sedan ditt new formulär ett namn genom att skriva in det i boxen.

Detta är så att du kan referera till ditt kalkylatorformulär senare när du vill göra ändringar eller embed det på en page eller post.

Under det kan du välja en template som är vettig för dig. I den vänstra panelen kan du navigera genom de olika kategorierna under alternativet ”Kalkylator”.

Till exempel, om du run en gym website, då kan du välja från ”fitness” kategori, men om du har en återförsäljare eller är en fastighetsmäklare, då kan du välja ”finans” kategori för att säkerställa att dina potentiella kunder kvalificerar sig för dina produkter eller tjänster.

Med en enorm lista över templates hittar du nästan vilken typ av onlinekalkylator du letar efter. Men för den här tutorialens skull kommer vi att gå med ”Mortgage Lead Generator Form.

Håll bara hoveringen över den template you vill använda och select ”Use Template”.

Härifrån kommer du till tabben Fields, där du kommer att se drag and drop form builder. Alla tillgängliga fält finns i den vänstra panelen.

Om du gillar att add to ett fält, dra det från vänster till höger sida. Till höger finns Editorn där du visuellt kan se hur formuläret gillar att se ut.

Med Lead Forms Addon kommer du automatiskt att se page breaks. Före varje page break finns en knapp ”Next” så att användarna kan gå vidare till nästa page när de har completed de obligatoriska fälten.

De kommer också att se en förloppsindikator under som delar upp formuläret i smältbara sektioner och förbättrar användarupplevelsen.

Formuläret för bolånekalkylatorn innehåller följande fält:

• Hemmets värde
• Handpenning
• Räntesats
• Bolånets löptid
• Månatlig betalning av bolån
• Annual payment amount
• Totalt betald ränta
• Total betalning för bolån

Om du är en hypotekslångivare kommer denna template att innehålla de flesta av de fält du förmodligen letar efter. Med det sagt kan du alltid add to eller delete fält efter behov.

Det kan till exempel vara lämpligt att add to multiple choice-fält som frågar efter ”Syftet med hypotekslånet eller lånet” och ”Typ av fastighet” som användaren letar efter. På så sätt kan du bättre tillgodose deras behov.

När du addar fältet navigerar du bara till tabben ”Allmänt” under Field Options och redigerar alternativen efter behov.

Step 3: Ändra beräkningarna (valfritt)

När du har ställt in alla dina fält kanske du vill add to eller edit beräkningar från denna template. I det här formuläret styrs beräkningen av fältet ”Total Mortgage Payment”.

Om du klickar på fältet och headar över till tabben ”Avancerat”, bör alternativet ”Aktivera beräkning” redan vara togglat på. Om du vill behålla den ursprungliga beräkningsformeln som följer med templatet kan du låta bli att göra den här inställningen.

Men om du vill editera formeln kan du ändra värdena i textboxen ”Formula”.

När användarna enter detaljerna kommer formuläret automatiskt att beräkna resultaten baserat på den information de lämnat.

Högst upp i Formula box kan du add to aritmetiska funktioner som gillar:

• Tillägg (+)
• Subtraktion (-)
• Multiplikation (*)
• Division (/)

Varje gång du infogar en formel måste den rymmas inom parenteserna, som kan addas högst upp i formelboxen.

Klicka bara på ”Infoga fält” så ser du listan med koder som är kopplade till varje fält.

Det finns andra regler som du kan införa, till exempel ”om, annars”-regeln.

Om du till exempel använder en formel som gillar bostadskostnader / bruttomånadsinkomst, kan du överstiga risken för den sökande. Med hjälp av if/else-regeln kan du automatiskt neka eller godkänna sökande baserat på risken.

Du kan också clicka på ”Cheatsheet” bredvid Formula box för att se all available rules and functions you can add.

När du är klar med att lägga till formeln klickar du på ”Bekräfta formel” för att kontrollera att beräkningarna och syntaxen är korrekta.

Step 4: Konfigurera alternativ för kontakt

I your online calculator lead form är det också en bra idé att fråga customers hur de vill bli nådda. På så sätt kan du följa upp leads som har visat intresse för vad du har att erbjuda.

Det här är också ett bra ställe att add to icons. Klicka bara på fältet för multiple choice. Sedan bör du se alternativ för att konfigurera alternativen för multiple choice. Om du toggle knappen ”Use icon choices”, kommer icons att läggas till i ditt formulär.

You will now see face-smile boxes appear.

Klicka bara på face-smile boxen i den vänstra panelen, vilket gör att du kan välja den icon du gillar att lägga till.

En Icon Picker popup vy kommer att visas. You kan välja mellan 2 000+ icons.

Använd bara sökfältet och skriv in den icon du letar efter. Vi kommer att välja de icons som bäst passar våra multiple choice-alternativ.

Du kan också ändra inställningen för ”Icon Color” i den vänstra panelen.

När det är completed och du har valt alla dina icons i multiple choice-fältet, så här ska det gilla att se ut.

En annan personlig touch som du kan add to till ditt formulär är en logga eller header image högst upp på ditt kalkylatorformulär.

Klicka bara på fältet Content och dra det till höger sida av formulärets editor.

Välj sedan fältet Content.

I tabben ”Allmänt” kan you click on the ”Add Media” button to upload your company logo.

Step-by-Step 5: Styling av ditt kalkylatorformulär

Dessutom kan du customize stilen på ditt lead-formulär.

För att göra det, du head över till Settings ” Lead Forms.

När du slår på ”Advanced Style Settings” kan du lägga till en container runt fälten och formuläret och ge det snygga effekter så att det sticker ut mer.

Du kan också customize färgen på fältgränserna, bakgrunden till containern och texten.

Att lägga till icons och customize utseendet på ditt formulär är ett bra sätt att hålla det snyggt och professionellt.

Step-by-Step 6: Edit av bekräftelsemeddelandet

Det sista du behöver göra är att reviewer och editera bekräftelsemeddelandet. WPForms kommer automatiskt att skicka ett bekräftelsemeddelande som sammanfattar de fält som användaren har completed, tillsammans med resultaten av beräkningarna.

För att göra det måste du heada till Settings ” Bekräftelser.

You can choose to send the message directly on the page or redirect the user to another page. Editera sedan meddelandet i textboxen.

Att använda smarta taggar är ett utmärkt sätt att anpassa ditt message baserat på den information som användaren har angett.

När du är nöjd med hur ditt formulär ser ut trycker du bara på knappen ”Save”.

På så sätt förlorar du inte några ändringar du har gjort.

Step-by-Step 7: Embed Your New Online Calculator Form i en WordPress Page eller Post

Därefter vill du embeda din onlinekalkylator i en av dina WordPress pages eller posts.

Gå till valfri page eller post i WordPress. Här kan du klicka på knappen ”+” för att lägga till ett nytt block och välja WPForms-blocket.

Select sedan det formulär för onlinekalkylator som du just har skapat.

Formuläret ska automatiskt dyka upp på page.

Gå sedan vidare och tryck på ”Publicera” högst upp.

Nu har du utan problem lagt till din onlinekalkylator på din WordPress site.

Se bara till att previewa den innan you är klar.

Det ska se ut ungefär så här.

Du kommer att vilja gå igenom formuläret för att se till att alla formulärfält och beräkningar fungerar som de ska.

Till exempel, här är vad bekräftelsemeddelandet gillar när vi har completed detta formulär.

Step 8: View av formulärets Entry

Om du headar till WPForms ” Entries och väljer ditt formulärnamn, så kommer du att se all entry från ditt onlinekalkylatorformulär.

You can easily view, edit, or trash each entry. If you view the entry, then you or your sales team can find all the lead information you are looking for.

Du kan också exportera listan och uploada den till en plattform för automatiserad marknadsföring eller ansluta den till ett plugin för automatisering i WordPress som gillar Uncanny Automator.

Detta gör det möjligt för dig att kontakta leads efter att de har skickat in onlinekalkylatorformuläret.

För att lära dig mer om hur du gör det, kontrollera vår guide om hur du gör lead-generering i WordPress gillar ett Pro.

Metod 2: Lägga till en kalkylator med Formidable Forms (avancerad)

Ett annat sätt att add to online-kalkylatorer till WordPress är genom att använda Formidable Forms plugin. Det har en avancerad drag & drop WordPress form builder och är bland de bästa WordPress-kalkylatortilläggen på marknaden.

Tillägget specialiserar sig på att hjälpa människor att bygga komplexa formulär med avancerade beräkningar.

Formidable Forms kommer till exempel med många templates för kalkylatorer, inklusive en bolånekalkylator som du kan add to your IDX real estate website och en BMI-kalkylator som är perfekt för hälsobloggar och gymwebbplatser.

Formidable Forms tillåter dig också att add to villkorliga beräkningar. Till exempel, baserat på användarens respons på ett formulär, kan du tala om för pluginet vilken formel det automatiskt ska använda.

Det första du behöver göra är att installera och aktivera både gratis Formidable Forms Lite och premium Formidable Forms tillägg. För mer detaljer, se vår guide om hur du installerar ett tillägg till WordPress.

När du har gjort det, heada till Formidable ” Global Settings och välj ’Add a license manually’.

För att hitta din license key, bara head över till Formidable Forms webbplats.

Logga sedan in på ditt account och heada över till ”Downloads” page.

Därefter klistrar du bara in din license key i fältet på din WordPress site.

Se till att du klickar på knappen ”Save License” och sedan på knappen ”Update” högst upp.

Efter det kommer du att se ett ”license activation success” message.

Step-by-Step: Välj en template för kalkylatorformulär

Nu är du redo att skapa din första kalkylator genom att gå till Formidable ” Forms och sedan klicka på ’+ Add New’.

Du ser nu alla de olika templates för formulär som du kan välja mellan.

På sidan rullar du ner och väljer kategorin Kalkylator, där du ser alla tillgängliga kalkylatormallar som Formidable Forms erbjuder.

För att previewa en template hoverar du bara över den och trycker på ”View Demo”.

När du är redo att sätta igång hoverar du över den och klickar sedan på ”Use Template”.

I den här guiden kommer vi att använda templaten ”Compound Interest Calculator”, men du kan använda vilken templat du vill.

Du kommer nu att se din valda template i Formidable Forms editor.

Step-by-Step 2: Utforma din gratis onlinekalkylator

Härifrån kan du peka och clicka för att customize valfritt fält i formuläret. Om du till exempel vill ändra fältetikett eller nummerintervall för ”Initial amount”, clickar du för att välja det fältet.

You can then make your changes using the settings in the left-hand menu.

Om du vill add to fler fält i kalkylatorn väljer du tabben ”Add Fields” i menyn till vänster. Dra sedan fältet till kalkylatorns template.

Om du t.ex. vill samla in besökarens email address måste du lägga till ett fält där besökarna kan skriva in denna information. För att göra detta, drag and drop ett ”Email”-fält på kalkylatorns templates.

Därefter klickar du på fältet ”Email” och gör eventuella ändringar med hjälp av inställningarna ”Field Options”.

Du kan vanligtvis använda standardinställningarna, men för att generera så många leads som möjligt är det en bra idé att kontrollera rutan ”Obligatorisk”. Detta innebär att besökare måste ange en email address för att kunna se sina resultat.

Du kan fortsätta att customize din kalkylator genom att ändra värdena för fälten och även lägga till new fält.

Step-by-Step 3: Justering av beräkningarna

Formidable Forms kommer med färdiga templates som redan har pre-built beräkningar. Med det sagt, om du vill justera formlerna eller värdena kan du göra det.

För att kontrollera beräkningarna klickar du på något av de fältelement som skulle påverkas av formeln. När du klickar på ett fältelement bör du också se ett ID:n.

I den vänstra panelen måste du gå till Field Options ” Advanced tabs. Under ”Standard Value” ser du den formel som används.

I det här fallet ser vi alltså att ”Total sammansatt ränta” har ID:n 20. Formeln ”[18]+[19]” anger att sammansatt ränta på kapital + sammansatt ränta på inlåning är lika med total sammansatt ränta.

Om du är osäker på ID:n för ett visst fält eller vill se vilka fält du kan add to i din formel, clickar du bara på ikonen med tre prickar bredvid ”Standard Value”.

Sedan väljer du det fält du letar efter i dropdown-menyn Fältlista. Du kan välja vilket fält du vill, och det kommer att add det till ”Standard Value” för användning i din formel.

Något att tänka på är att you kommer att använda all vanliga matematiska symboler, som t.ex:

• + för tillägg
• – för subtraktion
• * för multiplikation
• / för uppdelning
• () för att gruppera vissa beräkningar tillsammans
• Math.pow() för att lägga till exponenter i en ekvation

Här är ett exempel på hur det gillar att se ut. Som tidigare visats är [] beteckningen för ID:n.

Du bör göra en Preview av formuläret för att se till att beräkningarna fungerar som de ska.

När du är nöjd med hur kalkylatorn är utformad klickar du på knappen ”Save”.

Du bör se ett message som ber dig att namnge ditt formulär.

Ge den gärna ett namn så att du lätt kan hänvisa till den senare. Tryck sedan på knappen ”Save”.

Efter några ögonblick ser du ett message ”successfully updated”.

Step-by-Step 4: Add to en gratis onlinekalkylator till WordPress

Du är nu redo att add to kalkylatorn till valfri page eller post på din website i WordPress. Du måste heada över till den page eller post där du gillar att add to ditt kalkylatorformulär.

Börja med att skriva in en rubrik för kalkylatorpagen.

När du har gjort det klickar du på ikonen ”+”. Välj sedan blocket ”Formidable Forms”.

När rätt block appear, click it simply to add it to the page.

Efter det måste du öppna dropdown ’Select a form’ och välja den kalkylator du skapade tidigare.

WordPress kommer nu att hämta den customizade kalkylatorn automatiskt.

Klart att du kan fortsätta edit:a sidan genom att lägga till text, images, description av kalkylatorn, kategorier och tags med mera.

När du är redo att göra kalkylatorn live går du vidare och klickar på knappen ”Publicera” eller ”Update” i det högra hörnet.

Your new calculator page är nu live på din website.

Så här gillade vi det på vår demo website.

Bonus: Få fler leads med OptinMonster

Din nästa uppgift är att driva människor till den gratis onlinekalkylatorn så att du kan få fler prenumeranter och leads för din webbplats för småföretag.

Det är där OptinMonster kommer in.

OptinMonster är den bästa WordPress plugin för lead generation som kommer med professionellt utformade templates och en drag and drop editor som du kan använda i dina kampanjer.

Det har också verktyg som gillar lightbox popups, slide-in popups, nedräkningstimer, header och footer banners, och mer.

Alla dessa tools är perfekta för att främja din gratis onlinekalkylator så att du kan få fler användare och konverteringar.

Om du driver en onlinebutik har OptinMonster också en avancerad Exit-Intent-funktion som kan konvertera övergivande besökare till kunder och prenumeranter.

För att lära dig mer, se hur vi ökade våra prenumeranter på email med 600% med OptinMonster.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du genererar fler leads med onlinekalkylatorer. You may also want to see our guide on how to increase your blogg traffic and our expert pick of the best email marketing services for small businesses.

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.