Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come generare più lead con le calcolatrici online gratuite (suggerimenti professionali)

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete generare più contatti sul vostro sito web?

I calcolatori online sono un ottimo modo per ottenere le informazioni di contatto dei visitatori, in modo da poterli contattare con annunci personalizzati, e-mail, newsletter e altre forme di marketing online.

In questo articolo vi mostreremo come creare un calcolatore online e iniziare a generare più contatti per il vostro sito WordPress.

generate-more-leads-with-free-online-calculator-og

Perché i calcolatori online sono così grandi strumenti di generazione di lead?

Le calcolatrici online sono strumenti utili che possono aiutare i visitatori a risolvere un problema o a rispondere a una domanda. Inoltre, è possibile chiedere l’indirizzo e-mail del visitatore prima di mostrare i risultati, il che li rende un ottimo modo per generare lead.

È possibile utilizzare i calcolatori online in molti settori e nicchie diversi. Per esempio, nel settore della salute e del benessere, potreste aggiungere un calcolatore di IMC e poi incoraggiare i visitatori ad acquistare un piano alimentare.

online calculator example

Se vendete a un pubblico globale, una calcolatrice che converte le unità metriche in unità imperiali può farvi aumentare le vendite aiutando i clienti a verificare se un prodotto è della misura o del peso giusto.

Potreste anche aggiungere un calcolatore di mutui al vostro sito web immobiliare o un calcolatore di pagamenti auto al sito della vostra concessionaria.

car payment calculator example

Le possibilità sono infinite, quindi è facile capire perché i calcolatori online stanno rapidamente diventando uno dei modi più popolari per far crescere la vostra lista di email.

Detto questo, vi mostriamo come creare un calcolatore online e generare lead. Tratteremo due metodi, e sentitevi liberi di usare i nostri link per passare al metodo di vostra scelta:

Metodo 1: Creare calcolatori online usando WPForms (consigliato)

Il modo migliore e più semplice per creare una calcolatrice online per il vostro sito WordPress senza scrivere una sola riga di codice è utilizzare il plugin WPForms.

WPForms

WPForms è il miglior costruttore di moduli di contatto e il miglior plugin di calcolo disponibile, con oltre 6 milioni di installazioni. Permette di creare tutti i tipi di moduli, compresi quelli di conversazione, di registrazione degli utenti e altri ancora.

Inoltre, avrete accesso a un’ampia gamma di modelli di moduli di calcolo pronti all’uso, in modo da poter iniziare a creare fiducia e generare lead per la vostra azienda.

Nota: poiché in questo tutorial utilizzeremo l’addon Calcoli e l’addon Lead Forms, è necessaria la versione Pro di WPForms. Questo plugin premium consente di accedere a funzioni avanzate come i rapporti sui moduli e la logica condizionale. Tuttavia, se volete creare moduli di base, potete provare la versione gratuita.

Passo 1: Installazione e attivazione del plugin WPForms

Una volta acquistato WPForms Pro, procedete all’installazione e all’attivazione del plugin nella vostra dashboard di WordPress. Per ulteriori dettagli, consultate il nostro tutorial passo-passo su come installare un plugin per WordPress.

Dopo l’attivazione, dovrete andare su WPForms ” Addons. Quindi fare clic sul pulsante “Installa addon”.

install wpforms calculator addon

Dal momento che raccoglieremo contatti, è necessario trovare anche l’addon Lead Forms.

Quindi fare clic su “Installa addon”.

install wpforms lead forms addon

In seguito, vedremo come creare una calcolatrice online, in modo che gli utenti possano utilizzarla per eseguire calcoli e ottenere stime accurate.

Fase 2: Creazione del modulo di calcolo online

Andate su WPForms Aggiungi nuovo. Si aprirà il costruttore di moduli online drag-and-drop, dove potrete creare e personalizzare il vostro modulo di calcolo.

add new forms in wpforms

