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

Un calcolatore di mutui può davvero aumentare l'efficacia del tuo sito web. E la verità è che, senza un calcolatore di mutui sul tuo sito, stai probabilmente perdendo potenziali clienti a favore di altri siti web.

L'abbiamo visto accadere più e più volte: i visitatori arrivano sul tuo sito, si interessano, poi se ne vanno per calcolare i pagamenti altrove — spesso per non tornare mai più.

Ecco perché avere il tuo calcolatore è così importante. Aiuta a mantenere i visitatori coinvolti e li trasforma in lead. 🙌

In questa guida passo passo, ti mostreremo esattamente come aggiungere un calcolatore di mutui al tuo sito WordPress. Abbiamo trovato i metodi più affidabili e facili da usare che funzionano per tutti, indipendentemente dalla tua esperienza tecnica.

Perché aggiungere un calcolatore di mutui in WordPress?

Un calcolatore di mutui consente agli utenti di ottenere stime per i loro pagamenti di mutuo, con il tasso di interesse e il periodo di ammortamento.

I visitatori possono semplicemente aggiungere informazioni come il valore della loro casa, l'acconto, i tassi di interesse e così via. Dopodiché, il calcolatore scoprirà quanto devono pagare al mese.

Se stai creando un sito web immobiliare con elenchi di proprietà IDX, allora un calcolatore di mutui aiuterà anche nella generazione di lead. I visitatori possono utilizzare il calcolatore, ma dovranno inserire il loro indirizzo email per salvare i loro risultati.

Questo può anche ridurre il tuo tasso di rimbalzo poiché i visitatori non devono visitare un sito diverso per ottenere un calcolo del mutuo.

Consulenti finanziari, broker ipotecari, banche e educatori finanziari personali possono anche trarre vantaggio dall'aggiunta di una calcolatrice ipotecaria al loro sito.

Detto questo, diamo un'occhiata a come creare facilmente una calcolatrice ipotecaria in WordPress. Questo tutorial ti mostrerà due metodi adatti ai principianti con due diversi plugin per calcolatrici ipotecarie: WPForms e Formidable Forms.

Puoi utilizzare questi collegamenti rapidi per passare a un plugin specifico:

• Metodo 1: Aggiungere una semplice calcolatrice ipotecaria WordPress con WPForms
• Metodo 2: Aggiungere una calcolatrice ipotecaria WordPress avanzata con Formidable Forms
• Risorse bonus 🔗: Fai crescere il tuo sito WordPress immobiliare

Iniziamo!

Metodo 1: Aggiungere una semplice calcolatrice ipotecaria WordPress con WPForms

Il primo metodo consiste nell'utilizzare WPForms. Con i suoi strumenti AI e oltre 2.000 modelli di moduli, questo plugin per la creazione di moduli drag-and-drop ti consente di creare vari moduli, inclusa una calcolatrice ipotecaria.

Questo metodo è consigliato per le persone che desiderano semplicemente creare una calcolatrice ipotecaria semplice ma reattiva, senza calcoli aggiuntivi per tasse o assicurazioni.

Su WPBeginner, utilizziamo WPForms per creare tutti i tipi di moduli, dal nostro modulo di contatto ai nostri sondaggi annuali per i lettori. È il nostro strumento di riferimento e lo raccomandiamo vivamente. Vedi la nostra recensione completa di WPForms per saperne di più.

Prima di tutto, procedi con l'installazione del plugin in WordPress.

Fatto ciò, vai su WPForms » Impostazioni e inserisci la chiave di licenza del tuo piano Pro dalla pagina del tuo account WPForms. Quindi, fai semplicemente clic su 'Verifica chiave'.

Scegli e personalizza un modello di modulo per il calcolo del mutuo

Una volta che la chiave di licenza è attiva, dovrai navigare su WPForms » Aggiungi nuovo.

Nella schermata successiva, puoi dare un nome al tuo nuovo modulo. Può essere qualcosa di semplice come 'Modulo Calcolatore Mutuo'.

