Har du någonsin undrat varför besökare surfar in på din bilhandlares webbplats men lämnar den utan att vidta åtgärder? Det var precis vad som hände en vän till mig – tills han lade till en enkel kalkylator för billån.
Så snart kunderna kunde beräkna månadsbetalningarna direkt på webbplatsen ökade konverteringen med 25 %. Det visar sig att om man tar bort ekonomiska gissningar kan människor känna sig mer säkra på sina beslut.
I den här guiden visar vi dig exakt hur du lägger till en kalkylator för billån på din WordPress-webbplats. Efter att ha testat flera plugins och metoder har vi begränsat det till de bästa alternativen som är lätta att installera – ingen kodning behövs. 🙌

Vad är en kalkylator för betalning av bil- / billån? 🧮
En kalkylator för betalning av bil- eller billån gör det möjligt för användare att få uppskattningar för en månatlig lånebetalning, kontrollera amorteringsschemat och beräkna den totala kostnaden för ett lån.
Det aktiverar visitorerna att enkelt utföra en komplett beräkning av billån med account för moms, återförsäljaravgifter, inbytesvärde, ränta, lånets längd med mera.
En kalkylator för betalning av billån är särskilt användbar för bilhandlares websites och företag som finansierar billån.
Att lägga till en lånekalkylator på din WordPress-webbplats hjälper både dig och potentiella kunder. Besökare kan enkelt skriva in sin information och se de olika finansieringsplaner som finns tillgängliga.
Det innebär att de kan hitta den plan som bäst passar deras budget utan att lämna din website, vilket ökar engagemanget och minskar din avvisningsfrekvens. Du kan också samla in användarnas email addresses via kalkylatorn, vilket gör den till ett utmärkt verktyg för att generera leads.
Med det sagt, låt oss se hur du kan lägga till en kalkylator för betalning av bil- eller autolån på din WordPress-webbplats. Vi kommer att visa dig 2 metoder, så du kan klicka på länkarna nedan för att hoppa vidare till något avsnitt:
Låt oss komma igång.
Metod 1: Skapa en kalkylator för bilbetalning med WPForms
Förr i tiden var det obligatoriskt för dig att programmera komplexa matematiska beräkningar eller anlita en utvecklare av WordPress för att skapa en kalkylator för betalning av billån.
Lyckligtvis är det nu möjligt att bygga en kalkylator för billån utan att skriva någon kod med hjälp av WPForms. Detta populära WordPress-plugin för kontaktformulär erbjuder en allt-i-ett-formulärbyggare plus 2 000+ färdiga mallar.
WPForms erbjuder ett kraftfullt Calculations addon som låter dig skapa olika kalkylatorformulär för din website. Det levereras med pre-built calculator templates och en drag-and-drop form builder, så att you får flexibilitet och control över your forms appearance.
ℹ️ Vi har litat på WPForms i flera år för vårt kontaktformulär och den årliga WPBeginner-läsarundersökningen. Med sin kraftfulla dra-och-släpp-byggare och nya AI-funktioner gör den det snabbt och problemfritt att skapa formulär.
Vill du se varför vi rekommenderar det? Läs vår fullständiga WPForms recension!
Konfigurera WPForms på din site i WordPress
För denna tutorial kommer vi att använda WPForms Pro-versionen eftersom den innehåller Calculations addon. Det finns också en WPForms Lite-version som är tillgänglig gratis.
Först måste du installera och aktivera WPForms plugin. Om du behöver hjälp kan du läsa vår guide om hur du installerar ett WordPress-plugin.
Efter aktivering kan du gå till WPForms ” Settings från WordPress dashboard och enter licens key. Du hittar license key i din WPForms account area.

Därefter måste du installera och aktivera Calculations addon i WPForms.
Gå bara till WPForms ” Addons från WordPress admin area och navigera sedan till Calculations Addon.

Klicka sedan på knappen “Install Addon”, så installeras och aktiveras addonen automatiskt.
Därefter kan du skapa ett new formulär med en kalkylator för billån/bilbetalning.
Skapa ett formulär för beräkning av billån / bilbetalning
För att börja måste du gå till WPForms ” Lägg till nytt från WordPress-adminområdet.

