Cum să adăugați un calculator ipotecar în WordPress (Pas cu Pas)

Un calculator ipotecar poate spori cu adevărat eficacitatea site-ului dvs. web. Și adevărul este că, fără un calculator ipotecar pe site-ul dvs., probabil pierdeți clienți potențiali către alte site-uri web.

Am văzut că se întâmplă iar și iar: vizitatorii vin pe site-ul dvs., se interesează, apoi pleacă să calculeze plățile în altă parte — adesea fără să se mai întoarcă.

De aceea este atât de important să aveți propriul calculator. Ajută la menținerea implicării vizitatorilor și îi transformă în lead-uri. 🙌

În acest ghid pas cu pas, vă vom arăta exact cum să adăugați un calculator de credite ipotecare pe site-ul dvs. WordPress. Am găsit cele mai fiabile și ușor de utilizat metode care funcționează pentru toată lumea, indiferent de experiența dvs. tehnică.

De ce să adăugați un calculator ipotecar în WordPress?

Un calculator de credite ipotecare permite utilizatorilor să obțină estimări pentru plățile creditului ipotecar, incluzând rata dobânzii și perioada de amortizare.

Vizitatorii pot adăuga pur și simplu informații precum valoarea casei lor, avansul, ratele dobânzii și așa mai departe. După aceea, calculatorul va determina cât trebuie să plătească pe lună.

Dacă creați un site web imobiliar cu listări de proprietăți IDX, atunci un calculator ipotecar va ajuta, de asemenea, la generarea de lead-uri. Vizitatorii pot folosi calculatorul, dar vor trebui să introducă adresa lor de e-mail pentru a-și salva rezultatele.

Acest lucru poate, de asemenea, reduce rata de respingere, deoarece vizitatorii nu trebuie să viziteze un alt site pentru a obține un calcul al creditului ipotecar.

Consilierii financiari, brokerii ipotecari, băncile și educatorii financiari personali pot beneficia, de asemenea, de adăugarea unui calculator ipotecar pe site-ul lor.

Acestea fiind spuse, să vedem cum puteți crea cu ușurință un calculator de credite ipotecare în WordPress. Acest tutorial vă va arăta două metode ușor de utilizat pentru începători, cu două pluginuri diferite pentru calculatoare de credite ipotecare: WPForms și Formidable Forms.

Puteți utiliza aceste linkuri rapide pentru a sări la un plugin specific:

• Metoda 1: Adăugați un calculator ipotecar simplu WordPress cu WPForms
• Metoda 2: Adăugați un calculator avansat de credite ipotecare WordPress cu Formidable Forms
• Resurse bonus 🔗: Dezvoltați-vă site-ul WordPress imobiliar

Să începem!

Metoda 1: Adăugați un calculator ipotecar simplu WordPress cu WPForms

Prima metodă este să folosești WPForms. Cu instrumentele sale AI și peste 2.000 de șabloane de formulare, acest plugin de formulare drag-and-drop îți permite să creezi diverse formulare, inclusiv un calculator de credite ipotecare.

Această metodă este recomandată persoanelor care doresc doar să creeze un calculator de credite ipotecare simplu, dar receptiv, fără calcule suplimentare pentru taxe sau asigurări.

La WPBeginner, folosim WPForms pentru a crea tot felul de formulare — de la formularul nostru de contact la sondajele noastre anuale pentru cititori. Este instrumentul nostru preferat și îl recomandăm cu tărie. Consultați recenzia noastră completă despre WPForms pentru a afla mai multe despre acesta.

Primul pas, instalați pluginul în WordPress.

După ce ai făcut acest lucru, accesează WPForms » Settings și introdu cheia de licență a planului tău Pro din pagina contului tău WPForms. Apoi, pur și simplu apasă pe „Verify Key”.

Alegeți și personalizați un șablon formular calculator ipotecar

Odată ce cheia de licență este activă, va trebui să navigați la WPForms » Adăugare nou.