Dopodiché, sceglierai come costruire il modulo. Con WPForms, puoi:

• usare una tela bianca per creare moduli da zero
• sfruttare il generatore di moduli AI per creare moduli istantaneamente utilizzando un semplice prompt
• scegliere un modello predefinito.

Per questo tutorial, ti mostreremo come utilizzare un modello e personalizzarlo per soddisfare le tue esigenze utilizzando l'editor drag-and-drop.

Scorriamo quindi la pagina 'Configurazione' e utilizziamo la barra di ricerca per trovare un modello di modulo calcolatore mutuo.

WPForms ha due modelli: Modulo Calcolatore Mutuo e Modulo Calcolatore Mutuo Semplice. Entrambi i modelli forniscono funzionalità simili ma hanno campi leggermente diversi.

Il Modello Modulo Calcolatore Mutuo Semplice è ideale per siti immobiliari che desiderano aiutare i potenziali acquirenti a stimare rapidamente il loro pagamento ipotecario mensile.

D'altra parte, il Modello Modulo Calcolatore Mutuo fornisce una ripartizione completa dei dettagli del mutuo, inclusi l'interesse totale pagato, il pagamento ipotecario totale e l'importo del pagamento annuale.

Questo livello di dettaglio può essere utile per i clienti che desiderano comprendere appieno i propri obblighi finanziari.

Puoi fare clic su 'Visualizza demo' per vedere ogni modulo in azione. Puoi scegliere uno dei due modelli, ma per questo tutorial utilizzeremo il Modello Modulo Calcolatore Mutuo.

Una volta fatta la tua scelta, passa il mouse sopra la casella e fai clic su 'Usa modello'.

A questo punto, apparirà un popup che ti informerà che hai bisogno del componente aggiuntivo Calcoli.

Fai semplicemente clic su ‘Sì, installa e attiva’ per continuare.

Ora arriverai al generatore di moduli drag-and-drop. Come puoi vedere, il modello include già i campi per il calcolo.

Questo particolare modello ha campi in cui gli utenti possono inserire il valore della loro casa (costo totale della casa) e l'importo del loro acconto (quanto l'acquirente paga in anticipo al momento dell'acquisto di una proprietà).

Gli utenti possono anche utilizzare gli slider per inserire informazioni sul tasso di interesse del mutuo e sulla durata del mutuo.

Dopo aver inserito queste informazioni, la sezione in basso calcolerà automaticamente l'importo del pagamento mensile e annuale del mutuo dell'utente, l'interesse totale pagato e il pagamento totale del mutuo.

Puoi trovare questa formula di calcolo andando su ‘Opzioni campo’ e navigando nella scheda ‘Avanzate’ nel pannello di sinistra. In fondo, troverai la casella ‘Formula’.

Ti consigliamo di non apportare modifiche a questa sezione a meno che tu non sia sicuro di farlo. Detto questo, WPForms ha un foglio di riferimento per i calcoli che puoi utilizzare se hai bisogno di aiuto.

Se hai difficoltà con la formula, puoi utilizzare la funzionalità Calcoli AI per semplificarla.

Fai semplicemente clic sul pulsante ‘Genera formula’ accanto alla casella Formula.

Questo aprirà una finestra di chat in cui puoi descrivere che tipo di calcolo ti serve in linguaggio semplice, e l'IA genererà istantaneamente la formula corretta per te.

Ora, procediamo a personalizzare il modulo. Per aggiungere un nuovo campo, vai alla sezione ‘Aggiungi campi’ nel pannello di sinistra. Quindi, trascina e rilascia qualsiasi campo nell'editor del modulo.

Qui, abbiamo aggiunto un campo ‘Nome’ al modulo per acquisire il nome dell'utente.

Per personalizzare un campo, fai semplicemente clic su di esso e il pannello di sinistra mostrerà la scheda ‘Opzioni campo’. Qui troverai tre schede: Generale, Avanzate e Logica intelligente.

