Come aggiungere un popup con modulo di contatto in WordPress

Hai mai osservato i visitatori navigare sul tuo sito, per poi andarsene senza mettersi in contatto? È frustrante, soprattutto quando sai che sono interessati ma non riesci a connetterti.

Un popup semplice e ben posizionato può fare la differenza. 💡

Se posizionato in modo strategico, mette il tuo modulo di contatto proprio dove i visitatori ne hanno bisogno. Questo può portare a più richieste, feedback e conversioni.

Noi di WPBeginner siamo grandi fan di WPForms perché è facile da usare per i principianti, potente e perfetto per creare ogni tipo di modulo. Ancora meglio, puoi abbinarlo a OptinMonster per creare un popup per il modulo di contatto che sembri utile, non invadente.

In questa guida, ti spiegheremo come aggiungere un popup per il modulo di contatto in WordPress. Uno che trasforma i visitatori in lead, senza infastidirli.

Perché usare un popup per il modulo di contatto?

Un popup per il modulo di contatto rende più facile per i visitatori contattarti, senza dover cercare la tua pagina dei contatti o abbandonare la pagina su cui si trovano.

Ogni sito web WordPress ha bisogno di un modulo di contatto affinché gli utenti possano inviare domande, feedback o segnalare problemi.

Tuttavia, se il tuo modulo di contatto si trova solo su una singola pagina, è difficile per le persone trovarlo. Di conseguenza, i tuoi utenti potrebbero abbandonare il tuo sito prima di contattarti, e potresti perdere potenziali lead e conversioni.

Un popup per il modulo di contatto aiuta a risolvere questo problema permettendo ai tuoi visitatori di visualizzare rapidamente il modulo cliccando su un pulsante. In questo modo, possono mettersi in contatto con te da qualsiasi pagina si trovino.

Questo tipo di modulo di contatto aiuta anche a mantenere le persone sul tuo sito web, poiché non devono uscire dalla pagina che stanno visualizzando. Inoltre, puoi far crescere la tua lista email utilizzando un popup per i moduli di contatto.

Detto questo, dovrai prima creare un modulo di contatto e visualizzarlo in un popup sulle tue pagine web.

Ma non preoccuparti. Nelle sezioni seguenti, ti guideremo attraverso la creazione di un modulo di contatto e la sua aggiunta a un popup in WordPress.

Condivideremo anche i nostri consigli esperti sulla creazione di un popup che attiri l'attenzione senza essere invadente. Questo approccio garantisce che il tuo sito WordPress rimanga user-friendly massimizzando le opportunità di interazione.

Ed ecco una rapida panoramica di tutti i passaggi che seguirai:

1. Passaggio 1: Crea un modulo di contatto WordPress
2. Passaggio 2: Aggiungi un popup per moduli di contatto al tuo sito WordPress
3. Suggerimento bonus: aumenta le tue iscrizioni tramite popup
4. Domande frequenti: Come aggiungere un popup per moduli di contatto in WordPress
5. Tutorial video
6. Esplora le nostre guide sui moduli WordPress

Pronto? Iniziamo.

Passaggio 1: Crea un modulo di contatto WordPress

Innanzitutto, dovrai selezionare un plugin per moduli di contatto WordPress.

Ci sono molte opzioni gratuite e a pagamento tra cui puoi scegliere, ma ti consigliamo di utilizzare WPForms, poiché è il miglior costruttore di moduli per principianti.

Lo utilizziamo noi stessi sul nostro sito web per visualizzare moduli di contatto, sondaggi annuali degli utenti e moduli di migrazione del sito. Per i dettagli sulla nostra esperienza con il plugin, consulta la nostra recensione completa di WPForms.

WPForms è un plugin per moduli adatto ai principianti che offre un generatore drag-and-drop per creare moduli di contatto in WordPress con pochi clic. Offre anche modelli di moduli predefiniti e molte opzioni di personalizzazione.