Quindi, è sufficiente dare un nome al nuovo modulo digitandolo nella casella.

In questo modo è possibile fare riferimento al modulo di calcolo in un secondo momento, quando si desidera apportare modifiche o incorporarlo in una pagina o in un post.

name your form wpforms

In basso, è possibile selezionare il modello più adatto alle proprie esigenze. Nel pannello di sinistra è possibile navigare tra le varie categorie sotto l’opzione “Calcolatrice”.

Ad esempio, se gestite un sito web di una palestra, potreste scegliere la categoria “fitness”, ma se avete una concessionaria o siete un agente immobiliare, potreste selezionare la categoria “finanza” per garantire che i vostri potenziali clienti si qualifichino per i vostri prodotti o servizi.

Grazie all’enorme elenco di modelli, potrete trovare praticamente qualsiasi tipo di calcolatore online che state cercando. Ma per il bene di questo tutorial, sceglieremo il modulo “Mortgage Lead Generator”.

È sufficiente passare il mouse sul modello che si desidera utilizzare e selezionare “Usa modello”.

use mortgage lead generator form template

Da qui, si accede alla scheda Campi, dove si trova il costruttore di moduli drag-and-drop. Tutti i campi disponibili sono nel pannello di sinistra.

Per aggiungere un campo, trascinarlo da sinistra a destra. A destra si trova l’editor che consente di vedere visivamente l’aspetto del modulo.

Con l’addon Lead Forms, le interruzioni di pagina vengono visualizzate automaticamente. Prima di ogni interruzione di pagina, è presente un pulsante “Avanti”, in modo che gli utenti possano passare alla pagina successiva una volta completati i campi richiesti.

Inoltre, in basso viene visualizzata una barra di avanzamento che suddivide il modulo in sezioni digeribili e migliora l’esperienza dell’utente.

Suggerimento: si consiglia di raggruppare i campi correlati in ogni pagina e di includere un’intestazione di testo grande e in grassetto che indichi l’argomento di ciascuna pagina.

lead generator form in visual editor

Il modulo di calcolo del mutuo è dotato dei seguenti campi:

  • Valore della casa
  • Acconto
  • Tasso di interesse
  • Durata del mutuo
  • Rata mensile del mutuo
  • Importo del pagamento annuale
  • Totale interessi pagati
  • Rata totale del mutuo

Se siete un istituto di credito ipotecario, questo modello conterrà la maggior parte dei campi che probabilmente state cercando. Tuttavia, è sempre possibile aggiungere o eliminare campi in base alle esigenze.

Ad esempio, potrebbe essere opportuno aggiungere campi a scelta multipla che richiedano lo “Scopo del mutuo o del prestito” e il “Tipo di immobile” che l’utente sta cercando. In questo modo, potrete soddisfare meglio le loro esigenze.

Quando si aggiunge il campo, basta navigare nella scheda “Generale” sotto Opzioni campo e modificare le opzioni come necessario.

field options general tab wpforms

Fase 3: Modifica dei calcoli (facoltativa)

Una volta impostati tutti i campi, è possibile aggiungere o modificare i calcoli di questo modello. In questo modulo, il calcolo è controllato dal campo “Pagamento totale del mutuo”.

Se si fa clic sul campo e si passa alla scheda “Avanzate”, l’opzione “Abilita calcolo” dovrebbe essere già attivata. Se si desidera mantenere la formula di calcolo originale fornita con il modello, si può lasciare questa impostazione da sola.

enable calculation wpforms

Tuttavia, se si desidera modificare la formula, è possibile cambiare i valori nella casella di testo “Formula”.

Quando gli utenti inseriscono i dati, il modulo calcola automaticamente i risultati in base alle informazioni fornite.

Nella parte superiore del riquadro Formula è possibile aggiungere funzioni aritmetiche come:

  • Aggiunta (+)
  • Sottrazione (-)
  • Moltiplicazione (*)
  • Divisione (/)