Pe ecranul următor, puteți da un nume noului dvs. formular. Poate fi ceva la fel de simplu ca „Formular Calculator Ipotecar”.

După aceea, veți alege cum construiți formularul. Cu WPForms, puteți:

• folosiți o pânză goală pentru a crea formulare de la zero
• profitați de constructorul de formulare AI pentru a crea instantaneu formulare folosind o simplă solicitare
• alegeți un șablon predefinit.

Pentru acest tutorial, vă vom arăta cum să utilizați un șablon și să îl personalizați pentru a se potrivi nevoilor dvs. folosind editorul drag-and-drop.

Deci, să derulăm pagina „Configurare” și să folosim bara de căutare pentru a găsi un șablon de formular pentru calcularea creditului ipotecar.

WPForms are două șabloane: Formular calculator ipotecar și Formular simplu calculator ipotecar. Ambele șabloane oferă funcționalități similare, dar au câmpuri ușor diferite.

Șablonul formularului simplu calculator ipotecar este cel mai potrivit pentru site-urile imobiliare care doresc să ajute potențialii cumpărători să estimeze rapid plata lunară a ipotecii.

Pe de altă parte, Șablonul formularului calculator ipotecar oferă o defalcare cuprinzătoare a detaliilor ipotecare, inclusiv dobânda totală plătită, plata totală a ipotecii și suma plății anuale.

Acest nivel de detaliu poate fi util pentru clienții care doresc să înțeleagă pe deplin obligațiile lor financiare.

Puteți face clic pe ‘Vizualizați demo’ pentru a vedea fiecare formular în acțiune. Puteți alege oricare dintre șabloane, dar pentru acest tutorial, vom folosi șablonul de formular pentru calculatorul de credite ipotecare.

După ce ați făcut alegerea, pur și simplu treceți cu mouse-ul peste casetă și faceți clic pe „Utilizați șablon”.

În această etapă, va apărea o fereastră pop-up spunând că aveți nevoie de addonul Calculations.

Doar faceți clic pe „Da, instalați și activați” pentru a continua.

Veți ajunge acum la constructorul de formulare drag-and-drop. După cum puteți vedea, șablonul vine cu câmpurile calculatorului predefinite.

Acest șablon particular are câmpuri unde utilizatorii pot introduce valoarea casei lor (costul total al casei) și suma avansului (cât plătește cumpărătorul în avans la achiziționarea unei proprietăți).

Utilizatorii pot folosi, de asemenea, glisoarele pentru a introduce informații despre rata dobânzii la împrumutul pentru locuință și termenul ipotecii.

După introducerea acestor informații, secțiunea de jos va calcula automat suma lunară și anuală a plății ipotecare a utilizatorului, dobânda totală plătită și suma totală a ipotecii.

Poți găsi această formulă de calcul accesând „Field Options” și navigând la fila „Advanced” din panoul din stânga. În partea de jos, vei găsi caseta „Formula”.

Recomandăm să nu faceți modificări în această secțiune decât dacă sunteți sigur de acest lucru. Acestea fiind spuse, WPForms are o foaie de referință pentru calcule pe care o puteți utiliza dacă aveți nevoie de ajutor.

Dacă te chinui cu formula, poți folosi funcția Calcule AI pentru a o face mai ușoară.

Pur și simplu faceți clic pe butonul „Generare formulă” de lângă caseta Formulă.

Aceasta va deschide o fereastră de chat unde puteți descrie ce tip de calcul aveți nevoie în limbaj simplu, iar AI-ul va genera instantaneu formula corectă pentru dvs.

Acum, să continuăm și să personalizăm formularul. Pentru a adăuga un câmp nou, accesați secțiunea „Add Fields” din panoul din stânga. Apoi, pur și simplu trageți și plasați orice câmp în constructorul de formulare.

Aici, am adăugat un câmp ‘Nume’ la formular pentru a captura numele utilizatorului.

Pentru a personaliza un câmp, faceți clic pe el, iar panoul din stânga va afișa fila ‘Opțiuni câmp’. Aici veți găsi trei file: General, Avansat și Logică inteligentă.