På nästa vy ser du olika templates för formulär som WPForms erbjuder.
För att komma igång kan du använda sökfunktionen i WPForms och hitta mallen “Car Payment Calculator Form”.
Klicka sedan på knappen “Använd mall” för att anpassa formuläret.

🧑💻 Proffstips : Med WPForms kan du använda AI för att generera ditt formulär. Allt du behöver göra är att ge en kort beskrivning av vilken typ av formulär du behöver, så kommer AI-verktyget att skapa formuläret på bara några sekunder.
Efter det kommer du att se din formulärmall i WPForms drag and drop form builder.
Standardmallen erbjuder ett flersidigt formulär med alla nödvändiga fält för att beräkna bilbetalningar:
- Ett fält för “Bilpris” där du kan ange bilens totala värde.
- Fält för att ange den första insättningen och handpenningens procentandel.
- En justerbar betalningstid med hjälp av ett reglage för att ändra antalet år.
- Ett alternativ för att ange den årliga räntan för dina betalningar.

Mallen frågar också om du byter in din bil. Den innehåller fält för att ange lånebelopp, totalt betald ränta och andra relevanta uppgifter.
Med hjälp av WPForms form builder kan du edit formulärmallen, remove befintliga fält och add olika formulärfält. Dra helt enkelt ett new-fält från menyn till vänster och släpp det på templaten.
Du kan t.ex. lägga till standardfält som kryssrutor, rullgardinsmenyer och siffror.
Eller använd avancerade fält som telefonnummer, adress, filuppladdning och mycket mer.

Varje fält i mallen kan anpassas ytterligare. Välj bara ett fält som du vill redigera för att öppna anpassningsalternativen.
Om du t.ex. klickar på fältet “Bilpris” i mallen visas fler alternativ i menyn till vänster. Du kan ändra namnet på formulärfältet och lägga till en beskrivning.

Det finns fler alternativ om du byter till tabben “Advanced”.
Du kan ändra fältstorleken, add to placeholder text, enter en CSS-klass, aktivera beräkningar och mycket mer.

WPForms låter dig också editera formeln för kalkylatorfälten.
Välj bara ett fält så visas ett alternativ för “Formula” i menyn till vänster.
Här kan du göra ändringar i beräkningarna och klicka på “Cheatsheet” om du behöver mer hjälp.

Om matematik inte är din starkaste sida kan du använda WPForms kraftfulla AI-beräkningsfunktion för att omedelbart generera komplexa formler.
På fliken “Avancerat” klickar du på knappen “Generera formel” bredvid formelrutan. Detta öppnar chattfönstret för AI-assistenten.

Härifrån kan du enkelt beskriva vilken typ av beräkning du behöver i klartext.
Du kan till exempel skriva något i stil med: “Skapa en kalkylator för bilbetalningar som tar fordonspriset, handpenningsbeloppet, räntan och lånets löptid i år. Jag vill att den ska visa det månatliga betalningsbeloppet.”

När du har tryckt på enter skapar AI omedelbart den lämpliga formeln som du kan lägga till i ditt formulär med ett klick.
Därefter kan du gå till tabben “Settings” i menyn till vänster.
Under ‘Allmänna’ inställningar ser du alternativ för att ändra formulärnamnet, add to en formulärbeskrivning, edit texten på knappen submit, med mera.

Efter det kan du view “Spam Protection and Security” settings.
Här låter WPForms dig aktivera antispamskydd, lagra skräppostposter i databasen, aktivera lands- och keyword-filter, ställa in CAPTCHA och mer.

Därefter kan du gå till tabben “Aviseringar” inställningar.
Här kan du editera settings för email aviseringar som du och dina användare kommer att få när de skickar in ett formulär.

Slutligen kan du gå till inställningarna för “Bekräftelser” för ditt formulär för kalkylator för autolån.
Med WPForms kan du visa ett meddelande, visa en sida eller omdirigera användare till en URL när de skickar in formuläret.