Ogni volta che si inserisce una formula, questa deve rientrare tra le parentesi, che possono essere aggiunte nella parte superiore della casella della formula.

È sufficiente fare clic su “Inserisci campo” per visualizzare l’elenco dei codici associati a ciascun campo.

add formula in wpforms

Ci sono altre regole che si possono mettere in atto, come la regola “se” e “altrimenti”.

Ad esempio, se si utilizza una formula come Spese per l’alloggio/Reddito lordo mensile, è possibile valutare in eccesso il rischio del richiedente. L’utilizzo della regola if/else vi aiuterà a rifiutare o accettare automaticamente i richiedenti in base al rischio.

Per ulteriori informazioni su come utilizzare le funzioni di calcolo per il vostro caso specifico, potete consultare la documentazione dell’Addon Calcoli di WPForms.

È inoltre possibile fare clic su “Cheatsheet” accanto alla casella Formula per visualizzare tutte le regole e le funzioni disponibili da aggiungere.

Una volta terminata l’aggiunta della formula, fare clic su “Convalida formula” per verificare che i calcoli e la sintassi siano corretti.

validate formula wpforms

Passo 4: Impostazione delle opzioni di contatto

Nel vostro modulo di richiesta di calcoli online, è anche una buona idea chiedere ai clienti come vogliono essere raggiunti. In questo modo, potrete seguire i clienti che hanno dimostrato interesse per la vostra offerta.

Questo è un ottimo posto per aggiungere icone. Basta fare clic sul campo a scelta multipla. A questo punto, si dovrebbero vedere le opzioni per configurare le opzioni a scelta multipla. Se si attiva il pulsante “Usa le scelte a icona”, le icone saranno aggiunte al modulo.

use icon choices wpforms

A questo punto appariranno dei riquadri con il volto sorridente.

È sufficiente fare clic sulla casella del sorriso nel pannello di sinistra per scegliere l’icona che si desidera aggiungere.

add icon to wpforms

Verrà visualizzata una schermata pop-up di selezione delle icone. È possibile scegliere tra oltre 2.000 icone.

Basta usare la barra di ricerca e digitare l’icona che si sta cercando. Sceglieremo le icone che meglio si adattano alle nostre opzioni a scelta multipla.

icon picker wpforms

È inoltre possibile modificare l’impostazione “Colore icona” nel pannello di sinistra.

Una volta completata l’operazione e scelte tutte le icone nel campo a scelta multipla, ecco come dovrebbe apparire.

multiple choice icons in wpforms

Un altro tocco personale che potete aggiungere al vostro modulo è un logo o un’immagine di intestazione nella parte superiore del modulo di calcolo.

È sufficiente fare clic sul campo Contenuto e trascinarlo sul lato destro dell’editor del modulo.

content field in wpforms

Quindi, selezionare il campo Contenuto.

Nella scheda “Generale” è possibile fare clic sul pulsante “Aggiungi media” per caricare il logo aziendale.

add media in wpforms

Passo 5: Stilizzazione del modulo di calcolo

Inoltre, è possibile personalizzare lo stile del modulo di richiesta di informazioni.

A tal fine, si deve andare su Impostazioni ” Moduli di piombo“.

lead forms wpforms

Attivando le “Impostazioni di stile avanzate”, è possibile aggiungere un contenitore intorno ai campi e al modulo, conferendogli effetti di stile per farli risaltare maggiormente.

È inoltre possibile personalizzare il colore dei bordi dei campi, dello sfondo del contenitore e del testo.

customize color in wpforms

L’aggiunta di icone e la personalizzazione dell’aspetto del modulo è un ottimo modo per mantenere un aspetto nitido e professionale.

Passo 6: modifica del messaggio di conferma

L’ultima cosa da fare è rivedere e modificare il messaggio di conferma. WPForms invierà automaticamente un messaggio di conferma che riassume i campi che l’utente ha completato, insieme ai risultati dei calcoli.