Dacă dorești să schimbi eticheta câmpului, să inserezi text descriptiv sau să faci câmpul obligatoriu, atunci va trebui să selectezi „General”.

În imaginea următoare, am modificat eticheta câmpului „Valoare locuință” în „Preț proprietate” și am adăugat instrucțiuni suplimentare. De asemenea, am făcut câmpul obligatoriu, astfel încât utilizatorii trebuie să completeze această secțiune pentru a obține calculul ratei ipotecare.

Fila „Advanced” este locul unde puteți adăuga text placeholder, puteți specifica orice clase CSS pe care doriți să le utilizați, puteți ascunde eticheta câmpului și puteți activa o funcție de calcul, dacă este necesar.

În mod implicit, formularul afișează un semn ‘$’, astfel încât utilizatorii să știe că ar trebui să introducă valorile în dolari americani.

Alternativ, puteți insera un exemplu în eticheta câmpului, cum ar fi „ex. 500.000”, astfel încât utilizatorul să știe cum să introducă prețul corect.

Fila „Smart Logic” vă permite să activați logica condiționată în câmp. Este opțional, dar este o funcție bună pentru a face formularul calculatorului ipotecar mai captivant.

Pentru a-l utiliza, pur și simplu activați butonul „Activare logică condițională”.

Apoi, puteți alege să afișați sau să ascundeți câmpul pe baza anumitor criterii. În exemplul de mai jos, am ales să afișăm câmpul „Prețul proprietății” dacă utilizatorul introduce adresa sa de e-mail.

După ce ați terminat de personalizat formularul, faceți clic pe „Salvare” în colțul din dreapta sus.

Configurați setările formularului

Acum, să trecem la fila „Setări” din partea stângă.

În fila „General”, puteți schimba numele formularului și puteți adăuga o descriere în partea de sus a formularului. Puteți chiar să introduceți câteva instrucțiuni și să adăugați un call-to-action pentru a încuraja utilizatorii să completeze formularul.

În plus, puteți personaliza eticheta butonului de trimitere și textul de procesare.

De asemenea, vrei să treci la fila „Protecție anti-spam și securitate”.

WPForms vine deja cu protecție anti-spam activată implicit. Cu toate acestea, poți activa Akismet pentru măsuri suplimentare de protecție.

În plus, puteți seta un număr minim de secunde pe care un utilizator trebuie să le aștepte înainte de a trimite formularul. Acest lucru oferă utilizatorilor legitimi suficient timp pentru a completa formularul, dar nu suficient timp pentru ca un bot de spam să trimită formularul rapid.

Derulând în jos, puteți activa și un filtru de țară, care limitează formularul la utilizatorii din anumite țări. Recomandăm această setare dacă site-ul dvs. imobiliar vinde doar într-o anumită țară.

După ce ați activat butonul „Activați filtrul de țară”, faceți clic pe „Permiteți” sub Filtrul de țară și selectați țara către care vindeți.

Puteți personaliza, de asemenea, mesajul de filtrare a țării, dacă este necesar.

Dacă derulați pagina în jos, puteți, de asemenea, să preveniți trimiterile spam ale formularelor utilizând un CAPTCHA.

WPForms suportă CAPTCHA, reCAPTCHA și hCAPTCHA personalizate.

Să mergem mai departe și să trecem la fila „Notificări”.

WPForms vă poate trimite un e-mail de fiecare dată când cineva completează formularul. Pentru a activa această funcție, faceți clic pe „Activare notificări”.

Poți edita conținutul emailului după cum este necesar. În plus, poți trimite emailuri de confirmare după trimiterea formularului WordPress.

Când sunteți mulțumit de aceste setări, nu uitați să faceți clic pe „Salvare” pentru a vă stoca modificările.

Încorporează calculatorul costului creditului ipotecar pe site-ul tău WordPress

Acum sunteți gata să afișați calculatorul ipotecar pe blogul dvs. WordPress sau pe site-ul web. Pentru a face acest lucru, faceți clic pe butonul „Încorporare” din meniul de sus.

