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

Nyligen frågade en av våra läsare om att lägga till en bolånekalkylator i WordPress.

En bolånekalkylator är ett användbart verktyg för fastighetswebbplatser eftersom det låter besökare se om de har råd med den fastighet de tittar på.

I den här artikeln kommer vi att visa dig hur du enkelt lägger till en bolånekalkylator i WordPress.

Vad är en bolånekalkylator? Vem behöver det på din sida?

En bolånekalkylator är ett verktyg som låter användare få en uppskattning av sin bolånebetalning, givet ränta och amorteringsperiod.

Med en bolånekalkylator kan besökarna på din webbplats välja avbetalning eller månadsbetalning, och bolånekalkylatorn beräknar kostnaden utifrån en viss ränta.

Om du skapar en riktig webbplats med IDX fastighetslistor hjälper bolånekalkylatorn dig att få fler leads och öka användarens engagemang på din webbplats.

Med det sagt, låt oss ta en titt på hur du enkelt skapar en WordPress bolånekalkylator.

Skapa en WordPress bolånekalkylator – (steg för steg)

Att lägga till en bolånekalkylator i WordPress brukade vara ganska svårt. Du måste lägga till koden på din webbplats eller installera en tredjeparts bolånekalkylator.

Nu med Formidable Forms kan du enkelt skapa en bolånekalkylator med ett dra och släpp-gränssnitt.

Formidable Forms är det mest avancerade WordPress-formulärbyggarpluginet på marknaden. Det låter dig skapa avancerade formulär som onlinefrågesporter, webbkataloger, uppgiftslistor, miniräknare, etc.

Formidable gör det enkelt att skapa avancerade formulär utan att skriva kod. Du kan använda funktioner som villkorlig logik, avancerade beräkningar, filuppladdningar, upprepade fält, förifyllda dynamiska fält, etc.

Den kommer med superanvändbara förgjorda mallar för mer än 20 typer av formulär. Vi kommer att använda ditt prov från din bolånekalkylator som utgångspunkt för den här handledningen.

Låt oss komma igång.

Det första du bör göra är att installera och aktivera plugin-programmet Formidable Forms. För mer information, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.

Du behöver åtminstone din affärsplan för att använda funktionen för bolånekalkylator.

Vid aktivering måste du klicka på alternativet “Lägg till licensnyckel nu” för att ange dina licensdetaljer.

Detta tar dig till sidan Globala inställningar där du måste ange din formidabla formulärlicensnyckel.

Du hittar licensnyckeln i ditt kontoområde på webbplatsen Formatable Forms.

När detta är gjort kommer du att se ett framgångsrikt licensaktiveringsmeddelande. Nu kan du helt enkelt uppdatera din sida för att ladda premiumfunktioner.

Gå sedan till Hemskt »Utseende för att lägga till ett nytt formulär. Där ser du ett kontaktformulär som har lagts till som standard. Gå vidare och klicka på knappen “Lägg till ny” för att skapa en ny bolånekalkylator.

På nästa sida ser du många färdiga mallar för att snabbt komma igång. Du måste hitta modellen för bolånekalkylatorn i avsnittet Premiummallar.

Du kommer att märka att det finns två modeller av bolånekalkylatorer tillgängliga: Simple Mortgage Calculator och Advanced Mortgage Calculator.

Låt oss börja med Simple Mortgage Calculator först.

Håll muspekaren över mallen så kommer den att visa dig två knappar: Skapa formulär och Förhandsgranska.

Du måste klicka på knappen “Skapa formulär”. En popup kommer att visas där du måste lägga till ett namn och en beskrivning och klicka sedan på knappen “Skapa”.

Insticksprogrammen kommer nu att ladda det formidabla formulärredigeringsgränssnittet med den enkla mall för kalkylator för bolåneformulär som är vald.

Härifrån kan du helt enkelt klicka och klicka för att anpassa varje formulärfält efter behov.

Du kan till exempel ändra fältetiketten och standardvärdet för fältet Bolånebelopp.