Per farlo, è necessario andare su Impostazioni ” Conferme“.

Si può scegliere di inviare il messaggio direttamente sulla pagina o di reindirizzare l’utente a un’altra pagina. Quindi, modificare il messaggio nella casella di testo.

L’uso degli Smart Tag è un ottimo modo per personalizzare il messaggio in base alle informazioni fornite dall’utente.

confirmation message wpforms

Una volta soddisfatti dell’aspetto del modulo, basta premere il pulsante “Salva”.

In questo modo non si perdono le modifiche apportate.

save lead generator form

Passo 7: incorporare il nuovo modulo di calcolo online in una pagina o in un post di WordPress

Successivamente, si dovrà incorporare la calcolatrice online in una delle pagine o dei post di WordPress.

Andare su una qualsiasi pagina o post di WordPress. Qui è possibile fare clic sul pulsante ‘+’ per aggiungere un nuovo blocco e scegliere il blocco WPForms.

add wpforms block

Quindi selezionare il modulo di calcolo online appena creato.

Il modulo dovrebbe apparire automaticamente nella pagina.

add lead generator form

Quindi, premere “Pubblica” in alto.

Ora avete aggiunto con successo la vostra calcolatrice online al vostro sito WordPress.

publish mortgage loan calculator

Assicuratevi di visualizzare l’anteprima prima di aver finito.

Dovrebbe avere un aspetto simile a questo.

preview mortgage loan calculator

È necessario esaminare il modulo per verificare che tutti i campi del modulo e i calcoli funzionino correttamente.

Ad esempio, ecco come appare il messaggio di conferma una volta completato il modulo.

thank you message mortgage loan calculator

Passo 8: Visualizzazione delle voci del modulo

Se andate su WPForms ” Voci e selezionate il nome del vostro modulo, vedrete tutte le voci del vostro modulo di calcolo online.

È possibile visualizzare, modificare o cestinare facilmente ogni voce. Se visualizzate la voce, voi o il vostro team di vendita potrete trovare tutte le informazioni sui lead che state cercando.

entries in wpforms

Potete anche esportare questo elenco e caricarlo su una piattaforma di marketing automation o collegarlo a un plugin di automazione per WordPress come Uncanny Automator.

Questo vi consentirà di contattare i contatti dopo l’invio del modulo di calcolo online.

Per saperne di più su come farlo, consultate la nostra guida su come fare lead generation in WordPress come un professionista.

Metodo 2: Aggiunta di una calcolatrice con Formidable Forms (avanzato)

Un altro modo per aggiungere calcolatori online a WordPress è utilizzare il plugin Formidable Forms. Ha un avanzato costruttore di moduli drag-and-drop ed è tra i migliori plugin per calcolatori WordPress sul mercato.

Il plugin è specializzato nell’aiutare le persone a costruire moduli complessi con calcoli avanzati.

Per esempio, Formidable Forms è dotato di molti modelli di calcolatori, tra cui un calcolatore di mutui che potete aggiungere al vostro sito web immobiliare IDX e un calcolatore BMI ideale per i blog sulla salute e i siti web delle palestre.

Is Formidable Forms the right form builder plugin for you?

Formidable Forms consente anche di aggiungere calcoli condizionali. Ad esempio, in base alle risposte dell’utente su un modulo, è possibile indicare al plugin quale formula deve utilizzare automaticamente.

La prima cosa da fare è installare e attivare sia il plugin gratuito Formidable Forms Lite che quello premium Formidable Forms. Per maggiori dettagli, consultate la nostra guida su come installare un plugin di WordPress.

Una volta fatto questo, andate su Formidable ” Impostazioni globali e selezionate “Aggiungi una licenza manualmente”.

add license formidable forms

Per trovare la chiave di licenza, basta collegarsi al sito web di Formidable Forms.

Quindi accedete al vostro account e andate alla pagina “Download”.

formidable forms pro downloads