Se desideri modificare l'etichetta del campo, inserire testo descrittivo o rendere il campo obbligatorio, dovrai selezionare ‘Generale’.

Nell'immagine seguente, abbiamo modificato l'etichetta del campo ‘Valore casa’ in ‘Prezzo immobile’ e aggiunto alcune istruzioni aggiuntive. Abbiamo anche reso il campo obbligatorio, quindi gli utenti devono completare questa sezione per ottenere il calcolo del pagamento del mutuo.

La scheda ‘Avanzate’ è dove puoi aggiungere testo segnaposto, specificare eventuali classi CSS da utilizzare, nascondere l'etichetta del campo e abilitare una funzione di calcolo se necessario.

Per impostazione predefinita, il modulo visualizza un segno ‘$’ in modo che gli utenti sappiano che devono inserire i loro valori in dollari americani.

In alternativa, puoi inserire un esempio nell'etichetta del campo, come ‘es. 500.000’, in modo che l'utente sappia come inserire correttamente il prezzo.

La scheda ‘Logica Intelligente’ ti consente di abilitare la logica condizionale nel campo. È facoltativa, ma è una buona funzionalità per rendere il tuo modulo calcolatore di mutui più coinvolgente.

Per utilizzarla, basta attivare il pulsante ‘Abilita logica condizionale’.

Quindi, puoi scegliere di mostrare o nascondere il campo in base a determinati criteri. Nell'esempio seguente, abbiamo scelto di mostrare il campo ‘Prezzo dell’immobile’ se l'utente inserisce il proprio indirizzo email.

Una volta terminata la personalizzazione del modulo, fai clic su ‘Salva’ nell'angolo in alto a destra.

Configura le impostazioni del modulo

Ora, procediamo e passiamo alla scheda ‘Impostazioni’ sul lato sinistro.

Nella scheda ‘Generale’, puoi modificare il nome del modulo e aggiungere una descrizione in cima al modulo. Puoi persino digitare alcune istruzioni e aggiungere una call-to-action per incoraggiare gli utenti a compilare il modulo.

Inoltre, puoi personalizzare l'etichetta del pulsante di invio e il testo di elaborazione.

Vuoi anche passare alla scheda ‘Protezione antispam e sicurezza’.

WPForms include già una protezione antispam abilitata per impostazione predefinita. Tuttavia, puoi attivare Akismet per ulteriori misure protettive.

Inoltre, sentiti libero di impostare un numero minimo di secondi che un utente deve attendere prima di inviare il modulo. Questo dà agli utenti legittimi abbastanza tempo per compilare il modulo, ma non abbastanza tempo per un bot di spam per inviarlo rapidamente.

Scorrendo verso il basso, puoi anche abilitare un filtro per paese, che limita il modulo agli utenti di paesi specifici. Consigliamo questa impostazione se il tuo sito web immobiliare vende solo in un determinato paese.

Una volta attivato il pulsante 'Abilita filtro paese', fai clic su 'Consenti' sotto Filtro paese e seleziona il paese a cui vendi.

Puoi anche personalizzare il Messaggio filtro paese, se necessario.

Se scorri ulteriormente la pagina, puoi anche impedire l'invio di moduli spam utilizzando un CAPTCHA.

WPForms supporta CAPTCHA, reCAPTCHA e hCAPTCHA personalizzati.

Andiamo avanti e passiamo alla scheda 'Notifiche'.

WPForms può inviarti un'e-mail ogni volta che qualcuno completa il modulo. Per abilitare questa funzione, fai semplicemente clic su 'Abilita notifiche'.

Puoi modificare il contenuto dell'email secondo necessità. Inoltre, puoi inviare email di conferma dopo l'invio di un modulo WordPress.

Quando sei soddisfatto di queste impostazioni, non dimenticare di fare clic su 'Salva' per memorizzare le tue modifiche.

Incorpora la Calcolatrice Costi Mutuo sul tuo sito WordPress