När du har gjort dessa ändringar, glöm inte att save dina settings.
Add to kalkylator för billån / bilbetalning till WordPress
Därefter kan du lägga till formuläret för kalkylator för billån/bilbetalning till din WordPress-blogg eller webbplats.
Klicka bara på knappen “Embed” högst upp i form buildern.

Du kommer nu att se ett popup-fönster där du kan bädda in formuläret i en befintlig sida eller skapa en ny.
I den här tutorialen väljer vi alternativet “Create New Page”.

Därefter måste du enter ett namn för den nya page.
När det är gjort klickar du bara på knappen “Let’s Go!”.

Som ett alternativ kan du också lägga till ett WPForms-block i innehållsredigeraren.
Härifrån väljer du helt enkelt din kalkylator för billån från dropdown-menyn.

Därefter bör du se en preview av din bilbetalningskalkylator i formuläret i content editor.
När du är nöjd med utseendet publicerar eller uppdaterar du helt enkelt din page. Efter det kan you besöka your website för att se autolånekalkylatorn i action.

Metod 2: Skapa en autolånekalkylator med hjälp av Formidable Forms
Ett annat sätt att skapa kalkylatorer för billån/car payment för din site i WordPress är att använda Formidable Forms. Detta är den bästa lösningen om du vill skapa en mer avancerad och komplex kalkylator för din website.
Formidable Forms kommer med en kraftfull kalkylator för bilbetalning template som låter dig bygga en kalkylator för billån med bara några click.
Mallen för bilbetalning har låneberäkningsformeln redan inställd, så du behöver inte programmera några komplexa matematiska ekvationer eller använda ytterligare WordPress tillägg.
📝 O bs: Du behöver Formidable Forms affärsplan för att komma åt funktionen för bilbetalningskalkylator. Vi har testat det här verktyget grundligt själva – se vad vi hittade i vår omfattande Formidable Forms-recension.
Installera Formidable Forms på din WordPress-webbplats
Det första du behöver göra är att installera och aktivera både Formidable Forms Lite och Formidable Forms premium plugins. Det gratis pluginet har begränsade funktioner, men Formidable Forms Pro använder det som bas för sina mer avancerade funktioner.
För detaljerade instruktioner, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.
Efter aktivering kan du gå till Formidable ” Global Settings i WordPress dashpanelen.
Här kan du klicka på “Connect an Account” och följa instruktionerna för att ansluta WordPress till ditt Formidable Forms-konto.

You can also select ‘Click to enter a license key manually’ and then paste your license key into the field.
Du hittar license key genom att logga in på ditt account på Formidable Forms website.

När du har enter informationen klickar du på knappen “Save License”.
Skapa en kalkylator för billån och bilens Payment i WordPress
Nu när du utan problem har konfigurerat Formidable Forms är du redo att bygga ett formulär för beräkning av bilens Payment.
För att börja, gå bara till Formidable ” Formulär och klicka sedan på knappen ‘Add New’.

Därefter måste du selecta en template för formuläret.
Du hittar templates för beräkning av bilens Payment genom att clicka på “Calculator” section.

Detta öppnar mallen i Formidable Forms editor.
Standardmallen innehåller fält som “Bilens pris” och “Moms”. Det finns reglage för att justera den årliga räntan och lånets längd (i månader).
Dessutom finns det fält för att välja om du ska byta in en bil och för att ange inbytesvärdet.
I det här skedet kanske du vill customize formuläret så att det matchar dina behov.

Om du vill ändra ett fälts etikett, standardvärde eller text för placeholder klickar du bara på fältet.
You can then use the “Field Options” settings in the left-hand menu.

Om du vill customize fälten “Loan Calculation” eller “Monthly Payment” ska du vara försiktig så att du ej ändrar inställningarna under “Advanced” eftersom de innehåller beräkningsformeln.
Om du ändrar dessa Settings kan det hända att hela formuläret går sönder.

När du är klar med att customize fälten kan du reviewer formulärets inställningar genom att clicka på tabben “Settings”.
Först kan du ändra formulärets rubrik och description under tabben “Allmänt”.

Du kan också ändra vad som ska hända när en visitor skickar in formuläret genom att välja “Actions & Notifications” i menyn till vänster.
Om du clickar för att förstora “Confirmation” section, så kommer du att se det message som Formidable Forms som standard visar för besökare.