Acum, puteți fie adăuga formularul la o pagină existentă, fie crea o pagină complet nouă.

Alternativ, puteți utiliza un shortcode.

Procesul de adăugare a formularului la o pagină existentă sau nouă este destul de similar.

Dacă faceți clic pe „Selectați pagina existentă”, puteți alege pagina pe care doriți să o utilizați. După aceea, faceți clic pe „Să mergem!”

Dacă optați pentru crearea unei pagini noi, va trebui să introduceți un titlu pentru pagină.

Similar cu metoda anterioară, faceți clic pe „Să mergem!” pentru a continua.

Ambele opțiuni vă vor duce la editorul standard de blocuri WordPress.

Aici, faceți clic pe butonul bloc „+” și selectați blocul WPForms.

În noul bloc, deschide meniul derulant „Select a Form”.

După aceea, pur și simplu alegeți formularul pe care l-ați creat anterior.

Veți vedea acum formularul dvs. nou creat.

În bara laterală Setări bloc, puteți personaliza în continuare designul formularului.

De exemplu, puteți schimba culoarea de fundal și marginea câmpurilor. Puteți reveni, de asemenea, la constructorul WPForms selectând ‘Editare formular.’

Când ești mulțumit de cum arată formularul, pur și simplu apasă pe „Actualizare” sau „Publicare” pentru a face modificările live.

Iată cum arată formularul nostru calculator ipotecar:

Dacă folosiți o temă WordPress clasică, care nu este bazată pe blocuri WordPress, atunci puteți afișa formularul și într-o zonă pregătită pentru widget-uri.

Accesați Aspect » Widgeturi și faceți clic pe butonul ‘+’ pentru a adăuga un bloc în orice zonă pregătită pentru widgeturi. Acum puteți adăuga blocul WPForms și selecta formularul pe care tocmai l-ați creat.

În editorul de widgeturi, puteți edita, de asemenea, setările blocului pentru widgetul calculatorului de credite ipotecare.

Când sunteți mulțumit de aspectul formularului, faceți clic pe ‘Actualizare.’

Alternativ, dacă aceste metode nu funcționează, atunci puteți folosi metoda shortcode pentru a insera formularele în pagini, postări și alte părți de șablon.

Pur și simplu reveniți la editorul WPForms și faceți clic pe „utilizați un shortcode” în fereastra pop-up de încorporare.

Puteți apoi copia shortcode-ul și îl puteți adăuga la orice pagină, postare sau zonă pregătită pentru widgeturi.

Pentru mai multe informații, consultați ghidul nostru despre cum să adăugați un shortcode în WordPress.

Metoda 2: Adăugați un calculator avansat de credite ipotecare WordPress cu Formidable Forms

Această metodă următoare este excelentă dacă doriți să creați un calculator ipotecar WordPress avansat care ia în considerare taxele anuale pe proprietate, asigurarea și PMI (asigurarea ipotecară privată).

Odată ce formularul are acele date, împreună cu prețul casei utilizatorului, suma împrumutului, termenul împrumutului și rata dobânzii, acesta poate afișa defalcarea plății utilizatorului, care este, de asemenea, numită programul de amortizare.

Pentru această metodă, vom folosi pluginul Formidable Forms. Acest plugin de formulare de contact WordPress ușor de utilizat vine cu un șablon avansat de calculator ipotecar pe care îl puteți adăuga pe site-ul dvs.

Am analizat în profunzime acest plugin și l-am testat. Puteți găsi totul despre el în recenzia noastră detaliată Formidable Forms!

Primul lucru pe care trebuie să-l faceți este să instalați și să activați atât pluginurile Formidable Forms Lite, cât și Formidable Forms Premium (planul Business).

Pluginul gratuit are funcționalități limitate, dar Formidable Forms Pro îl folosește ca bază pentru funcționalitățile sale mai avansate.

Pentru instrucțiuni detaliate, te rugăm să consulți ghidul nostru pas cu pas despre cum să instalezi un plugin WordPress.