Per questo tutorial, utilizzeremo la versione WPForms Lite, che è gratuita e offre un modello di modulo di contatto.

Tuttavia, puoi anche utilizzare la sua versione premium per sbloccare più funzionalità. Ad esempio, WPForms Pro offre oltre 2.000 modelli di moduli, più opzioni di personalizzazione, potenti add-on e la possibilità di riscuotere pagamenti online senza costi di transazione aggiuntivi.

Per iniziare, dovrai prima installare e attivare il plugin WPForms Lite. Se hai bisogno di aiuto, puoi consultare la nostra guida passo passo su come installare un plugin WordPress.

Una volta che il plugin è attivo, sei pronto per creare il tuo modulo di contatto. Tutto quello che devi fare è andare su WPForms » Aggiungi Nuovo dalla tua bacheca di WordPress.

Nella schermata successiva, puoi procedere e inserire un nome per il modulo.

Quindi, selezionerai come costruirai il tuo modulo: utilizzando WPForms AI, un modello predefinito o una tela bianca.

Se desideri utilizzare il generatore di moduli AI, inserisci semplicemente un prompt. In pochi secondi, il tuo modulo verrà generato.

Detto questo, utilizzeremo il modello 'Modulo di contatto semplice' per questo tutorial perché ha tutto ciò di cui abbiamo bisogno.

Successivamente, puoi aggiungere campi al modulo utilizzando il generatore drag-and-drop.

Trascina semplicemente i campi che desideri aggiungere al modulo dalle opzioni disponibili nel menu sulla sinistra. Puoi anche riordinare le posizioni di ciascun campo nel modulo.

WPForms ti consente anche di personalizzare ogni campo nel modulo di contatto.

Ad esempio, se fai clic sul campo 'Nome', otterrai diverse opzioni, come la modifica della sua etichetta e del suo formato. Puoi anche aggiungere una descrizione o contrassegnare qualsiasi campo come obbligatorio.

Una volta terminato, fai clic sull'opzione 'Impostazioni' per configurare la notifica e la conferma del modulo.

Nella sezione ‘Generale’, puoi rinominare il modulo, cambiare il testo del pulsante di invio, abilitare la protezione antispam e altro ancora.

Successivamente, puoi andare all'opzione delle impostazioni ‘Notifiche’. Per impostazione predefinita, le notifiche vengono inviate all'email dell'amministratore impostata sul tuo sito web WordPress.

Tuttavia, puoi inviare la notifica del tuo modulo di contatto a qualsiasi indirizzo email desideri. Se desideri ricevere notifiche di invio del modulo a più email, separa ogni email con una virgola.

Per la riga dell'oggetto dell'email, WPForms utilizza il nome del modulo che hai inserito in precedenza. Tuttavia, puoi modificare il testo della riga dell'oggetto come preferisci.

Ora, andiamo all'opzione ‘Conferme’.

WPForms utilizzerà ‘Messaggio’ come tipo di conferma predefinito. Dopo aver inviato un modulo, questo mostrerà ai tuoi visitatori un messaggio di ringraziamento.

Tuttavia, puoi cambiare il tipo di messaggio e reindirizzare gli utenti a una pagina specifica sul tuo sito web quando completano un modulo.

Una volta terminata la creazione di un modulo di contatto, assicurati di fare clic sul pulsante ‘Salva’ nell'angolo in alto a destra per salvare le modifiche.

Successivamente, puoi fare clic sull'opzione ‘Incorpora’ nell'angolo in alto accanto al pulsante ‘Salva’ per ottenere lo shortcode del modulo. Avrai bisogno di queste informazioni per visualizzare il tuo modulo in un popup.

Quando appare un nuovo popup, puoi selezionare l'opzione ‘usa uno shortcode’.

WPForms visualizzerà quindi il shortcode per il tuo modulo di contatto non appena fai clic sul link. Ti suggeriamo di tenere aperta questa scheda/finestra poiché ti servirà nel passaggio successivo, dove ti mostreremo come aggiungere il tuo modulo di contatto in un popup.