För att ändra detta skriver du helt enkelt in your eget message i textredigeraren.
Om du föredrar det kan du omdirigera besökarna till en sida efter att de har skickat in formuläret. Du kan till exempel skapa en anpassad “tack” -sida med hjälp av en dra-och-släpp-sidbyggare för WordPress som SeedProd.
ℹ️ Några av våra affärspartners använder SeedProd för att bygga sina webbplatser, och vi har själva sett att det fungerar utomordentligt bra. Läs mer om varför vi rekommenderar det i vår djupgående SeedProd-recension.
För att skapa en redirect klickar du på tabben “Redirect to URL”. Du kan sedan skriva in eller klistra in en länk i fältet “Redirect URL”.

Ett annat alternativ är att visa content från en annan WordPress page genom att välja tabben “Show Page Content”.
Du kan sedan öppna dropdown-rutan “Select a Page” och välja en page från listan.

Efter det klickar du på för att förstora sectionen “Email Notification”.
Här kan du se det meddelande som Formidable Forms kommer att skicka till din WordPress-admin.

Du kan lägga till fler email addresses, ändra brödtexten, lägga till ett ämne och mycket mer.
Efter det kanske du vill add to fler actions som Formidable Forms ska utföra när en visitor submitar formuläret. För att göra det rullar du bara högst upp på sidan och klickar på någon av actionerna.
Till exempel kan du automatiskt lägga till besökaren till din Constant Contact eller ActiveCampaign email list.

På detta sätt kan Formidable Forms hjälpa till att öka din email list.
Det finns fler tabs och settings i den vänstra menyn som du kan klura på, men det här räcker för att skapa en bilbetalningskalkylator.
När du är nöjd med hur formuläret är inställt klickar du på knappen “Update”. Efter några ögonblick ser du ett message “successfully updated”.

Lägga till kalkylatorn för bilbetalningar på din WordPress-webbplats
Nu när du har skapat en kalkylator för bilbetalningar är det dags att lägga till den i din webbutik eller WordPress-webbplats. Skapa helt enkelt en ny sida eller öppna en befintlig sida där du vill visa kalkylatorn.
Du kan sedan klicka på ikonen “+” och skriva in “Formidable Forms”. När det högra blocket appear ger du det ett click för att add to the page.

Därefter öppnar du bara dropdown ‘Select a form’ och väljer den Payment Calculator som du skapade tidigare.
WordPress kommer nu att hämta formuläret automatiskt.

För att göra kalkylatorn live klickar du bara på knappen “Uppdatera” eller “Publicera”. Om du nu besöker din webbplats kommer du att se bilbetalningskalkylatorn.
Bonusresurser 🔗: Utveckla din bilhandlares webbplats
För att hjälpa dig att få ut ännu mer av din WordPress-bilsida har vi handplockat några relaterade handledningar och verktyg:
- Hur man gör en webbplats för biluthyrning med WordPress
- Hur man säljer vagndelar online
- Bästa insticksprogrammen för att sälja bilar med WordPress
- Bästa WordPress-teman för bilhandlare
- Så här spårar och minskar du antalet övergivna formulär i WordPress
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar en kalkylator för billån och bilbetalningar i WordPress. Du kanske också vill se vår ultimata guide till att använda WordPress-formulär och vår debattartikel om WPForms vs Gravity Forms vs Fomidable Forms.
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.
Dennis Muthomi
Quick question on how these calculators work – do the calculations happen in the user’s browser or does it ping the server which then returns the calculated results back to the browser??
just curious about the tech behind it for performance and user experience considerations
WPBeginner Support
If you have the form send an email notification then it will use server resources to send the confirmation.
Admin
Dennis Muthomi
hi, thanks for your reply, WPBeginner Support.
I apologize if my original question was unclear. I’m specifically wondering if the loan/payment calculations happen client-side (in the user’s browser) or server-side. Could you please clarify where these calculations take place when using form plugins like WPForms or Formidable Forms? Thanks for your help!
WPBeginner Support
For the moment the calculations are server side.