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.
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.
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.
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 è 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”.
Dal momento che raccoglieremo contatti, è necessario trovare anche l’addon Lead Forms.
Quindi fare clic su “Installa 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.
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.
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”.
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.
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.
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.
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.
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.
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.
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.
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.
È 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.
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.
Quindi, selezionare il campo Contenuto.
Nella scheda “Generale” è possibile fare clic sul pulsante “Aggiungi media” per caricare il logo aziendale.
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“.
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.
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.
Una volta soddisfatti dell’aspetto del modulo, basta premere il pulsante “Salva”.
In questo modo non si perdono le modifiche apportate.
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.
Quindi selezionare il modulo di calcolo online appena creato.
Il modulo dovrebbe apparire automaticamente nella pagina.
Quindi, premere “Pubblica” in alto.
Ora avete aggiunto con successo la vostra calcolatrice online al vostro sito WordPress.
Assicuratevi di visualizzare l’anteprima prima di aver finito.
Dovrebbe avere un aspetto simile a questo.
È 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.
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.
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.
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”.
Per trovare la chiave di licenza, basta collegarsi al sito web di Formidable Forms.
Quindi accedete al vostro account e andate alla pagina “Download”.
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.
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’.
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.
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.
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.
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.
È 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.
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.
È 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.
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”.
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”.
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.
Successivamente, è necessario aprire il menu a tendina “Seleziona un modulo” e scegliere la calcolatrice creata in precedenza.
WordPress ora caricherà automaticamente la calcolatrice personalizzata.
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.
La nuova pagina della calcolatrice è ora disponibile sul vostro sito web.
Ecco come appariva sul nostro sito web dimostrativo.
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.
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.
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.
Syed Balkhi
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!