Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
30 milioni+
Siti web che utilizzano i nostri plugin
20+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come aggiungere una calcolatrice mutui in WordPress (passo dopo passo)

Un calcolatore di mutuo risponde alla domanda con cui i tuoi visitatori sono effettivamente arrivati: quanto costerebbe questa casa ogni mese? Senza uno, lasciano la tua pagina per fare i conti sul sito di una banca.

È anche un magnete naturale per i lead per agenti immobiliari, broker e finanziatori. Chiedi un nome e un indirizzo email insieme ai dettagli del prestito, e ogni calcolo diventa un contatto con cui puoi dare seguito.

In questo articolo, ti mostreremo tre modi per aggiungere una calcolatrice per mutui in WordPress: un embed gratuito senza plugin, un plugin gratuito che funziona direttamente in WordPress e un modulo di contatto che acquisisce un lead con ogni calcolo.

Come aggiungere una calcolatrice mutui in WordPress

Quale metodo dovresti usare?

ScegliIdeale perPrezzi
embed di mortgagecalculator.orgUna calcolatrice veloce senza pluginGratuito
Calcolatrice mutui reattivaUna calcolatrice che funziona direttamente in WordPress e supporta la tua valutaGratuito
WPFormsAcquisire un lead con ogni calcoloPiano Pro e superiori

Metodo 1: Incorpora un calcolatore di mutuo gratuito (senza plugin)

Il modo più semplice per creare una calcolatrice per mutui è utilizzare la calcolatrice gratuita incorporabile da mortgagecalculator.org. Nella pagina, puoi impostare valori predefiniti per il prezzo della casa, il tasso di interesse, la durata del prestito, le tasse sulla proprietà, il PMI e l'assicurazione del proprietario.

Impostazione dei valori predefiniti per il calcolatore incorporabile di mortgagecalculator.org

Lo strumento aggiorna il codice di incorporamento mentre modifichi queste impostazioni. Se servi visitatori al di fuori degli Stati Uniti, puoi anche aggiungere un parametro di lingua al codice. Ad esempio, &lang=en-GB utilizza le impostazioni del Regno Unito, mentre &lang=de-DE utilizza le impostazioni tedesche.

Una volta soddisfatto delle impostazioni, copia il codice generato.

Copia il codice HTML generato

Successivamente, apri un post o una pagina in WordPress e aggiungi un blocco HTML personalizzato. Fai clic su 'Modifica HTML' per aggiungere il codice generato.

Aggiunta di un blocco HTML personalizzato

Nella finestra popup che appare, incolla il codice di incorporamento della calcolatrice per mutui. Vedrai quindi un'anteprima sulla destra. Se tutto sembra corretto, fai clic su 'Aggiorna' per salvare le modifiche.

Incolla il codice di incorporamento del calcolatore di mutui in un blocco HTML personalizzato

Infine, fai clic sul pulsante 'Salva' o 'Aggiorna' per pubblicare le tue modifiche.

Ecco come appare la calcolatrice sul front-end:

Il calcolatore di mutui di mortgagecalculator.org incorporato in una pagina WordPress

Tieni presente che la calcolatrice è ospitata su un server di terze parti, quindi non puoi modificarne lo stile per adattarlo al tuo sito. Inoltre, non supporta l'acquisizione di lead.

Se desideri visualizzare la calcolatrice su tutto il sito, ad esempio in una barra laterale o nel piè di pagina, puoi utilizzare WPCode per inserirla.

Metodo 2: Aggiungi un calcolatore di mutuo semplice e reattivo

Se desideri che la calcolatrice funzioni nativamente in WordPress anziché in un iframe, Responsive Mortgage Calculator è un'ottima opzione gratuita. Ha oltre 7.000 installazioni attive ed è attivamente mantenuto.

Innanzitutto, installiamo e attiviamo il plugin. Vai su Plugin » Aggiungi Plugin nella tua bacheca di WordPress e fai clic su 'Installa ora' nella casella del plugin Responsive Mortgage Calculator.

Installazione del plugin Responsive Mortgage Calculator

Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin di WordPress.

Dopo aver installato il plugin, vai su Impostazioni » Resp Mortgage Calculator per impostare la tua valuta, il periodo di capitalizzazione (ogni quanto gli interessi vengono aggiunti al saldo del prestito) e il tasso di interesse predefinito.

Configurazione delle impostazioni di Responsive Mortgage Calculator con una valuta non in dollari

Fai clic su 'Salva modifiche' per mantenere le tue impostazioni.

Successivamente, puoi aggiungere la calcolatrice a qualsiasi pagina o post utilizzando lo shortcode [mortgagecalculator], oppure trascinarla in un'area widget.

Aggiunta dello shortcode di Responsive Mortgage Calculator

Non preoccuparti se non vedi un'anteprima. Lo shortcode funzionerà comunque, quindi puoi procedere e fare clic su 'Salva' o 'Aggiorna' per renderlo attivo.

Ora puoi visitare il tuo sito web per vederla in azione:

Il calcolatore di mutui responsive visualizzato con una valuta non in dollari