Passaggio 2: Aggiungi un popup per moduli di contatto al tuo sito WordPress

Per creare un popup per il modulo di contatto, avrai bisogno di un plugin popup per WordPress.

Ti consigliamo di utilizzare OptinMonster, poiché è il miglior plugin per la generazione di lead e l'ottimizzazione delle conversioni per WordPress. È anche uno dei più popolari, con oltre 1,2 milioni di siti web che utilizzano questo potente strumento.

Su WPBeginner, utilizziamo OptinMonster per varie attività, tra cui la promozione di offerte speciali e sconti su popup, slide-in e banner nell'intestazione. Se desideri maggiori informazioni, non esitare a leggere la nostra recensione completa di OptinMonster.

Per questo tutorial, utilizzeremo la versione Pro di OptinMonster, che include un modello pulito e regole di visualizzazione avanzate per mostrare il popup.

Innanzitutto, registriamoci per un account andando sul sito web di OptinMonster. Visita semplicemente il sito e fai clic sul pulsante ‘Ottieni OptinMonster Ora’.

Successivamente, dovrai installare e attivare il plugin gratuito di OptinMonster sul tuo sito web. Per maggiori dettagli, puoi seguire la nostra guida su come installare un plugin WordPress.

Dopo che il plugin è attivo, vedrai la procedura guidata di configurazione. Procedi e fai clic sul pulsante ‘Collega il tuo account esistente’.

Ora apparirà una finestra popup e OptinMonster ti chiederà di connetterti al tuo account.

Fai semplicemente clic sul pulsante ‘Connetti a WordPress’.

Ora che il tuo account è connesso, la prossima cosa da fare è creare una nuova campagna per il popup del tuo modulo di contatto.

Puoi iniziare andando su OptinMonster » Campagne e quindi facendo clic sul pulsante ‘Crea la tua prima campagna’.

Nella schermata successiva, dovrai selezionare un tipo di campagna.

Poiché creeremo un popup per il modulo di contatto, seleziona ‘Popup’ come tipo di campagna.

Dopodiché, dovrai scorrere la pagina verso il basso per scegliere un modello.

OptinMonster offre oltre 75 design accattivanti e altamente performanti per i tuoi popup. Puoi selezionare qualsiasi modello che ti piace.

Una volta deciso il modello, inserisci semplicemente un nome per la tua campagna e fai clic sul pulsante 'Inizia a costruire'.

Ora, utilizzando il builder drag-and-drop in OptinMonster, puoi modificare il tuo modello di popup.

Vedrai diversi 'Blocchi' apparire nel menu sulla sinistra. Individuiamo il blocco 'WPForms', quindi trascinalo e rilascialo sul tuo modello.

Dopodiché, dovrai fare clic sul menu a discesa 'Selezione modulo' dalle impostazioni del blocco nel menu di sinistra.

Quindi, seleziona l'opzione 'Aggiungi shortcode manualmente'.

Da qui, puoi inserire il tuo shortcode del modulo di contatto WPForms nel blocco. Per trovare il codice, dovrai tornare alle impostazioni di incorporamento di WPForms e copiare lo shortcode.

È importante notare che non vedrai un'anteprima del modulo di contatto nel modello quando aggiungi lo shortcode.

Questo è normale, poiché il tuo modulo di contatto apparirà quando la campagna verrà pubblicata.

Successivamente, puoi andare alla scheda 'Regole di visualizzazione' in alto per scegliere quando il popup dovrebbe apparire sul tuo sito web.

Per impostazione predefinita, OptinMonster lo imposterà su quando il tempo sulla pagina è di 5 secondi e il popup apparirà su qualsiasi pagina. Tuttavia, puoi modificare le impostazioni delle regole di visualizzazione e selezionare diversi trigger e opzioni di targeting.

