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

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

Att generera fler leads på din webbplats kan vara en utmaning. Ett effektivt sätt att genomföra besökarinformation är med hjälp av onlinekalkylatorer. Dessa verktyg kan locka användare att dela med sig av sina kontaktuppgifter i utbyte mot personliga resultat, vilket gör dem till en kraftfull strategi för att generera leads.

Men det räcker inte att bara lägga till en miniräknare. Du bör utforma din kalkylator så att den ej ej ej endast lockar besökare utan även uppmuntrar dem att lämna information.

Enligt vår erfarenhet är det enkelt att skapa anpassningsbara kalkylatorer som passar dina behov genom att använda högst upp formulärbyggare som WPForms eller Formidable Forms. Dessa lösningar erbjuder användarvänliga gränssnitt och en mängd olika funktioner för att öka engagemanget och datainsamlingen.

I den här artikeln kommer vi att przewodnik genom stegen för att skapa en onlinekalkylator som hjälper dig att generera fler leads för din WordPress webbplats.

generate-more-leads-with-free-online-calculator-og

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

Onlinekalkylatorer är användbara verktyg som kan hjälpa besökare att lösa problem eller svara på frågor. Ännu bättre är att du kan be om besökarens e-postadress innan du visar deras resultat, vilket gör dem till ett utmärkt 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.

online calculator example

Om du säljer till en global publik kan en kalkylator som konverterar metriska enheter till imperialistiska enheter öka försäljningen genom att hjälpa klienci att 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.

Car payment calculator example

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 detta i åtanke kommer vi att visa dig hur du skapar en onlinekalkylator och genererar leads. Vi kommer att täcka 2 metoder, och du är välkommen att använda våra länkar för att hoppa till den metod du väljer:

Är du redo? Låt oss hoppa in direkt!

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

WPForms är det bästa tillägget för kontaktformulär och kalkylator som finns, med över 6 miljoner installationer. Det tillåter dig att skapa alla typer av formulär, inklusive konversationsformulär, formulär för registrering av användare och mycket mer.

Högst upp får du tillgång till ett brett utbud av mallar för kalkylatorformulär som är redo att användas direkt så att du kan börja bygga förtroende och generera leads för din verksamhet.

Obs/observera : Eftersom vi kommer att använda Calculations Addon och Lead Forms Addon för denna tutorial, behöver du WPForms Pro-versionen. Detta premium plugin ger dig tillgång till avancerade funktioner som gillar formulärrapporter och villkorlig logik. Som sagt, om du vill skapa grundläggande formulär finns det en gratis version som du kan prova.

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

install wpforms calculator addon

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

Så låt oss klicka på ”Installera utökning” i rutan Lead Forms utökning.

install wpforms lead forms addon

Därefter går vi igenom hur man skapar en onlinekalkylator som användare kan använda för att utföra beräkningar och få exakta uppskattningar.

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

Låt oss börja med att navigera till WPForms Lägg till nytt. Detta kommer att öppna dra-och-släpp online-formulärbyggaren, där du kan skapa och anpassa din kalkylatorformulär.

add new forms in wpforms

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.

name your form wpforms

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

Om du t.ex. driver en webbplats för gym kan du välja kategorin ”fitness”.

Om du å andra sidan har en återförsäljare eller är fastighetsmäklare kan du markera kategorin ”finans” för att säkerställa att dina potentiella klienter är kvalificerade för dina produkter eller tjänster.

Med en enorm lista över mallar hittar du nästan vilken typ av onlinekalkylator du än letar efter.

Men för denna handledning kommer vi att använda ”Mortgage Lead Generator Form. För bara muspekaren över den mall du vill använda och markera ”Använd mall”.

use mortgage lead generator form template

Härifrån kommer du till kartan ”Fält”, där du ser formulärbyggaren med dra-och-släpp-funktion. 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.

Pro tips: You may want to group related fields on each page and even include a big and bold text heading indicating what each page is about.

lead generator form in visual editor

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 lägga till flervalsfä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 lägger till fältet kan du navigera till kartan ”Allmänt” under ”Alternativ för fält” och redigera detaljerna efter behov.

field options general tab wpforms

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 går till kartan ”Avancerat” kan du se att alternativet ”Aktivera beräkning” redan ska vara slaget på/av. Om du vill behålla den ursprungliga beräkningsformeln som medföljer mallen kan du låta bli att göra den här inställningen.