Ora sei pronto per visualizzare la calcolatrice mutui sul tuo blog WordPress o sito web. Per fare ciò, fai clic sul pulsante 'Incorpora' nel menu in alto.

Ora puoi aggiungere il modulo a una pagina esistente o creare una pagina completamente nuova.

In alternativa, puoi usare uno shortcode.

Il processo per aggiungere il modulo a una pagina esistente o nuova è piuttosto simile.

Se fai clic su ‘Seleziona pagina esistente’, puoi scegliere la pagina che desideri utilizzare. Successivamente, fai clic su ‘Iniziamo!’

Se scegli di creare una nuova pagina, dovrai digitare un titolo per la pagina.

Simile al metodo precedente, fai clic su ‘Iniziamo!’ per procedere.

Entrambe le opzioni ti porteranno all'editor a blocchi standard di WordPress.

Qui, fai clic sul pulsante del blocco ‘+’ e seleziona il blocco WPForms.

Nel nuovo blocco, apri il menu a discesa ‘Seleziona un modulo’.

Successivamente, scegli semplicemente il modulo che hai creato in precedenza.

Ora vedrai il tuo modulo appena creato.

Nella barra laterale delle impostazioni del blocco, puoi personalizzare ulteriormente il design del modulo.

Ad esempio, puoi cambiare il colore di sfondo e il bordo dei campi. Puoi anche tornare all'editor di WPForms selezionando ‘Modifica modulo’.

Quando sei soddisfatto dell'aspetto del modulo, fai semplicemente clic su ‘Aggiorna’ o ‘Pubblica’ per rendere effettive le modifiche.

Ecco come appare il nostro modulo calcolatore di mutui:

Se stai utilizzando un tema WordPress classico, non basato su blocchi, puoi anche visualizzare il modulo in un'area pronta per i widget.

Vai su Aspetto » Widget e fai clic sul pulsante ‘+’ per aggiungere un blocco in qualsiasi area pronta per i widget. Ora puoi aggiungere il blocco WPForms e selezionare il modulo che hai appena creato.

Nell'editor dei widget, puoi anche modificare le impostazioni del blocco del widget calcolatore di mutui.

Quando sei soddisfatto dell'aspetto del modulo, fai semplicemente clic su ‘Aggiorna’.

In alternativa, se questi metodi non funzionano, puoi utilizzare il metodo dello shortcode per inserire i moduli in pagine, articoli e altre parti del modello.

Torna semplicemente all'editor di WPForms e fai clic su ‘usa uno shortcode’ nel popup di incorporamento.

Puoi quindi copiare lo shortcode e aggiungerlo a qualsiasi pagina, post o area pronta per i widget.

Per ulteriori informazioni, consulta la nostra guida su come aggiungere uno shortcode in WordPress.

Metodo 2: Aggiungere una calcolatrice ipotecaria WordPress avanzata con Formidable Forms

Questo metodo successivo è eccellente se desideri creare una calcolatrice mutui WordPress avanzata che tenga conto delle tue tasse immobiliari annuali, dell'assicurazione e del PMI (assicurazione ipotecaria privata).

Una volta che il modulo ha questi dati, insieme al prezzo della casa dell'utente, all'importo del prestito, alla durata del prestito e al tasso di interesse, può visualizzare la ripartizione dei pagamenti dell'utente, che è anche chiamata piano di ammortamento.

Per questo metodo, utilizzeremo il plugin Formidable Forms. Questo plugin per moduli di contatto WordPress facile da usare viene fornito con un modello di calcolatrice mutui avanzato che puoi aggiungere al tuo sito.

Abbiamo approfondito questo plugin e lo abbiamo messo alla prova. Puoi trovare tutto a riguardo nella nostra recensione dettagliata di Formidable Forms!

La prima cosa che devi fare è installare e attivare sia il plugin Formidable Forms Lite che Formidable Forms Premium (piano Business).