Suggeriamo di utilizzare il targeting MonsterLink (Al clic). In questo modo, il tuo popup apparirà quando un visitatore fa clic su un link o un pulsante.

Successivamente, puoi fare clic sul pulsante 'Copia codice MonsterLink' e aggiungerlo a qualsiasi testo, immagine o pulsante sul tuo sito web.

Per maggiori dettagli, puoi seguire la nostra guida per principianti su come aggiungere un link in WordPress.

Il tuo codice MonsterLink apparirà così in HTML:

<a href="https://app.monstercampaigns.com/c/ep6f5qtakxauowbj8097/" target="_blank" rel="noopener noreferrer">Subscribe Now!</a> 

Tuttavia, per incorporare il link nel tuo post o pagina del blog WordPress, ti serve solo l'URL dal codice.

Ecco come dovrebbe apparire l'URL:

https://app.monstercampaigns.com/c/ep6f5qtakxauowbj8097/ 

Ad esempio, supponiamo che tu voglia aggiungere un pulsante Contattaci sul tuo sito.

In questo caso, puoi iniziare modificando una qualsiasi pagina o articolo e andando al tuo editor di WordPress. Quindi, fai clic sul segno (+) in alto e aggiungi un blocco 'Pulsanti'.

Dopodiché, puoi inserire un testo per il tuo pulsante e fare clic sull'icona del link. Ad esempio, usiamo 'Contattaci' come testo del pulsante.

Ora è il momento di aggiungere l'URL di MonsterLink al tuo pulsante. Fai clic sul pulsante, quindi sul pulsante di inserimento del link e incolla l'URL.

Una volta fatto ciò, procedi e pubblica il tuo articolo o pagina di WordPress. MonsterLink verrà ora aggiunto al tuo pulsante 'Contattaci'.

Ora, torniamo alla tua campagna OptinMonster per completare la configurazione.

Dopo aver selezionato MonsterLink come destinazione e averlo mostrato su qualsiasi pagina, puoi fare clic sul pulsante 'Avanti' in basso.

Nella schermata successiva, vedrai le opzioni per modificare il tipo di visualizzazione della campagna, aggiungere un'animazione MonsterEffect e riprodurre un suono quando appare il popup.

Puoi essere creativo e sperimentare con diverse impostazioni. Quando sei soddisfatto della configurazione, procedi e fai clic sul pulsante 'Avanti'.

OptinMonster mostrerà quindi un riepilogo delle impostazioni delle tue 'Regole di visualizzazione'.

Questo aiuta a garantire che tu abbia impostato correttamente quando le tue campagne appariranno sul tuo sito web.

Ora sei pronto per rendere attiva la tua campagna e pubblicare il tuo popup del modulo di contatto. Per farlo, vai alla scheda 'Pubblica' in alto.

Successivamente, puoi fare clic sul pulsante 'Anteprima' prima di pubblicare la tua campagna. Questo ti mostrerà un'anteprima live di come apparirà il tuo popup sul tuo sito web.

Quando sei soddisfatto dell'aspetto della tua campagna, cambia lo 'Stato di pubblicazione' da 'Bozza' a 'Pubblica'.

Una volta fatto, puoi uscire dal generatore di campagne OptinMonster e controllare lo stato della tua campagna dalla tua bacheca di WordPress.

Per fare ciò, dovrai navigare su OptinMonster » Campagne. Da qui, fai semplicemente clic sul menu a discesa 'Stato' e cambialo da 'In attesa' a 'Pubblica'.

OptinMonster aggiornerà automaticamente le modifiche.

Successivamente, dovrai andare dove visualizzi il pulsante 'Contattaci' con l'integrazione MonsterLink e vedere il modulo di contatto popup in azione.

Ecco fatto!

Hai creato con successo un plugin per moduli di contatto in WordPress. Inoltre, l'hai fatto assicurandoti che il modulo non sia invadente.

Suggerimento bonus: aumenta le tue iscrizioni tramite popup

