Hur man lägger till en bolånekalkylator i WordPress (steg för steg)

En bolånekalkylator besvarar frågan som dina besökare faktiskt kom med: vad skulle detta hem kosta varje månad? Utan en lämnar de din sida för att göra uträkningen på en banks webbplats.

Det är också en naturlig lead magnet för fastighetsmäklare, mäklare och långivare. Be om namn och e-postadress tillsammans med lånedetaljerna, och varje beräkning blir en kontakt du kan följa upp.

I den här artikeln visar vi dig tre sätt att lägga till en bolånekalkylator i WordPress: en gratis inbäddning utan plugin, ett gratis plugin som körs direkt i WordPress och en formulärbyggare som samlar in leads med varje beräkning.

Vilken metod ska du använda?

Välj	Bäst för	Prissättning
inbäddning av mortgagecalculator.org	En snabb kalkylator utan plugin	Gratis
Responsiv bolånekalkylator	En kalkylator som fungerar direkt i WordPress och stöder din egen valuta	Gratis
WPForms	Samla in leads med varje beräkning	Pro-plan och uppåt

Metod 1: Bädda in en kostnadsfri bolånekalkylator (inget plugin)

Det enklaste sättet att skapa en bolånekalkylator är med den kostnadsfria inbäddningsbara kalkylatorn från mortgagecalculator.org. På sidan kan du ställa in standardvärden för huspriset, räntan, låneperioden, fastighetsskatten, PMI och hemförsäkringen.

Verktyget uppdaterar inbäddningskoden när du ändrar dessa inställningar. Om du betjänar besökare utanför USA kan du också lägga till en språkparameter i koden. Till exempel använder &lang=en-GB brittiska inställningar, medan &lang=de-DE använder tyska inställningar.

När du är nöjd med inställningarna, kopiera den genererade koden.

Öppna sedan ett inlägg eller en sida i WordPress och lägg till ett anpassat HTML-block. Klicka på 'Redigera HTML' för att lägga till den genererade koden.

I popup-fönstret som visas, klistra in inbäddningskoden för bolånekalkylatorn. Du kommer då att se en förhandsgranskning till höger. Om allt ser bra ut, klicka på 'Uppdatera' för att spara dina ändringar.

Slutligen, klicka på knappen 'Spara' eller 'Uppdatera' för att publicera dina ändringar.

Här är hur kalkylatorn ser ut på framsidan:

Tänk på att kalkylatorn är värd på en tredjepartsserver, så du kan inte ändra stilen för att matcha din webbplats. Den stöder inte heller insamling av leads.

Om du vill visa kalkylatorn på hela webbplatsen, till exempel i en sidopanel eller sidfot, kan du använda WPCode för att infoga den.

Metod 2: Lägg till en enkel, responsiv bolånekalkylator

Om du vill att kalkylatorn ska leva inbyggt i WordPress snarare än i en iframe, är Responsive Mortgage Calculator ett bra gratisalternativ. Den har över 7 000 aktiva installationer och underhålls aktivt.

Först, låt oss installera och aktivera pluginet. Gå till Plugins » Lägg till Plugin i din WordPress-admin och klicka på 'Installera nu' i plugin-rutan för Responsive Mortgage Calculator.

Om du behöver hjälp, se vår guide om hur man installerar ett WordPress-plugin.

Efter att du har installerat pluginet, gå till Inställningar » Resp Mortgage Calculator för att ställa in din valuta, sammansättningsperiod (hur ofta ränta läggs till lånebeloppet) och standardränta.

Klicka på 'Spara ändringar' för att behålla dina inställningar.

Därefter kan du lägga till kalkylatorn på vilken sida eller inlägg som helst med kortkoden [mortgagecalculator], eller dra den till ett widgetområde.

Oroa dig inte om du inte ser en förhandsgranskning. Kortkoden kommer fortfarande att fungera, så du kan fortsätta och klicka på 'Spara' eller 'Uppdatera' för att göra den live.

Nu kan du besöka din webbplats för att se den i aktion:

Dessutom finns det några begränsningar att tänka på. Du kan bara ha en kalkylator per sida, stilalternativen är grundläggande och det finns inga fält för fastighetsskatt eller försäkring. Den samlar inte heller in leads.

Metod 3: Bygg en lead-fångande bolånekalkylator

Om du vill samla in potentiella kunder medan besökare använder din kalkylator, är WPForms det bästa valet. Det låter dig samla in ett namn och en e-postadress tillsammans med deras beräkning. Du behöver Pro-planen eller högre, som inkluderar Calculations-tillägget som dessa mallar använder.

På WPBeginner använder vi WPForms för våra egna formulär och rekommenderar det. Du kan läsa mer i vår fullständiga WPForms-recension.

Skapa formuläret från en mall

Först, låt oss installera och aktivera WPForms och ange din licensnyckel. Om du behöver hjälp, se vår guide om hur man installerar ett WordPress-plugin.

Gå sedan till WPForms » Lägg till nytt formulär och namnge din bolånekalkylator. WPForms har några mallar för bolånekalkylatorer:

• Enkel bolånekalkylator, som är bäst om du bara vill ha en snabb uppskattning av månadsbetalningen.
• Bolånekalkylator, som också visar den totala räntan som betalas och det årliga betalningsbeloppet.
• Bolåneleadgenerator, som levereras med fält för namn och e-post redan på plats. Om du väljer den kan du hoppa över steget för att samla in potentiella kunder nedan.

Om du hellre vill använda en annan mall, klicka på en mall och sedan på 'Använd mall'.

En popup kommer att uppmana dig att installera och aktivera Calculations-tillägget. Klicka på 'Installera och aktivera'.