Du bör dock vara försiktig med det slutliga fältet “Månatlig betalning” eftersom det innehåller beräkningsformeln som standard.

Om du inte är aktuarie bör du lämna den oförändrad.

När du har granskat alla fält i ditt formulär klickar du på knappen Uppdatera i det övre högra hörnet av skärmen. Du kan sedan klicka på Stäng-ikonen för att avsluta formulärredigeraren.

Din enkla bolånekalkylator är klar. Nästa steg är att lägga till den på en sida eller ett inlägg där du vill visa räknaren.

Skapa helt enkelt en ny sida/inlägg eller öppna en befintlig för att lägga till en bolånekalkylator. I redigeraren för din sida klickar du på ikonen “Lägg till nytt block” och väljer sedan det potentiellt formidabla Gutenberg Form-blocket.

Du kan sedan se blocket Formidable Form läggas till i din sidredigerare.

Därefter måste du välja formuläret Simple Mortgage Calculator från rullgardinsmenyn och WordPress kommer automatiskt att ladda formuläret.

Du kan sedan lägga upp eller uppdatera din sida och sedan förhandsgranska den för att se hur Simple Mortgage Calculator fungerar.

Så här ser det till exempel ut på vår demosida.

Skapa en avancerad bolånekalkylator i WordPress

Den enkla bolånekalkylatorn som visas ovan är bra för din grundläggande bolåneberäkning. Men om du vill beräkna skatter, försäkringsbetalningar, PMI, belånings-/värdekvot etc. behöver du en avancerad bolånekalkylator för din fastighetswebbplats.

Med Formidable Forms är det också snabbt och enkelt att skapa en avancerad bolånekalkylator.

Först måste du komma åt Hemskt »Utseende och klicka på knappen Skapa nytt för att lägga till ett nytt formulär.

Håll sedan muspekaren över mallen Advanced Mortgage Calculator och klicka på knappen Skapa formulär.

WordPress kommer då att öppna en popup där du kan ange ett namn och en beskrivning för ditt formulär och sedan klicka på knappen “Skapa”.

Nu kan du anpassa varje formulärfält genom att klicka på det.

När du klickar på ett fält visas Fältalternativ i den vänstra kolumnen. Därifrån kan du ändra fältetiketter, standardvärden osv.

Du kan granska och redigera fälten för avancerade finansiell analysalternativ. Men om du inte kan beräkningsformlerna är det bättre att behålla dem som de är.

När du är klar klickar du på knappen Uppdatera i det övre högra hörnet och klickar sedan på Stäng.

Din avancerade mall för bolånekalkylator är klar; nu kan du lägga till det i dina inlägg, sidor, barras sidolistningssidor eller WordPress-egenskaper

Klicka på ikonen “Lägg till nytt block” i redigeraren för din sida och välj sedan “Formulär”-blocket.

Redigera helt enkelt ett inlägg, sida eller lista och lägg till blocket Formatable Form till din innehållsredigerare.

Från blockinställningarna väljer du formuläret Advanced Mortgage Calculator som du skapade tidigare. WordPress kommer då automatiskt att ladda bolånekalkylatorn i sidredigeraren.

Du kan nu lägga upp eller uppdatera din sida och förhandsgranska för att se hur din bolånekalkylator ser ut. Så här ser Formidable Forms avancerade bolånekalkylator ut på vår demosida.

Som visas i skärmdumpen ovan låter den avancerade bolånekalkylatorn användaren ange bostadens värde, låneinformation, inklusive belopp, ränta, amorteringsschema, årliga skatter, säkerhet etc. totalt och PMI.

Insticksprogrammet kommer att beräkna data och visa månatliga betalningar, varaktighet och annan information.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en WordPress-bolånekalkylator. Du kanske också vill se vår lista över de bästa e-postmarknadsföringstjänsterna och de bästa företagstelefontjänsterna för småföretag.

Om du gillade den här artikeln, prenumerera på vår YouTube-kanal för WordPress-videohandledning. Du hittar oss även på Twitter och Facebook.