Come aggiungere un popup del modulo di contatto in WordPress

Stai cercando un modo semplice per mostrare un popup del modulo di contatto sul tuo sito Web WordPress?

I moduli di contatto sono ottimi per comunicare con i tuoi visitatori. Metterli in un popup rende ancora più facile per i tuoi clienti contattarti in merito ai tuoi prodotti e servizi.

In questo articolo, ti mostreremo come aggiungere un popup del modulo di contatto in WordPress.

Perché utilizzare un popup del modulo di contatto?

Ogni sito Web o blog WordPress necessita di un modulo di contatto in modo che gli utenti possano contattare con domande, feedback o 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 finire per abbandonare il tuo sito prima di contattarti e potresti perdere potenziali lead e conversioni.

Un popup del modulo di contatto aiuta a risolvere questo problema consentendo ai tuoi visitatori di visualizzare rapidamente il modulo facendo clic su un pulsante, in modo che possano mettersi in contatto con te da qualunque pagina si trovino.

Aiuta a mantenere le persone sul tuo sito Web, poiché non devono uscire dalla pagina che stanno visualizzando. Puoi anche ampliare la tua mailing list utilizzando un popup del modulo di contatto.

Detto questo, dovrai prima creare un modulo di contatto e poi inserirlo in un popup da visualizzare sulle tue pagine web. Non preoccuparti, ti guideremo nella creazione di un modulo di contatto e nell'aggiunta a un popup in WordPress.

Come creare un modulo di contatto WordPress

Innanzitutto, dovrai selezionare un plug-in del modulo di contatto di WordPress.

Ci sono molte opzioni gratuite e a pagamento tra cui puoi scegliere, ma ti consigliamo di utilizzare WPForms in quanto è l'opzione migliore.

WPForms è un plug-in per moduli adatto ai principianti e offre un builder drag & drop che ti consente di creare un modulo di contatto in WordPress in pochi clic. Offre anche modelli di moduli predefiniti e molte opzioni di personalizzazione.

Per questo tutorial, utilizzeremo la versione di WPForms Lite perché è 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 più modelli di modulo, più opzioni di personalizzazione, potenti componenti aggiuntivi e ti consente di riscuotere pagamenti online.

Per iniziare, devi prima installare e attivare il plug-in WPForms Lite. Se hai bisogno di aiuto, consulta la nostra guida passo passo su come installare un plugin per 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 dashboard di WordPress.

Successivamente, WPForms ti chiederà di inserire un nome per il tuo modulo e selezionare un modello.

Vai avanti e seleziona il modello "Modulo di contatto semplice".

Successivamente, puoi aggiungere campi nel modulo utilizzando il builder drag-and-drop.

Trascina semplicemente i campi che desideri aggiungere al modulo dalle opzioni fornite nel menu alla tua 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 dell'etichetta e del formato. Puoi persino aggiungere una descrizione o contrassegnare qualsiasi campo come richiesto.

Al termine, vai avanti e fai clic sull'opzione "Impostazioni" per configurare la notifica e la conferma del modulo.

Nelle impostazioni generali, puoi rinominare il modulo, modificare il testo del pulsante di invio, abilitare la protezione anti-spam e altro.

Successivamente, puoi andare all'opzione Impostazioni notifiche. Per impostazione predefinita, le notifiche vengono inviate all'e-mail dell'amministratore impostata sul tuo sito Web WordPress.

Tuttavia, puoi inviare la notifica del modulo di contatto a qualsiasi indirizzo email che desideri. Se desideri ricevere notifiche su più e-mail, separa ogni e-mail con una virgola.

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

Successivamente, vai avanti e fai clic sull'opzione Conferme.

WPForms utilizzerà "Messaggio" come tipo di conferma predefinito, in cui i tuoi visitatori vedranno un messaggio di ringraziamento dopo aver inviato un modulo.

Tuttavia, puoi modificare il tipo di messaggio e reindirizzare gli utenti a una pagina specifica del tuo sito Web quando completano un modulo.

Una volta che hai finito di creare un modulo di contatto, assicurati di fare clic sul pulsante "Salva" nell'angolo in alto a destra per salvare le modifiche.

Successivamente, fai clic sull'opzione "Incorpora" nell'angolo in alto accanto al pulsante Salva.

Quando viene visualizzata una nuova finestra, seleziona l'opzione "usa uno shortcode".