Da qui, è sufficiente incollare la chiave di licenza nel campo del vostro sito WordPress.

Assicuratevi di fare clic sul pulsante “Salva licenza” e poi sul pulsante “Aggiorna” in alto.

save license formidable forms pro

Successivamente, verrà visualizzato il messaggio “attivazione della licenza riuscita”.

Passo 1: Scegliere un modello di modulo di calcolatrice

Ora siete pronti a creare la vostra prima calcolatrice andando su Formidable ” Moduli e cliccando su ‘+ Aggiungi nuovo’.

add new forms formidable forms pro

A questo punto si vedranno tutti i diversi modelli di modulo tra cui è possibile scegliere.

Nella pagina, scorrete verso il basso e selezionate la categoria Calcolatrice, dove vedrete tutti i modelli di calcolatrice disponibili che Formidable Forms offre.

Per visualizzare l’anteprima di un modello, basta passarci sopra e premere “Visualizza demo”.

Quando siete pronti per iniziare, passateci sopra e fate clic su “Usa modello”.

Per questa guida utilizzeremo il modello “Calcolatore dell’interesse composto”, ma è possibile utilizzare qualsiasi modello di calcolatore.

use compound interest calculator template

A questo punto si vedrà il modello scelto nell’editor di Formidable Forms.

Fase 2: progettazione della calcolatrice online gratuita

Da qui è possibile puntare e fare clic per personalizzare qualsiasi campo del modulo. Ad esempio, se si desidera modificare l’etichetta del campo o l’intervallo di numeri per l'”Importo iniziale”, fare clic per selezionare il campo.

È quindi possibile apportare le modifiche utilizzando le impostazioni del menu di sinistra.

customize fields in online calculator form

Per aggiungere altri campi alla calcolatrice, è sufficiente selezionare la scheda “Aggiungi campi” nel menu di sinistra. Quindi, trascinare il campo sul modello della calcolatrice.

Ad esempio, se si desidera raccogliere l’indirizzo e-mail del visitatore, è necessario aggiungere un campo in cui gli utenti possano digitare queste informazioni. A tale scopo, trascinare e rilasciare un campo ‘Email’ sul modello di calcolatrice.

add email field

Successivamente, fare clic sul campo “Email” e apportare eventuali modifiche utilizzando le impostazioni di “Opzioni campo”.

In genere si possono utilizzare le impostazioni predefinite, ma per generare il maggior numero possibile di contatti è bene selezionare la casella “Richiesto”. Ciò significa che i visitatori dovranno inserire un indirizzo e-mail per vedere i loro risultati.

email requirement checkbox

È possibile continuare a personalizzare la calcolatrice modificando i valori dei campi e aggiungendone di nuovi.

Fase 3: Regolazione dei calcoli

Formidable Forms viene fornito con modelli già pronti che hanno già calcoli precostituiti. Tuttavia, se si desidera modificare le formule o i valori, è possibile farlo.

Nota: se si desidera mantenere i calcoli predefiniti nel modello, si consiglia di lasciare i campi avanzati.

Per verificare i calcoli, fare clic su uno qualsiasi degli elementi del campo che sarebbero interessati dalla formula. Quando si fa clic su un elemento del campo, dovrebbe essere visualizzato anche un numero ID.

Nel pannello di sinistra, è necessario andare alla scheda Opzioni campo ” Avanzate . Alla voce “Valore predefinito”, si vedrà la formula utilizzata.

Quindi, in questo caso, vediamo che ‘Interessi composti totali’ ha un ID pari a 20. La formula ‘[18]+[19]’ indica che l’interesse composto sul capitale + l’interesse composto sui depositi è uguale all’interesse composto totale.

default value in formidable forms

Se non si è sicuri del numero ID di un particolare campo o se si desidera vedere quali campi si possono aggiungere alla formula, è sufficiente fare clic sull’icona con i tre puntini accanto a “Valore predefinito”.