Inoltre, ci sono alcune limitazioni da tenere a mente. Puoi avere solo una calcolatrice per pagina, le opzioni di stile sono basilari e non ci sono campi per le tasse sulla proprietà o l'assicurazione. Inoltre, non acquisisce lead.

Metodo 3: Crea un calcolatore di mutuo per la cattura di lead

Se vuoi acquisire lead mentre i visitatori utilizzano la tua calcolatrice, WPForms è la scelta migliore. Ti consente di raccogliere nome e indirizzo email insieme al loro calcolo. Avrai bisogno del piano Pro o superiore, che include l'addon Calcoli utilizzato da questi modelli.

Su WPBeginner, utilizziamo WPForms per i nostri moduli e lo raccomandiamo. Puoi saperne di più nella nostra recensione completa di WPForms.

Crea il modulo da un modello

Innanzitutto, installiamo e attiviamo WPForms e inseriamo la chiave di licenza. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin di WordPress.

Installazione di WPForms in WordPress

Successivamente, vai su WPForms » Aggiungi Nuovo Modulo e dai un nome alla tua calcolatrice di mutui. WPForms ha alcuni modelli di calcolatrice di mutui:

  • Calcolatrice Mutui Semplice, che è la migliore se vuoi solo una stima rapida del pagamento mensile.
  • Calcolatrice Mutui, che mostra anche l'interesse totale pagato e l'importo del pagamento annuale.
  • Generatore di Lead Mutui, che include già i campi nome ed email. Se lo scegli, puoi saltare il passaggio di acquisizione lead di seguito.

Se preferisci utilizzare un altro modello, fai clic su un modello e poi su ‘Usa Modello’.

Ricerca del modello di calcolatore di mutui in WPForms

Apparirà un popup che ti chiederà di installare e attivare l'addon Calcoli. Fai clic su ‘Installa e attiva’.

Installazione e attivazione dell'Addon Calcoli

WPForms ti porterà quindi all'editor drag-and-drop. Puoi vedere tutte le opzioni di personalizzazione nel pannello di sinistra e un'anteprima sulla destra.

Calcolatore di mutui nell'editor di WPForms

Questo modello viene fornito con i campi della calcolatrice e la formula già impostate. Puoi trovare la formula facendo clic sul campo ‘Pagamento Mensile’ e controllando sotto Opzioni Campo » Avanzate » Formula.

Puoi lasciarlo così com'è se vuoi solo una stima del pagamento mensile.

La formula nel modello di calcolatore di mutui di WPForms

Nessuno dei due modelli include campi per le tasse sulla proprietà o per le PMI (assicurazione ipotecaria privata), tuttavia. Se vuoi aggiungerli, dovrai prima aggiungere i campi per quei valori al tuo modulo.

Se preferisci non costruirli da solo, il modello Calcolatrice Mutui Avanzata di Formidable Forms include campi per tasse e assicurazioni già integrati.

Puoi usare il campo Numeri, che accetta solo input numerici, quindi la formula non si romperà se qualcuno digita testo. Semplicemente trascinalo e rilascialo dal pannello Aggiungi Campi al pannello di anteprima. Quindi, cambia l'Etichetta nella scheda ‘Opzioni Campo’.

Aggiunta di un campo per le tasse

Ripeti questo passaggio per tutti i campi aggiuntivi di cui hai bisogno.

Una volta aggiunti i campi, fai clic sul campo ‘Pagamento Mensile’ per impostare la nuova formula. Quindi, fai clic su ‘Genera Formula’ accanto alla casella Formula e descrivi come vuoi che vengano inclusi nel calcolo.

Ad esempio: “Aggiungi le tasse annuali sulla proprietà e le PMI al pagamento mensile del mutuo. Dividi le tasse annuali sulla proprietà per 12. Calcola le PMI mensili moltiplicando l'importo del prestito per il tasso PMI e dividendo per 12.”

Generazione della formula per includere tasse e PMI

Una volta che l'IA ha generato la formula per te, fai clic su ‘Inserisci Formula’.

Quindi, fai clic sul link ‘Valida Formula’ nell'editor per assicurarti che tutto funzioni bene.

Validazione della formula generata dall'IA
Aggiungi acquisizione lead e notifiche

Entrambi i modelli includono già un campo Email. Per acquisire il lead, trascina e rilascia anche un campo ‘Nome’ sul modulo.

Aggiunta di un campo Nome per acquisire lead in WPForms

Successivamente, passiamo alla scheda ‘Notifiche’ e assicuriamoci che le notifiche siano attivate in modo da ricevere un'email ogni volta che qualcuno completa il modulo.

Abilitazione delle notifiche email di WPForms

WPForms ha una protezione antispam integrata. E poiché queste notifiche sono importanti, consigliamo un servizio SMTP in modo che non finiscano nello spam. Vedi la nostra guida se WordPress non invia email.

Incorpora il calcolatore

Ora è il momento di incorporare il tuo calcolatore di mutui per la acquisizione di lead.

Fai clic su ‘Incorpora’ nel menu in alto. Puoi quindi aggiungere il modulo a una pagina esistente o nuova, oppure copiare lo shortcode. Se scegli ‘Pagina esistente’, seleziona la pagina in cui desideri incorporare il tuo calcolatore nel popup successivo. Questo ti porterà all'editor della pagina.