WPForms tar dig sedan till dra-och-släpp-redigeraren. Du kan se alla anpassningsalternativ i den vänstra panelen och en förhandsgranskning till höger.

Den här mallen levereras med kalkylatorfälten och formeln redan inställda. Du hittar formeln genom att klicka på fältet 'Månadsbetalning' och kontrollera under Fältalternativ » Avancerat » Formel.

Du kan lämna den som den är om du bara vill ha en uppskattning av månadsbetalningen.

Ingen av mallarna inkluderar dock fält för fastighetsskatt eller PMI (privat bolåneförsäkring). Om du vill lägga till dem måste du först lägga till fält för dessa värden i ditt formulär.

Om du hellre inte vill bygga dessa själv, levereras mallen Formidable Forms’ Advanced Mortgage Calculator med inbyggda fält för skatt och försäkring.

Du kan använda fältet Siffror, som endast accepterar numerisk inmatning, så att formeln inte går sönder om någon skriver text. Dra och släpp det helt enkelt från panelen Lägg till fält till förhandsgranskningspanelen. Ändra sedan Etiketten i fliken 'Fältalternativ'.

Upprepa detta steg för alla ytterligare fält du behöver.

När du har lagt till fälten, klicka på fältet 'Månadsbetalning' för att ställa in den nya formeln. Klicka sedan på 'Generera formel' bredvid Formel-rutan och beskriv hur du vill att de ska inkluderas i beräkningen.

Till exempel: "Lägg till årlig fastighetsskatt och PMI till den månatliga bolånebetalningen. Dividera den årliga fastighetsskatten med 12. Beräkna månatlig PMI genom att multiplicera lånebeloppet med PMI-räntan och dividera med 12."

När AI:n har genererat formeln åt dig, klicka på 'Infoga formel'.

Klicka sedan på länken 'Validera formel' i redigeraren för att säkerställa att allt fungerar bra.

Lägg till lead-fångst och aviseringar

Båda mallarna inkluderar redan ett E-postfält. För att samla in potentiella kunder, dra och släpp även ett 'Namn'-fält på formuläret.

Välj därefter fliken ‘Aviseringar’ och se till att aviseringar är aktiverade så att du får ett e-postmeddelande varje gång någon fyller i formuläret.

WPForms har antipiratsskydd som standard. Och eftersom dessa aviseringar är viktiga, rekommenderar vi en SMTP-tjänst så att de inte hamnar i skräpposten. Se vår guide om WordPress inte skickar e-post.

Bädda in kalkylatorn

Nu är det dags att bädda in din bolånekalkylator som samlar in leads.

Klicka på ‘Bädda in’ i toppmenyn. Du kan sedan lägga till formuläret på en befintlig eller ny sida, eller kopiera kortkoden. Om du väljer ‘Befintlig sida’, välj sidan där du vill bädda in din kalkylator i nästa popup. Detta tar dig till sidredigeraren.

I redigeraren, klicka på ‘+’-knappen för att lägga till WPForms-blocket. Därefter kan du välja din bolånekalkylator som samlar in leads från rullgardinsmenyn.

WordPress laddar sedan in din bolånekalkylator i redigeraren. Om du vill kan du anpassa och styla ditt formulär i panelen till höger. Klicka på ‘Spara’ eller ‘Uppdatera’ när du är klar.

Se vår guide om att lägga till en kortkod i WordPress om du föredrar att använda en kortkod.

Det var allt! Du har framgångsrikt byggt en bolånekalkylator som samlar in leads:

Innan du delar sidan, kör en testberäkning själv och kontrollera att inlägget visas under WPForms » Inlägg och att aviseringsmejlet kommer fram.

Om du vill ha fastighetsskatt, försäkring och PMI förbyggt snarare än tillagt med Generate Formula, inkluderar Formidable Forms’ Advanced Mortgage Calculator-mall dessa. Se vår sida Formidable Forms Calculators för detaljer.

FAQ: Lägg till en bolånekalkylator i WordPress

Vilka element är nödvändiga för en bolånekalkylator?

En grundläggande bolånekalkylator behöver lånebeloppet (hempris eller bolånebelopp), räntan (årlig procentandel), låneperioden (till exempel 15 eller 30 år) och ett sätt att beräkna och visa månadsbetalningen. Vissa kalkylatorer inkluderar även fält för fastighetsskatt, försäkring eller årsavgifter, men de är valfria.

Kan jag ändra valutan från dollar?

Ja, alla tre metoder kan stödja andra valutor, men processen skiljer sig åt. Med den kostnadsfria inbäddningen, lägg till en språkkod som &lang=en-GB till inbäddningskoden. Med Responsive Mortgage Calculator kan du ställa in valutan under Inställningar » Resp Mortgage Calculator.

Med WPForms, gå till WPForms » Inställningar, öppna fliken ‘Betalningar’ och välj din valuta från rullgardinsmenyn. Beräknade fält använder den inställningen.

Fungerar detta med Elementor eller andra sidbyggare?

Ja. Du kan klistra in kortkoden eller inbäddningskoden i din sidbyggares kortkod- eller HTML-widget.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en bolånekalkylator i WordPress. Vill du göra din fastighetswebbplats ännu bättre? Dessa handplockade resurser kan hjälpa till:

• Bästa WordPress Fastighetsplugins
• Bästa WordPress-teman för fastighetsmäklare
• Hur man skapar en IDX fastighetswebbplats med WordPress
• Den ultimata guiden till lokal SEO för WordPress för att öka rankingen

Om du gillade den här artikeln, prenumerera gärna på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.