Quindi, selezionare il campo desiderato nel menu a discesa Elenco campi. È possibile scegliere qualsiasi campo e questo verrà aggiunto al “Valore predefinito” da utilizzare nella formula.

field list formidable forms

È bene tenere presente che si utilizzeranno tutti i simboli matematici standard, come ad esempio:

  • + per l’addizione
  • – per sottrazione
  • * per la moltiplicazione
  • / per la divisione
  • () per raggruppare alcuni calcoli
  • Math.pow() per aggiungere esponenti a un’equazione

Ecco un esempio di come si presenta. Come mostrato in precedenza, il [] è la notazione per i numeri ID.

calculation in formidable forms

Si consiglia di visualizzare l’anteprima del modulo per verificare che i calcoli funzionino correttamente.

Quando si è soddisfatti della forma della calcolatrice, è sufficiente fare clic sul pulsante “Salva”.

save compound interest calculator form

Dovrebbe apparire un messaggio che chiede di dare un nome al modulo.

Assegnategli un nome, in modo da potervi fare facilmente riferimento in seguito. Quindi, premere il pulsante “Salva”.

save form

Dopo qualche istante, verrà visualizzato il messaggio “aggiornato con successo”.

Passo 4: Aggiungere una calcolatrice online gratuita a WordPress

Ora siete pronti ad aggiungere la calcolatrice a qualsiasi pagina o post del vostro sito WordPress. Dovete andare alla pagina o al post in cui desiderate aggiungere il modulo della calcolatrice.

Per iniziare, digitate un titolo per la pagina della calcolatrice.

Una volta fatto ciò, fare clic sull’icona ‘+’. Quindi selezionare il blocco “Formidable Forms”.

Quando appare il blocco giusto, è sufficiente fare clic su di esso per aggiungerlo alla pagina.

add formidable forms block

Successivamente, è necessario aprire il menu a tendina “Seleziona un modulo” e scegliere la calcolatrice creata in precedenza.

WordPress ora caricherà automaticamente la calcolatrice personalizzata.

select a form in formidable forms block

A questo punto, è possibile continuare a modificare la pagina aggiungendo testo, immagini, una descrizione della calcolatrice, categorie e tag e altro ancora.

Quando si è pronti a rendere operativa la calcolatrice, fare clic sul pulsante “Pubblica” o “Aggiorna” nell’angolo destro.

publish compound interest calculator form

La nuova pagina della calcolatrice è ora disponibile sul vostro sito web.

Ecco come appariva sul nostro sito web dimostrativo.

compound interest calculator preview

Bonus: Ottenere più contatti con OptinMonster

Il vostro prossimo compito sarà quello di guidare le persone verso la calcolatrice online gratuita, in modo da ottenere più abbonati e contatti per il vostro sito web di piccole imprese.

È qui che entra in gioco OptinMonster.

OptinMonster è il miglior plugin per la generazione di lead su WordPress, dotato di modelli progettati in modo professionale e di un editor drag-and-drop che potete utilizzare per le vostre campagne.

use template in OptinMonster

Dispone inoltre di strumenti come lightbox popup, slide-in popup, timer per il conto alla rovescia, banner per l’intestazione e il piè di pagina e altro ancora.

Tutti questi strumenti sono perfetti per promuovere la vostra calcolatrice online gratuita in modo da ottenere più utenti e conversioni.

car payments lead generation popup

Se gestite un negozio online, OptinMonster dispone anche di una funzione avanzata di Exit-Intent che può convertire i visitatori che abbandonano in clienti e abbonati.

Per saperne di più, guardate come abbiamo aumentato gli iscritti alle nostre e-mail del 600% con OptinMonster.

Speriamo che questo articolo vi abbia aiutato a capire come generare più contatti con i calcolatori online. Potreste anche voler consultare la nostra guida su come aumentare il traffico del vostro blog e la nostra scelta dei migliori servizi di email marketing per le piccole imprese.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

1 commentoLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.