Il plugin gratuito ha funzionalità limitate, ma Formidable Forms Pro lo utilizza come base per le sue funzionalità più avanzate.

Per istruzioni dettagliate, consulta la nostra guida passo passo su come installare un plugin per WordPress.

Dopo l'attivazione, vai su Formidable » Impostazioni globali nella dashboard di WordPress. Qui, puoi fare clic su ‘Connetti un account’.

Nella schermata successiva, accedi semplicemente al tuo account Formidable Forms.

Formidable Forms richiederà ora il permesso di installare il plugin Pro. Fai semplicemente clic su ‘Connetti e Installa Formidable Forms Pro’ per attivare la tua chiave di licenza.

Ora che hai configurato correttamente Formidable Forms, sei pronto per aggiungere un modulo calcolatore di mutui a WordPress.

Usa il modello di modulo calcolatore di mutui avanzato

Per iniziare, vai su Formidable » Moduli e quindi fai clic su ‘Aggiungi Nuovo’.

Ora apparirà un popup che mostra tutti i modelli pronti all'uso che puoi utilizzare sul tuo sito web WordPress.

Per trovare il modello di modulo di calcolo del mutuo, digita semplicemente ‘Calcolatore di mutuo avanzato’ nella barra di ricerca. Quindi, posiziona il cursore sul modello e fai clic su ‘Usa modello’.

Ora arriverai al costruttore di Formidable Forms.

A questo punto, puoi personalizzare il modulo per soddisfare le tue esigenze.

Per iniziare, fai clic sul campo che desideri personalizzare e quindi seleziona la scheda ‘Opzioni campo’.

Da lì, puoi modificare l'etichetta del campo, scegliere se il campo è obbligatorio o facoltativo, aggiungere testo segnaposto e molte altre cose.

Con Formidable Forms, puoi anche inserire un valore predefinito nel calcolatore. Ciò consente agli utenti di vedere come potrebbe apparire il loro calcolo.

Se fai clic su uno qualsiasi dei campi nella sezione ‘Analisi finanziaria’, cerca di evitare di modificare le ‘Opzioni avanzate’.

Quest'area contiene le formule di calcolo, quindi modificarle può rompere completamente il calcolatore di mutui.

Quando sei soddisfatto dell'aspetto del modulo, fai semplicemente clic su ‘Salva’ nell'angolo in alto a destra per salvare le modifiche.

Dopodiché, digita un nome per il tuo modulo in modo da poterlo identificare facilmente in seguito. Quindi, fai clic su ‘Salva’.

Personalizza lo stile del modulo calcolatore di mutui

Passiamo ora alla scheda ‘Stile’ nel menu in alto. Qui puoi scegliere un design per il modulo.

Se non ti piace nessuno degli stili, fai semplicemente clic sul pulsante ‘+ Nuovo stile’.

Dopodiché, apparirà un popup. Digita semplicemente un nome per questo nuovo stile e fai clic su ‘Crea nuovo stile.’

Verrai ora indirizzato a una pagina in cui potrai personalizzare lo stile del modulo.

Sentiti libero di modificare la tipografia, lo schema di colori, gli stili dei pulsanti, le caselle di controllo e così via.

Una volta soddisfatto del design, fai semplicemente clic sul pulsante ‘Aggiorna’ nell'angolo in alto a destra.

Configura le Impostazioni di Formidable Forms

A questo punto, puoi navigare nel menu ‘Impostazioni’ in alto.

Innanzitutto, puoi personalizzare il titolo e la descrizione del modulo nella scheda ‘Generale’. Questo potrebbe essere un buon posto per inserire alcune istruzioni su come utilizzare il modulo.

Puoi anche stilizzare il testo utilizzando HTML.

Scorrendo verso il basso, troverai un'impostazione che abilita Honeypot e JavaScript.

Consigliamo di abilitare entrambe le impostazioni in quanto possono prevenire invii di spam falsi e dannosi.

La scheda ‘Azioni e notifiche’ è dove puoi personalizzare l'email di conferma che Formidable Forms invia all'utente.