Popup di incorporamento di WPForms

Nell'editor, fai clic sul pulsante ‘+’ per aggiungere il blocco WPForms. Dopodiché, puoi selezionare il tuo calcolatore di mutui per la acquisizione di lead dal menu a discesa.

Aggiunta del blocco WPForms e selezione del modulo Calcolatore di mutui

WordPress caricherà quindi il tuo calcolatore di mutui nell'editor. Se lo desideri, puoi personalizzare e stilizzare il tuo modulo nel pannello di destra. Fai clic su ‘Salva’ o ‘Aggiorna’ quando hai finito.

Personalizzazione del calcolatore di mutui di WPForms

Vedi la nostra guida su come aggiungere uno shortcode in WordPress se preferisci usare uno shortcode.

Fatto! Hai creato con successo un calcolatore di mutui per la acquisizione di lead:

Prima di condividere la pagina, esegui tu stesso un calcolo di prova e verifica che la voce appaia sotto WPForms » Voci e che l'email di notifica arrivi.

Esempio di un calcolatore di mutui per l'acquisizione di lead creato con WPForms

Se desideri che le tasse sulla proprietà, l'assicurazione e il PMI siano pre-costituiti anziché aggiunti con Genera Formula, il modello Calcolatore di Mutui Avanzato di Formidable Forms li include. Vedi la nostra pagina Calcolatori Formidable Forms per i dettagli.

FAQ: Aggiungere un calcolatore di mutui in WordPress

Quali elementi sono essenziali per un calcolatore di mutui?

Un calcolatore di mutui di base necessita dell'importo del prestito (prezzo della casa o importo del mutuo), del tasso di interesse (percentuale annua), del termine del prestito (ad esempio, 15 o 30 anni) e di un modo per calcolare e mostrare il pagamento mensile. Alcuni calcolatori includono anche campi per le tasse sulla proprietà tasse, assicurazione o quote HOA, ma questi sono opzionali.

Posso cambiare la valuta dai dollari?

Sì, tutti e tre i metodi possono supportare altre valute, ma il processo è diverso. Con l'incorporamento gratuito, aggiungi un codice lingua come &lang=en-GB al codice di incorporamento. Con Responsive Mortgage Calculator, puoi impostare la valuta in Impostazioni » Resp Mortgage Calculator.

Con WPForms, vai su WPForms » Impostazioni, apri la scheda ‘Pagamenti’ e scegli la tua valuta dal menu a discesa. I campi calcolati utilizzano tale impostazione.

Funziona con Elementor o altri page builder?

Sì. Puoi incollare lo shortcode o il codice di incorporamento nel widget Shortcode o HTML del tuo page builder.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere un calcolatore di mutui in WordPress. Vuoi migliorare ulteriormente il tuo sito immobiliare? Queste risorse selezionate possono aiutarti:

Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.

Divulgazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

12 CommentiLascia una risposta

    • WPForms ti consente di cambiare valuta, dovrai verificare con il supporto di WPForms per le valute attualmente disponibili :)

      Amministratore

      • Grazie per il consiglio. Se possibile, contatterò sicuramente il supporto per scoprire come cambiare la valuta. Purtroppo, nella Repubblica Ceca, nessuno vorrebbe usare una calcolatrice con i dollari. Grazie mille per la tua risposta e per la tua guida.

  1. Bel articolo per aggiungere una calcolatrice mutui in WordPress. Avere una calcolatrice mutui è davvero vantaggioso per i blog finanziari e altri siti web correlati, poiché i visitatori non devono visitare un sito diverso per ottenere un calcolo del mutuo, il che offre un'esperienza completa agli utenti e li fa rimanere più a lungo.
    Ma vorrei chiedere se è possibile applicare codice CSS personalizzato alla calcolatrice per renderla più accattivante?

    • Uso WP Forms e quando creo moduli mi permette di impostare il mio CSS. C'è una guida abbastanza buona su come farlo direttamente sul sito web di WP Forms, da cui ho anche tratto consigli. Assicurati di controllarla e imparerai molto su come personalizzare i moduli per te stesso.

  2. Ciao, vorrei sapere se la valuta di un paese diverso influenzerà la calcolatrice mutui? Vedo negli screenshot solo $, ma vorrei che fosse Rand sudafricano (R), sarà possibile?

    • La modifica della valuta non dovrebbe causare problemi, se contatti il supporto di Formidable Forms, loro potranno assisterti con qualsiasi domanda tu possa avere su come impostarla.

      Amministratore

  3. Ciao. Dato che lavoriamo con diverse banche e ognuna di esse ha il proprio tasso di interesse, è possibile avere un'opzione per i clienti di selezionare la loro banca preferita in base al loro tasso di interesse o posso usare solo 1 tasso di interesse specifico predefinito?

    • Dovresti contattare il supporto del plugin per i dettagli e probabilmente potresti configurarlo come desideri.

      Amministratore

    • A seconda del tema potrebbe avere un certo effetto, ma non dovrebbe essere un effetto importante

      Amministratore

Lascia un commento

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.