Ora che sai come creare un popup per moduli di contatto, il passo successivo è assicurarsi che migliori l'esperienza utente invece di far rimbalzare i visitatori dal tuo sito.

Per massimizzare le iscrizioni, dovresti concentrarti sulla creazione di popup utili e pertinenti anziché invadenti.

Innanzitutto, il tempismo è fondamentale. I popup che appaiono troppo presto possono frustrare gli utenti, quindi prova a mostrarli dopo che un visitatore ha scorrevole o ha trascorso del tempo sul tuo sito.

La personalizzazione è un altro punto di svolta. Per rendere i tuoi popup più pertinenti, dovresti adattarli a ciò che gli utenti stanno facendo, come offrire uno sconto su un prodotto che stanno visualizzando.

Per incoraggiare un'azione rapida, crea un senso di urgenza con frasi come "Offerta a tempo limitato" o sfrutta la paura di perdere qualcosa (FOMO) evidenziando ciò che potrebbero guadagnare agendo ora.

Aggiungere riprova sociale, come recensioni o statistiche, può anche costruire fiducia e rendere i tuoi popup più convincenti. Non dimenticare il ruolo del colore: tonalità audaci possono attirare l'attenzione, mentre toni più tenui creano fiducia e armonia.

Combinando queste strategie, puoi creare popup che attirano l'attenzione, si connettono con il tuo pubblico e spingono all'azione senza sembrare invadenti. Per maggiori informazioni su questo argomento, puoi consultare la nostra guida su come utilizzare la psicologia dei popup per aumentare le iscrizioni del 250%.

Domande frequenti: Come aggiungere un popup per moduli di contatto in WordPress

Hai domande sui popup dei moduli di contatto? Ecco risposte rapide per aiutarti a configurarli nel modo giusto.

Come posso assicurarmi che il mio popup del modulo di contatto non sia fastidioso?

Tutto dipende dal tempismo e dal contesto. Per evitare di frustrare i visitatori, mostra i popup in base al comportamento, come dopo pochi secondi sulla pagina o quando qualcuno scorre verso il basso. Strumenti come OptinMonster ti permettono di perfezionare queste impostazioni in modo che il tuo popup sembri utile, non invadente.

Posso usare un popup con modulo di contatto per i visitatori da dispositivi mobili?

Sì, ma tieni presente lo spazio sullo schermo. WPForms e OptinMonster sono responsive per dispositivi mobili, il che significa che i tuoi popup si adatteranno a schermi più piccoli. Assicurati solo che il design sia pulito e facile da chiudere sui dispositivi mobili.

Come posso monitorare le prestazioni dei miei popup con modulo di contatto?

Puoi utilizzare MonsterInsights per monitorare metriche importanti dei moduli come visualizzazioni, clic e conversioni, tutto dalla tua dashboard di WordPress. Questo ti aiuta a capire cosa funziona e dove puoi migliorare.

Un popup con modulo di contatto rallenterà il mio sito?

Non se è costruito e configurato correttamente. Strumenti leggeri come WPForms e OptinMonster sono ottimizzati per le prestazioni, quindi non rallenteranno notevolmente il tuo sito se usati correttamente.

Tutorial video

Prima di andare, abbiamo preparato un tutorial video su come aggiungere un popup con modulo di contatto al tuo sito WordPress. Assicurati di dargli un'occhiata!

Esplora le nostre guide sui moduli WordPress

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere un popup con modulo di contatto in WordPress. Successivamente, potresti anche voler consultare le nostre guide su:

• Come usare i moduli di contatto per far crescere la tua lista email in WordPress
• Come creare un modulo di contatto con destinatari multipli
• Come inviare email di conferma dopo l'invio di moduli WordPress
• Come monitorare e ridurre l'abbandono dei moduli
• Il modulo WordPress non funziona: suggerimenti per la risoluzione dei problemi
• La guida definitiva all'uso dei moduli WordPress

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