Puoi mostrare un messaggio di ringraziamento personalizzato, reindirizzare gli utenti a un URL specifico o inviarli a una pagina diversa.

Un'altra scheda che consigliamo di controllare è 'Pulsanti'.

Qui puoi personalizzare l'etichetta e la posizione del pulsante di invio. Puoi persino aggiungere un pulsante 'Ricomincia' nel caso in cui l'utente voglia riavviare l'invio del modulo.

Dopo aver configurato le impostazioni del modulo, fai semplicemente clic sul pulsante 'Aggiorna' per salvare le modifiche.

Incorpora il modulo calcolatore di mutui avanzato sul tuo sito web

Ora che il tuo modulo calcolatore di mutui avanzato è pronto, puoi aggiungerlo a qualsiasi post, pagina o area predisposta per i widget.

Per iniziare, fai clic sul pulsante 'Incorpora' nell'angolo in alto a destra.

Ora vedrai un popup che dice che puoi aggiungere il modulo in tre modi.

Puoi aggiungere il modulo a una pagina esistente, creare una nuova pagina o utilizzare uno shortcode.

Se scegli l'opzione pagina esistente, selezionerai una pagina nella schermata successiva.

Quindi, fai clic su 'Inserisci modulo'.

D'altra parte, se scegli l'opzione nuova pagina, puoi digitare un nome per la nuova pagina.

Fatto ciò, procedi e fai clic su 'Crea pagina'.

Con entrambe le opzioni, Formidable Forms inserirà automaticamente il blocco del modulo nell'editor a blocchi della pagina.

Se hai bisogno di modificare il modulo direttamente dall'editor di contenuti, apri la barra laterale delle impostazioni del blocco e fai clic su 'Vai al modulo'.

Quando sei pronto, fai clic su 'Pubblica' o 'Aggiorna'.

Ecco come appare il nostro modulo calcolatore di mutui Formidable Forms:

In alternativa, puoi aggiungere il calcolatore di mutui utilizzando uno shortcode o un codice PHP.

Nel popup di incorporamento di prima, fai clic su 'Inserisci manualmente'.

Quindi, puoi copiare lo shortcode o il codice PHP. Ancora una volta, per la prima opzione, puoi leggere il nostro articolo su come aggiungere uno shortcode in WordPress.

Per quanto riguarda il codice PHP, raccomandiamo questo metodo solo se ti senti a tuo agio a lavorare con snippet di codice. Ti consigliamo di utilizzare WPCode per questo, poiché questo plugin rende sicuro e facile inserire codice in WordPress.

Per maggiori informazioni, puoi leggere la nostra guida su come inserire snippet di codice in WordPress.

E per saperne di più sul plugin, consulta la nostra recensione completa di WPCode. Alcuni dei nostri partner commerciali lo utilizzano per inserire e gestire snippet di codice personalizzati, e ha funzionato eccezionalmente bene!

Risorse bonus 🔗: Fai crescere il tuo sito WordPress immobiliare

Vuoi migliorare ulteriormente il tuo sito immobiliare? Dall'attirare più lead all'accelerare le tue pagine, queste risorse selezionate possono aiutarti a far crescere e ottimizzare il tuo sito WordPress:

• I migliori plugin WordPress per immobili
• Migliori temi WordPress per agenti immobiliari
• Come incorporare una mappa Google con un segnaposto in moduli WordPress
• Come aggiungere correttamente uno slider di contenuti in primo piano in WordPress
• Come creare una directory web in WordPress
• Consigli per far crescere la tua attività online
• La SEO locale definitiva per WordPress per aumentare i ranking
• La guida definitiva per aumentare la velocità e le prestazioni di WordPress

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere una calcolatrice per mutui in WordPress. Potresti anche voler consultare il nostro articolo su come creare una calcolatrice per prestiti auto o pagamenti auto in WordPress e i nostri consigli esperti sui migliori modi per creare moduli più interattivi.

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