enable calculation wpforms

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

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

Högst upp i rutan ”Formula” kan du lägga till 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.

add formula in wpforms

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

Om du till exempel använder en formel som gillar ”boendekostnader/bruttomånadsinkomst” kan du överdriva den sökandes risk. Om du använder ”om/annat”-regeln kan du automatiskt neka eller godkänna sökande baserat på risken.

Expert tips: För mer information om hur du använder beräkningsfunktionerna för din specifika användning, kanske du vill kontrollera dokumentationen för utökning av beräkningar från WPForms.

Du kan också klicka på ”Cheatsheet” bredvid rutan ”Formula” för att se alla tillgängliga regler och funktioner som du kan lägga till.

När du är klar med att lägga till formeln, glöm inte att klicka på ”Bekräfta formel” för att se till att beräkningarna och syntaxen är korrekta.

validate formula wpforms

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 lägga till ikoner. Klicka bara på flervalsfältet och sedan bör du se alternativ för att konfigurera alternativen för flerval. Om du slår på/av knappen ”Använd ikonval” kommer ikonerna att läggas till i din blankett.

use icon choices wpforms

You will now see face-smile boxes appear.

Klicka bara på rutan för leende i vänsterpanelen för att lägga till ett i din blankett.

add icon to wpforms

En vy med ”Icon Picker” kommer då att visas. Här kan du välja mellan mer än 2 000 ikoner.

Använd bara sökfältet och skriv in den ikon du letar efter.

WPForms icon picker

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

När det är Färdigbehandlat och du har valt alla dina ikoner i flervalsfältet, så här gillar du hur det ser ut:

multiple choice icons in wpforms

En annan personlig touch som du kan lägga till i ditt formulär är en logga eller ett sidhuvud högst upp i formuläret.

Klicka bara på fältet ”Innehåll” och dra det till höger i formulärets redigerare.

content field in wpforms

Sedan kan du markera fältet ”Innehåll” för att öppna alternativen för anpassning.

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

add media in wpforms

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

Nu är det dags att anpassa stilen på ditt leadformulär så att det passar ditt varumärke bättre och gör det mer attraktivt.

För att göra det måste du gå till Inställningar ” Lead Forms.

lead forms wpforms

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.

customize color in wpforms

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 granska och redigera bekräftelsemeddelandet. WPForms kommer automatiskt att skicka ett bekräftelsemeddelande som sammanfattar de fält som användaren har fyllt i och beräkningarnas resultat.

För att göra det, låt oss gå till Inställningar ” Bekräftelser.

Härifrån kan du välja att skicka meddelandet direkt på sidan eller omdirigera användaren till en annan sida. Redigera sedan meddelandet i textrutan.

Att använda smarta märken är ett utmärkt sätt att anpassa din text utifrån den information som användaren har angett.

confirmation message wpforms

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.

save lead generator form

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

Nästa steg är att bädda in din onlinekalkylator på en av dina sidor eller inlägg i WordPress.

För att göra detta öppnar du en sida eller ett inlägg i WordPress, klickar på knappen ”+” för att lägga till ett nytt block och väljer WPForms-blocket.

add wpforms block

I rullgardinsmenyn kan du markera det formulär för onlinekalkylator som du just har skapat.

Formuläret ska automatiskt dyka upp på page.

add lead generator form

Om allt ser bra ut redan, fortsätt och tryck på ”Publicera” högst upp.

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

publish mortgage loan calculator

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

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

preview mortgage loan calculator

När du har gjort det vill du granska formuläret för att se till att alla formulärfält och beräkningar fungerar som de ska.

Så här gillar vi till exempel bekräftelsemeddelandet när vi har fyllt i det här formuläret:

thank you message mortgage loan calculator

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.

entries in wpforms

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 kan du kontrollera vår przewodnik om hur du gör leadgenerering 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 instancievis med massor av mallar för kalkylatorer, inklusive en bolånekalkylator som du kan lägga till på din IDX-fastighetswebbplats och en BMI-kalkylator som är idealisk för hälsobloggar och gymwebbplatser.

Is Formidable Forms the right form builder plugin for you?

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 kan du gå till Formidable ” Globala inställningar och markera ’Lägg till en licens manuellt’.

add license formidable forms

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