WPForms visualizzerà uno shortcode per il modulo di contatto non appena si fa clic sul collegamento. Ti consigliamo di tenere aperta questa scheda/finestra poiché ne avrai bisogno nel passaggio successivo, dove ti mostreremo come aggiungere il modulo di contatto in un popup.

Aggiungi un popup del modulo di contatto al tuo sito WordPress

Per creare un popup del modulo di contatto, avrai bisogno di un plug-in popup di WordPress.

Ti consigliamo di utilizzare OptinMonster in quanto è il miglior plug-in per la generazione di lead e l'ottimizzazione della conversione per WordPress. Oltre 1,2 milioni di siti Web utilizzano questo potente strumento.

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

Dovrai prima registrarti per un account visitando il sito web di OptinMonster. Basta visitare il sito Web e fare clic sul pulsante "Ottieni OptinMonster ora".

Successivamente, dovrai installare e attivare il plug-in gratuito OptinMonster sul tuo sito web. Per maggiori dettagli, segui la nostra guida su come installare un plugin per WordPress.

Dopo che il plug-in è attivo, vedrai la procedura guidata di installazione. Vai avanti e fai clic sul pulsante "Collega il tuo account esistente".

Apparirà ora una finestra popup e OptinMonster chiederà di connettersi al tuo account.

Basta fare clic sul pulsante "Connetti a WordPress".

Ora che il tuo account è connesso, la prossima cosa è creare una nuova campagna per il tuo popup del 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 del modulo di contatto, seleziona "Popup" come tipo di campagna.

Successivamente, scorri verso il basso per scegliere un modello per il tuo popup. OptinMonster offre oltre 75 design attraenti e altamente convertibili per i tuoi popup.

Puoi selezionare qualsiasi modello che ti piace. Successivamente, inserisci un nome per la tua campagna e fai clic sul pulsante "Inizia a creare".

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

Ora vedrai apparire diversi blocchi nel menu alla tua sinistra. Vai semplicemente al blocco "WPForms" e trascinalo sul tuo modello.

Successivamente, dovrai fare clic sul menu a discesa "Selezione modulo" dalle impostazioni del blocco nel menu a sinistra e selezionare l'opzione "Aggiungi shortcode manualmente".

Da qui, inserisci il tuo shortcode del modulo di contatto WPForms nel blocco. Per trovare il codice, torna alle impostazioni di incorporamento di WPForms e copia lo shortcode.

Una cosa importante da 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 sarà 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 della regola di visualizzazione e selezionare diversi attivatori e opzioni di targeting.

Suggeriamo di utilizzare il targeting MonsterLink (On Click). 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 collegamento in WordPress.

Il tuo codice MonsterLink avrà questo aspetto in HTML:

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

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

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

Ad esempio, supponiamo che tu voglia aggiungere un pulsante Contattaci sul tuo sito. Puoi iniziare modificando qualsiasi pagina o post e andare al tuo editor di WordPress. Successivamente, fai clic sul segno più (+) in alto e aggiungi un blocco "Pulsanti".

Successivamente, puoi inserire un testo per il tuo pulsante e quindi fare clic sull'icona del collegamento.

Ora aggiungi l'URL di MonsterLink al tuo pulsante.

Dopo averlo fatto, pubblica il tuo post o pagina WordPress. Il MonsterLink sarà ora aggiunto al tuo pulsante Contattaci.

Successivamente, torna 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 viene visualizzato il popup.

Vai avanti e fai clic sul pulsante "Avanti" quando sei soddisfatto delle impostazioni.

Successivamente, OptinMonster mostrerà un riepilogo delle impostazioni della regola di visualizzazione.

Questo aiuta ad assicurarti di aver impostato correttamente quando le tue campagne appariranno sul tuo sito web.

Ora sei pronto per portare in diretta la tua campagna e pubblicare il 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 dal vivo di come apparirà il tuo popup sul tuo sito web.

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

Puoi uscire dal generatore di campagne OptinMonster e controllare lo stato della tua campagna anche dalla dashboard di WordPress.

Basta fare clic sul menu a discesa "Stato" sulla destra e modificare lo stato da In attesa a Pubblicato.

Non dimenticare di salvare le modifiche.

Successivamente, vai al pulsante Contattaci che hai creato in precedenza con MonsterLink e guarda il popup del modulo di contatto in azione.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere un popup del modulo di contatto in WordPress. Potresti anche consultare la nostra guida su come scegliere il miglior costruttore di siti Web o il nostro confronto tra il miglior software di buste paga per le piccole imprese.

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