La activare, accesați Formidable » Setări globale în tabloul de bord WordPress. Aici, puteți face clic pe „Conectați un cont”.

Pe ecranul următor, pur și simplu conectează-te la contul tău Formidable Forms.

Formidable Forms va solicita acum permisiunea de a instala pluginul Pro. Pur și simplu apasă pe „Conectare și instalare Formidable Forms Pro” pentru a-ți activa cheia de licență.

Acum că ați configurat cu succes Formidable Forms, sunteți gata să adăugați un formular de calculator de credite ipotecare pe WordPress.

Utilizați șablonul Avansat Calculator Ipotecar

Pentru a începe, accesați Formidable » Forms și apoi faceți clic pe „Adăugare nou”.

O fereastră pop-up va apărea acum, afișând toate șabloanele gata făcute pe care le puteți utiliza pe site-ul dvs. WordPress.

Pentru a găsi șablonul formularului de calcul al creditului ipotecar, pur și simplu tastați „Advanced Mortgage Calculator” în bara de căutare. Apoi, plasați cursorul peste șablon și faceți clic pe „Utilizați șablonul”.

Veți ajunge acum la constructorul Formidable Forms.

În acest moment, puteți personaliza formularul pentru a se potrivi nevoilor dumneavoastră.

Pentru a începe, faceți clic pe câmpul pe care doriți să îl personalizați și apoi selectați fila „Field Options”.

De acolo, puteți schimba eticheta câmpului, puteți alege dacă câmpul este obligatoriu sau opțional, puteți adăuga text de tip placeholder și multe alte lucruri.

Cu Formidable Forms, puteți insera, de asemenea, o valoare implicită în calculator. Acest lucru permite utilizatorilor să vadă cum ar putea arăta calculul lor.

Dacă faceți clic pe oricare dintre câmpurile din secțiunea „Analiză financiară”, încercați să evitați modificarea „Opțiunilor avansate”.

Această zonă conține formulele de calcul, deci modificarea lor poate defecta complet calculatorul ipotecar.

Când sunteți mulțumit de aspectul formularului, pur și simplu faceți clic pe „Salvare” în colțul din dreapta sus pentru a vă salva modificările.

După aceea, introduceți un nume pentru formularul dvs., astfel încât să îl puteți identifica cu ușurință mai târziu. Apoi, faceți clic pe „Salvare”.

Personalizați stilul formularului Calculator Ipotecar

Să trecem acum la fila „Stil” din meniul de sus. Aici puteți alege un design pentru formular.

Dacă nu vă plac niciunul dintre stiluri, pur și simplu faceți clic pe butonul „+ Stil nou”.

După aceea, va apărea o fereastră pop-up. Pur și simplu introduceți un nume pentru acest nou stil și faceți clic pe „Creare stil nou”.

Veți fi direcționat acum către o pagină unde puteți personaliza stilul formularului.

Simțiți-vă liber să modificați tipografia, schema de culori, stilurile butoanelor, casetele de selectare și așa mai departe.

Odată ce sunteți mulțumit de design, pur și simplu faceți clic pe butonul „Actualizare” din colțul din dreapta sus.

Configurați setările Formidable Forms

În această etapă, puteți naviga la meniul „Setări” din partea de sus.

Mai întâi, puteți personaliza titlul și descrierea formularului în fila „General”. Acesta ar putea fi un loc bun pentru a insera instrucțiuni despre cum să utilizați formularul.

Puteți, de asemenea, să stilizați textul folosind HTML.

Derulând în jos, veți găsi o setare care activează Honeypot și JavaScript.

Recomandăm activarea ambelor setări, deoarece acestea pot preveni înregistrările false și malițioase de spam.

Fila „Acțiuni și notificări” este locul unde poți personaliza emailul de confirmare pe care Formidable Forms îl trimite utilizatorului.

Puteți fie să afișați un mesaj personalizat de mulțumire, să redirecționați utilizatorii către un URL specific, fie să îi trimiteți pe o altă pagină.