Logga sedan in på ditt konto och gå till sidan ”Nedladdningar”.

formidable forms pro downloads

Därefter klistrar du bara in din klucz licencyjny i fältet på din WordPress webbplats.

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

save license formidable forms pro

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. Det första steget är att navigera till Formidable ” Formulär och klicka på ”+ Lägg till ny”.

add new forms formidable forms pro

På nästa vy ser du alla de olika mallar för formulär som du kan välja mellan.

Härifrån rullar vi ner och markerar kategorin ”Kalkylator”, där du ser alla tillgängliga mallar för kalkylatorer som Formidable Forms erbjuder.

För att förhandsgranska en mall för du bara föra muspekaren över den och klicka på ”Visa demo”. När du är redo att komma igång för du muspekaren över mallen och klickar på ”Använd mall”.

I den här przewodniken använder vi mallen ”Compound Interest Calculator”, men du kan använda vilken mall du vill.

use compound interest calculator template

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.

customize fields in online calculator form

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 e-postadress måste du lägga till ett fält där besökarna kan skriva in denna information. För att göra detta kan du dra och släppa ett fält för ”E-post” i kalkylatorns mall.

add email field

Därefter klickar du på fältet ”E-post” och justerar inställningarna för ”Alternativ för fält”.

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.

email requirement checkbox

Om det behövs kan du fortsätta att anpassa din kalkylator genom att ändra värdena för fälten och till och med lägga till nya 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.

Note: Om du vill behålla standardberäkningarna i templates ska du inte fylla i de avancerade fälten.

Om du vill kontrollera beräkningarna klickar du på något av de fältelement som 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 fältalternativen ” Avancerad karta. Under ”Standard Value” ser du den formel som används.

I det här fallet ser vi 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”.

default value in formidable forms

Om du är osäker på ID:n för ett visst fält eller vill se vilka fält du kan lägga till i din formel klickar du bara på ikonen med tre punkter bredvid ”Standardvärde”.

Sedan kan du markera det fält du letar efter i rullgardinsmenyn Fältlista. Du kan välja vilket fält du vill, och det kommer att läggas till i ”Standardvärdet” för användning i din formel.

field list formidable forms

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.

calculation in formidable forms

Som tidigare visats är [] beteckningen för ID:n.

När du har gjort det vill du förhandsgranska formuläret för att se till att beräkningarna fungerar korrekt.

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

save compound interest calculator form

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. Sedan är det bara att trycka på knappen ”Spara”.

save form

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 lägga till kalkylatorn på en sida eller i ett inlägg på din WordPress webbplats. Du måste gå till den sida eller det inlägg där du gillar att lägga till ditt kalkylatorformulär.

Låt oss börja med att skriva in en rubrik för sidan med kalkylatorn.

När du har gjort det klickar du på ikonen ”+”. Markera sedan blocket ”Formidable Forms”. När det rätta blocket visas klickar du bara på det för att lägga till det på sidan.

add formidable forms block

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.

select a form in formidable forms block

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.

publish compound interest calculator form

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

Så här gillar vi det på vår demo webbplats:

compound interest calculator preview

Bonus tips: Få fler ledningar med OptinMonster

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

Det är där OptinMonster kommer in.

OptinMonster är det bästa tillägget för leadgenerering för WordPress. Det kommer med professionellt utformade mallar och en dra-och-släpp redigerare som du kan använda i dina kampanjer.

use template in OptinMonster

Det har också verktyg som gillar popup-fönster (okno) lightbox, popup-fönster (slide-in), banners i sidhuvud och sidfot, nedräkningstimer och mycket mer.

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

car payments lead generation popup

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

För att lära dig mer kan du läsa vår artikel om hur vi ökade våra prenumeranter på e-post 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. Du kanske också vill se våra expertval av de bästa formulärbyggarna online och vår przewodnik om hur du lägger till spara & fortsätt-funktionalitet i WordPress-formulär.

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. Dayo Olobayo

    I completely agree with the idea of leveraging free online calculators to generate more leads. In my experience, these tools can be incredibly effective in capturing the attention of potential customers who are actively seeking solutions to their problems. By providing valuable and relevant calculations, you can establish your brand as a trusted authority in your industry and attract potential customers who are more likely to convert into leads. The key however is to ensure that your calculator is user-friendly, visually appealing, and provides actionable insights that resonate with your target audience.

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.