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

Så här skapar du en kalkylator för billån / bilens Payment i WordPress

Om du driver en bilhandlare eller en blogg om privatekonomi kan en kalkylator för lånebetalningar hjälpa dig att öka försäljningen och ge mervärde till din publik.

Besökare kan använda kalkylatorn för att få en uppskattning av sina månatliga lånebetalningar, jämföra erbjudanden och hitta de bästa erbjudandena för sina bilköp.

Kalkylatorer för lånebetalningar uppmuntrar också användare att stanna kvar längre på din webbplats och utforska olika lånealternativ och scenarier. Detta kan leda till högre konverteringsfrekvenser, vilket ökar dina totala intäkter.

I den här artikeln visar vi hur du enkelt kan skapa en kalkylator för billån och bilbetalning för din website i WordPress.

How to create an auto loan payment calculator in WordPress

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 website hjälper både you och potentiella customers. Besökare kan helt 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 add to en kalkylator för betalning av bil- eller billån till din WordPress blogg eller website. Vi visar dig 2 metoder, så du kan klicka på länkarna under för att hoppa vidare till någon section:

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 plugin för kontaktformulär för WordPress erbjuder en allt-i-ett form builder plus 1300+ färdiga templates.

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.

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 vänligen läsa vår guide om hur du installerar ett plugin för WordPress.

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.

Adding a license key to the WPForms form builder plugin

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.

Install 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 head till WPForms ” Add New från WordPress dashboard.

Creating a new form using WPForms

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 den utvalda funktionen i WPForms och hitta templaten ’Car Payment Calculator Form’. Klicka sedan på knappen ”Use Template” för att customize formuläret.

Select car payment calculator template

Efter det kommer du att se din formulärmall i WPForms drag and drop form builder.

Standard templates erbjuder ett flersidigt formulär med all nödvändig information för att beräkna bilens Payment.

Till exempel kommer du att se fältet för ”Car price”, där du kan enter bilens totala värde. Därefter finns det fält för att ställa in den första insättningen och procentsatsen för handpenningen.

Mallen låter dig också justera betalningstiden, där du kan använda slidern för att ändra antalet år. Notis: I templates kan du också ställa in den årliga räntan på your payments.

Car payment calculator form

Templates frågar också om you byter ut din bil. Det finns fält för att enter lånebeloppet, totalt betald ränta med mera.

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 till exempel add to standardfält som checkboxes, dropdown-menyer och siffror. Eller så kan du använda mer avancerade fält som telefonnummer, adress, filuppladdning med mera.

Add new form fields to the auto loan form

Varje fält i templates kan ytterligare customize. Välj bara ett fält som du gillar att edit.

Om du till exempel klickar på fältet Car price i templaten ser du fler alternativ i menyn till vänster. You can change the name of the form field and add a description.

Change form field name

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.

View advanced field options

WPForms låter dig också editera formeln för kalkylatorfälten.

Det är bara att selecta ett fält, så ser du alternativet ”Formula” i menyn till vänster. Här kan du göra ändringar i beräkningarna och clicka på ”Cheatsheet” om du behöver mer hjälp.

Edit formula of calculator fields

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.

Edit general form settings for auto loan form

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.

Edit spam and protection settings

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.

Edit form notification settings

Slutligen kan du gå till inställningarna för bekräftelser för ditt formulär för kalkylator för billån.

WPForms låter dig visa ett message, visa en page eller redirecta användare till en URL när de submitar formuläret.

Auto loan form confirmation settings

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 add to formuläret för beräkning av billån/bilbetalning till din WordPress site.

Klicka bara på knappen ”Embed” högst upp i form buildern.

Embed your auto loan form

Du kommer nu att se ett popup-fönster där du kan embeda formuläret i en befintlig page eller skapa en new page.

I den här tutorialen väljer vi alternativet ”Create New Page”.

Create a 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!”.

Enter name for form embed page

Som ett alternativ kan du också add to ett WPForms block i content editor.

Härifrån väljer du helt enkelt din kalkylator för billån från dropdown-menyn.

Add the WPForms block

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.

View auto loan calculator form preview

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.

Note : För att använda funktionen för bilbetalning måste du köpa en Formidable Forms Business plan.

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.

The Formidable Forms license page

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.

Enter the Formidable Forms license key

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

Create a new form

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.

Select auto loan calculator template

Detta öppnar mallen i Formidable Forms editor.

I standard templates finns fält som gillar ”Price of Car” och ”Sales Tax”. Det finns sliders för att justera den årliga räntan och lånets längd (i månader). Dessutom finns det fält för att selecta om you ska byta in en bil och för att enter inbytesvärdet.

I det här skedet kanske du vill customize formuläret så att det matchar dina behov.

Edit car loan calculator form

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.

Customizing a car payment form

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.

Changing the settings on an auto loan form in WordPress

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

Change general form settings

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.

Change confirmation settings

För att ändra detta skriver du helt enkelt in your eget message i textredigeraren.

Om du föredrar det kan du redirecta besökarna till en page efter att de har submitat formuläret. Du kan till exempel skapa en custom ”tack ”-sida med hjälp av en drag and drop WordPress page builder som SeedProd.

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

Redirect following a form submission in WordPress

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.

Redirecting to a WordPress page or post after a form submission

Efter det klickar du på för att förstora sectionen ”Email Notification”.

Här kan du se det message som Formidable Forms kommer att skicka till din WordPress-admin.

Sending an email upon successful form submission

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.

Adding actions to a car payment form

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

Publishing the car loan payment calculator

Lägga till kalkylatorn för bilbetalning på din WordPress-webbplats

Nu när du har skapat en kalkylator för bilens Payment är det dags att add’a den till din store eller WordPress website. Skapa helt enkelt en new page eller öppna en befintlig page 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.

The Formidable Forms WordPress block

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.

Adding car loan calculator to wordpress

För att göra kalkylatorn Live klickar du helt enkelt på knappen ”Update” eller ”Publicera”.

Nu, om du besöker din webbplats, kommer du att se kalkylatorn för bilbetalning.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar en kalkylator för billån och bilens Payment i WordPress. You may also want to see our guide on how to sell car parts online and our expert picks 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.

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

4 kommentarerLämna ett svar

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

      Administratör

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

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.