Un alt tab pe care vă recomandăm să îl verificați este „Butoane”.

Aici puteți personaliza eticheta și poziția butonului de trimitere. Puteți chiar adăuga un buton „Începe de la capăt” în cazul în care utilizatorul dorește să reia trimiterea formularului.

După ce ați configurat setările formularului, faceți clic pe butonul „Actualizare” pentru a salva modificările.

Încorporați formularul Avansat Calculator Ipotecar pe site-ul dvs.

Acum că formularul dvs. de calculator ipotecar avansat este gata, îl puteți adăuga la orice postare, pagină sau zonă pregătită pentru widget.

Pentru a începe, faceți clic pe butonul ‘Embed’ din colțul din dreapta sus.

Vei vedea acum o fereastră pop-up care spune că poți adăuga formularul în trei moduri.

Puteți adăuga formularul la o pagină existentă, crea o pagină nouă sau utiliza un shortcode.

Dacă alegeți opțiunea de pagină existentă, atunci veți selecta o pagină pe ecranul următor.

Apoi, faceți clic pe „Inserare formular”.

Pe de altă parte, dacă alegeți opțiunea de pagină nouă, atunci puteți introduce un nume pentru pagina nouă.

Cu asta gata, treceți mai departe și faceți clic pe „Creare pagină”.

Cu ambele opțiuni, Formidable Forms va insera automat blocul de formular în editorul de blocuri al paginii.

Dacă trebuie să editați formularul direct din editorul de conținut, deschideți bara laterală a setărilor blocului și faceți clic pe ‘Mergi la formular’.

Când sunteți gata, faceți clic pe „Publish” sau „Update”.

Iată cum arată formularul nostru de calculator de credite ipotecare Formidable Forms:

Alternativ, poți adăuga calculatorul creditului ipotecar folosind un shortcode sau cod PHP.

În fereastra pop-up de încorporare de mai devreme, faceți clic pe „Inserare manual”.

Apoi, puteți copia fie shortcode-ul, fie codul PHP. Din nou, pentru prima opțiune, puteți citi articolul nostru despre cum să adăugați un shortcode în WordPress.

În ceea ce privește codul PHP, recomandăm această metodă doar dacă vă simțiți confortabil să lucrați cu fragmente de cod. Vă recomandăm să utilizați WPCode pentru acest lucru, deoarece acest plugin face ca inserarea codului în WordPress să fie sigură și ușoară.

Pentru mai multe informații, puteți citi ghidul nostru despre cum să inserați fragmente de cod în WordPress.

Și pentru a afla mai multe despre plugin, consultați recenzia noastră completă WPCode. Unii dintre partenerii noștri de afaceri îl folosesc pentru a insera și gestiona fragmente de cod personalizate și a funcționat excepțional de bine!

Resurse bonus 🔗: Dezvoltați-vă site-ul WordPress imobiliar

Doriți să vă îmbunătățiți site-ul imobiliar? De la atragerea mai multor lead-uri la accelerarea paginilor dvs., aceste resurse atent selectate vă pot ajuta să vă dezvoltați și să vă optimizați site-ul WordPress:

• Cele mai bune pluginuri WordPress pentru imobiliare
• Cele mai bune teme WordPress pentru imobiliare pentru agenți imobiliari
• Cum să încorporați o hartă Google cu un pin pe hartă în formularele WordPress
• Cum să adăugați corect un slider de conținut recomandat în WordPress
• Cum să creați un director web în WordPress
• Sfaturi pentru a-ți dezvolta afacerea online
• SEO local WordPress suprem pentru a crește clasamentele
• Ghidul complet pentru creșterea vitezei și performanței WordPress

Sperăm că acest articol v-a ajutat să învățați cum să adăugați un calculator ipotecar în WordPress. De asemenea, ați putea dori să vedeți articolul nostru despre cum să creați un calculator pentru împrumut auto sau plăți auto în WordPress și sfaturile noastre de expert despre cele mai bune modalități de a crea formulare mai interactive.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.