Come creare un modulo a comparsa in WordPress (2 semplici metodi)

I tuoi visitatori arrivano sulle tue pagine, le scorrono e se ne vanno senza mai compilare il modulo di contatto o iscriversi alla tua mailing list?

Un modulo a comparsa in WordPress potrebbe essere la soluzione che fa per te. Invece di sperare che i visitatori notino un modulo nascosto nella barra laterale o in fondo alla pagina, un popup lo mette proprio davanti ai loro occhi al momento giusto.

I moduli a comparsa più efficaci convertono quasi 1 visitatore su 10, un risultato nettamente superiore a quello della maggior parte dei moduli statici. In questa guida ti illustrerò passo dopo passo come creare un modulo a comparsa utilizzando due metodi diversi!

Come creare un modulo a comparsa in WordPress

Prima di passare ai tutorial, vediamo brevemente perché vale la pena dedicare del tempo ai moduli a comparsa e cosa ti serve per iniziare.

Perché utilizzare un modulo popup di WordPress?

Quando un visitatore sta per abbandonare il tuo sito o sta leggendo i tuoi contenuti da un po', un pop-up che appare al momento giusto gli offre un motivo per fermarsi e interagire. Ecco alcuni dei modi più comuni in cui ho visto i gestori dei siti utilizzarli:

• Moduli di contatto: consentono ai visitatori di contattarti senza dover uscire dalla pagina in cui si trovano.
• Moduli di iscrizione alla newsletter: amplia la tua lista di iscritti catturando l'attenzione dei visitatori prima che abbandonino il sito.
• Moduli per l'acquisizione di contatti: raccogli le informazioni dei potenziali clienti che visitano le pagine dei tuoi moduli per l'acquisizione di contatti.
• Feedback e sondaggi: fai una breve domanda mentre l'esperienza del visitatore è ancora fresca nella sua memoria.
• Accesso e registrazione: consentire agli utenti già registrati di accedere rapidamente senza reindirizzamenti.
• Iscrizione agli eventi: promuovi webinar, workshop o lanci di prodotti tramite un modulo di registrazione mirato con procedura di iscrizione a conferma singola o doppia.

Ciò che conta di più sono il tempismo e la pertinenza. Un pop-up che si apre non appena qualcuno arriva sul tuo sito sembra invadente. Ma uno che compare dopo che l'utente ha fatto scorrere metà del tuo articolo, o proprio mentre sta per chiudere la scheda? Quello sembra utile.

Puoi anche combinare i moduli a comparsa con l'estensione Lead Forms di WPForms per creare layout di acquisizione dei lead ad alta conversione, oppure utilizzare i moduli conversazionali all'interno del tuo popup per un'esperienza che presenta una domanda alla volta, risultando così meno invadente.

Per iniziare: Creare il modulo

Prima di creare un popup, è necessario creare un modulo in WPForms. Questo tutorial funziona con qualsiasi versione, compresa WPForms Lite.

Tieni presente che WPForms Lite invia i dati inseriti tramite e-mail, ma non li salva in WordPress. Ti consiglio WPForms Pro se desideri poter esportare in un secondo momento i dati inseriti nel modulo su altre piattaforme.

Dai un'occhiata a questo post per scoprire le differenze tra WPForms Lite e WPForms Pro. Una volta installato e attivato WPForms, vai su WPForms » Aggiungi nuovo per creare un nuovo modulo.

Verrà visualizzata la schermata di configurazione del modulo con una libreria di oltre 2.100 modelli. Per un modulo a comparsa, cerca di mantenerlo breve e conciso. Meno campi ci sono, minore è l'attrito, specialmente sugli schermi dei dispositivi mobili.

Userò il modello "Modulo di contatto semplice" come punto di partenza, ma potresti scegliere altrettanto facilmente un modello per l'iscrizione alla newsletter, un modulo di feedback o qualsiasi altro modello che si adatti al tuo obiettivo.

WPForms carica il tuo modello e ti porta al generatore drag-and-drop. Il modulo di contatto semplice include i campi Nome, E-mail e Testo, che sono tutto ciò di cui abbiamo bisogno per ora.

Se preferisci incorporare un modulo direttamente nel tuo sito web invece di utilizzare un popup, WPForms supporta anche questa opzione. Tuttavia, in questa guida seguiremo la procedura con il popup.

Quando si è soddisfatti dell'aspetto del modulo, premere Salva. Ora siamo pronti per passare al popup. Iniziamo con OptinMonster.

Metodo 1: Creare un modulo a comparsa con OptinMonster

OptinMonster è un popolare plugin WordPress per popup utilizzato su oltre 1 milione di siti. È specializzato in popup, barre fluttuanti, slide-in e altre campagne di generazione di lead.

OptinMonster include uno strumento di creazione delle campagne "drag-and-drop" che ti permette di progettare i tuoi popup e impostare le regole di targeting. Il plugin per WordPress si occupa poi di visualizzare tali campagne sul tuo sito.

Quando installi OptinMonster, ricevi un account gratuito con 3 campagne e 500 crediti per le visualizzazioni delle campagne. È sufficiente per configurare il tuo primo modulo pop-up e testarlo con traffico reale.

I piani a pagamento partono da 7 $ al mese (fatturati annualmente) se hai bisogno di più campagne, trigger avanzati come l'exit intent o funzionalità come i test A/B.

1. Installare OptinMonster

Puoi scaricare il plugin OptinMonster dalla directory dei plugin di WordPress e installarlo sul tuo sito.

Se non sai come installare un plugin di WordPress, segui queste istruzioni per aggiungere OptinMonster al tuo sito WordPress.

2. Creare una campagna popup

Ora creiamo la tua campagna pop-up. Clicca su OptinMonster » Campagne dal menu laterale di WordPress.

Verrai reindirizzato alla pagina di creazione della campagna, dove potrai definire gli obiettivi e altri aspetti del tuo popup. Clicca sul pulsante «Crea la tua prima campagna ».

Tra le opzioni disponibili, seleziona "Popup " come tipo di campagna. Scorri verso il basso e scegli un modello. Passa il mouse su un modello e clicca su "Usa modello " per selezionarlo.

Mi piace usare la campagna "Basic" per i pop-up perché è facile da personalizzare e rappresenta un ottimo punto di partenza. È abbastanza flessibile da adattarsi a diversi tipi di moduli e metodi di registrazione.

OptinMonster ti chiederà di assegnare un nome alla tua campagna. Inserisci un nome e clicca su "Inizia a creare". Ai fini di questo tutorial, ho semplicemente inserito "Modulo popup WordPress".

Una volta aggiunto un nome alla tua campagna, verrai reindirizzato al generatore di campagne di OptinMonster con il tuo modello già caricato.

Il modello include già dei campi per l'iscrizione, ma li sostituiremo con il nostro modulo WPForms in modo da poter utilizzare le integrazioni e la gestione delle iscrizioni offerte da WPForms.

Per prima cosa, modifica il testo dell'intestazione del popup. Cliccaci sopra e digita un messaggio che spieghi ai visitatori a cosa serve il modulo. Successivamente, elimina i campi di iscrizione già presenti nel modello. Passa con il mouse su ciascun campo e clicca sull'icona del cestino per rimuoverlo.

Ora trascina il blocco WPForms nell'area della campagna, proprio sotto il testo dell'intestazione. OptinMonster dispone di un'integrazione nativa con WPForms, il che rende l'operazione semplicissima.

Dopo aver aggiunto il blocco WPForms, cliccaci sopra. Nel pannello delle impostazioni a sinistra, apri il menu a tendina " Selezione modulo " e seleziona il modulo che hai creato in precedenza.

Fantastico! Abbiamo quasi finito di creare un modulo popup per WordPress utilizzando il primo metodo. Ora dobbiamo solo pubblicarlo!

3. Anteprima e pubblicazione del modulo popup

Poiché OptinMonster utilizza shortcode per incorporare i moduli realizzati con WPForms, non è possibile vedere immediatamente un'anteprima live del modulo all'interno della campagna di moduli popup.

Tuttavia, puoi visualizzarne l'anteprima prima di pubblicarlo. Per farlo, clicca sul pulsantePubblicanella barra di navigazione in alto.

In questa schermata è presente un pulsante di anteprima. Cliccando sul pulsantedi anteprimaverrai reindirizzato alla pagina pubblica del tuo sito, dove il modulo apparirà sullo schermo, proprio come vedrebbero i tuoi visitatori.

Ora, OptinMonster attiverà il modulo popup di WordPress al caricamento della pagina. Ecco come appare nel nostro esempio:

L'anteprima consente di ricontrollare tutto prima di pubblicare la campagna.

Quando sei soddisfatto dell'aspetto del modulo a comparsa, premi il pulsante«Pubblica» nella sezione«Stato di pubblicazione».

La tua campagna è ora attiva. Il modulo a comparsa verrà visualizzato per tutti gli utenti che visitano il tuo sito. Se lo desideri, puoi anche modificare le regole di visualizzazione del tuo modulo a comparsa di WordPress.

Torna aOptinMonster» Campagne. Individua la campagna che hai appena creato e passa il cursore del mouse su di essa. Quindi, cliccasull'opzione"Impostazioni di output".

Qui puoi impostare le regole di visibilità: mostrarlo solo agli utenti registrati, solo ai visitatori o a entrambi. Puoi anche includere o escludere pagine specifiche.

Dopo aver modificato le impostazioni di visualizzazione secondo le tue preferenze, assicurati di premere il pulsante verde"Salva modifiche" situato sulla destra. Ecco tutto ciò che devi fare per creare una campagna con moduli pop-up su WordPress utilizzando OptinMonster e WPForms!

Metodo 2: Creare un modulo a comparsa con Popup Maker

Se preferisci utilizzare una soluzione diversa, Popup Maker rappresenta un'ottima alternativa a OptinMonster. Si tratta di un plugin per popup di WordPress utilizzato su oltre 700.000 siti, con una valutazione di 4,9 stelle basata su oltre 4.400 recensioni.

Popup Maker offre una versione gratuita e una versione Pro a pagamento. La versione gratuita ti offre tutto ciò che ti serve per creare moduli popup di base: un editor visivo dei popup, trigger basati su intervallo di tempo e clic, targeting a livello di pagina e controlli sui cookie.

Popup Maker Pro (99 $/anno) offre trigger basati sull'intenzione di uscita, trigger basati sulla profondità di scorrimento, analisi delle conversioni, targeting avanzato e pianificazione. Nessun piano prevede limiti di traffico o canoni mensili.

Se preferite una soluzione che vi permetta di creare un modulo popup completamente dalla vostra dashboard di WordPress, allora il prossimo metodo fa per voi.

1. Installare Popup Maker

Per questo tutorial, la versione gratuita di Popup Maker andrà benissimo. Non è potente come il plugin OptinMonster, ma funziona altrettanto bene con WPForms.

Proprio come abbiamo fatto in precedenza, utilizzeremo il modulo creato all'inizio con WPForms e lo incorporeremo nel popup.

2. Creare un popup in Popup Maker

Entrate nel plugin Popup Maker per creare il vostro popup. Questo plugin gratuito per WordPress consente di creare popup da zero, in modo semplice.

Accedi alla dashboard di WordPress, vai su Popup Maker » Aggiungi nuovo popup e vedrai apparire la schermata di modifica del popup.

In questa schermata, si dovrà inserire un nome per il popup. È anche possibile inserire un titolo opzionale, come abbiamo fatto in questo esempio.

Ora è il momento di aggiungere il tuo modulo WPForms. Clicca sul pulsante + nell'editor a blocchi per aggiungere un nuovo blocco, poi cerca WPForms e selezionalo. Scegli il modulo che hai creato in precedenza dal menu a tendina.

Se non vedi il blocco WPForms, puoi anche aggiungere un Codice breve seleziona e incolla lo shortcode di WPForms (ad es., ). Troverai l'ID del modulo in WPForms " Tutti i moduli.

Ora scorri verso il basso fino alla casella " Impostazioni popup " sotto l'editor. Qui puoi configurare i trigger, il targeting e le opzioni di visualizzazione.

Nella scheda " Trigger ", clicca su "Aggiungi nuovo trigger " e seleziona "Ritardo / Apertura automatica". In questo modo, il popup verrà visualizzato dopo che i visitatori saranno rimasti sulla pagina per un determinato periodo di tempo.

Di solito imposto questo valore su 5 secondi (5.000 millisecondi), in modo da dare ai visitatori un attimo di tempo per iniziare a leggere prima che compaia il popup. Clicca su "Aggiungi" per salvare il trigger.

Ogni trigger dispone inoltre di un'impostazione relativa ai cookie che determina la frequenza con cui il popup viene visualizzato nuovamente. Il cookie predefinito "Alla chiusura del popup" impedisce che il popup venga visualizzato nuovamente per un mese dopo che il visitatore lo ha chiuso.

Nella scheda "Destinazione " puoi scegliere su quali pagine visualizzare il popup. L'impostazione predefinita prevede la visualizzazione solo sulla tua home page. Puoi aggiungere regole per mostrare il popup su tutte le pagine, su post specifici, su categorie o su tipi di post personalizzati.

Nella scheda "Visualizzazione", seleziona un tema per personalizzare l'aspetto del tuo popup. Popup Maker include diversi temi predefiniti, oppure puoi crearne di personalizzati nella sezione Popup Maker » Temi popup.

3. Pubblica e prova il tuo popup

Una volta che sei soddisfatto delle impostazioni del popup, scorri la pagina verso l'alto fino all'inizio e clicca sul pulsante "Pubblica " per rendere attivo il tuo modulo popup di WordPress.

Ed ecco fatto! Ora potete visualizzare l'anteprima del vostro modulo popup di WordPress per assicurarvi che sia esattamente come lo desiderate e regolare le impostazioni di conseguenza.

Per creare altri popup per i moduli di contatto, potete ripetere questo processo e personalizzare le impostazioni e le regole di visualizzazione per farli apparire su diversi post o pagine, ecc. Oppure potete essere creativi e creare un sondaggio popup per WordPress.

Quale plugin dovresti scegliere?

Entrambi i plugin svolgono il loro compito, ma sono pensati per situazioni diverse. Ecco un confronto diretto per aiutarti a scegliere:

Caratteristica	OptinMonster	Creatore di popup
Tipo di plugin	Plugin WordPress con generatore basato su cloud	100% nativo di WordPress
Versione gratuita	3 campagne, 500 visualizzazioni	Pop-up illimitati, nessun limite di traffico
Piani a pagamento	A partire da 7 $ al mese (addebito annuale)	Pro 99 $/anno, Pro+ 249 $/anno
Integrazione dei moduli	Blocco nativo di WPForms	Blocco WPForms, shortcode e oltre 15 plugin per moduli
Trigger gratuiti	Ritardo, scorrimento, clic	Ritardo, clic, invio del modulo
Intento di uscita	Piano Pro (29 $ al mese)	Piano Pro (99 $ all'anno)
Test A/B	Piano Plus (19 $ al mese)	Non disponibile
Analisi	Incluso in tutti i piani	Piano Pro e superiori
Archiviazione dei dati	Cloud (server OptinMonster)	Il tuo database di WordPress
Installazioni attive	1,000,000+	700,000+

Per la maggior parte dei proprietari di siti WordPress che creano il loro primo modulo pop-up, consiglierei di iniziare con la versione gratuita di Popup Maker. Tuttavia, se avete bisogno di pop-up basati sull'intenzione di uscita o di test A/B, OptinMonster rappresenta l'opzione migliore in termini di funzionalità avanzate.

Migliori pratiche per i moduli a comparsa in WordPress

• Scrivi un titolo chiaro: il tuo popup ha circa 2 secondi per giustificare l'interruzione. «Ricevi i nostri consigli settimanali su WordPress» è meglio di «Iscriviti alla nostra newsletter». Spiega ai visitatori esattamente cosa riceveranno.
• Scegli con cura i momenti in cui attivare i trigger: non far apparire un popup nell'istante stesso in cui qualcuno arriva sulla tua pagina. Un ritardo di 5-10 secondi o un trigger basato sullo scorrimento (dopo aver visualizzato il 50% della pagina) permette ai visitatori di interagire prima con i tuoi contenuti. I trigger basati sull'intenzione di uscita funzionano bene perché si attivano solo quando il visitatore sta già per andarsene.
• Crea moduli brevi per i dispositivi mobili: oltre la metà del traffico web proviene da smartphone e tablet. Limita i moduli a comparsa a un massimo di 2-3 campi. Spesso bastano il nome e l'indirizzo e-mail. Potrai sempre raccogliere ulteriori informazioni in un secondo momento tramite e-mail di follow-up o un modulo completo su una pagina dedicata.
• Usa le regole dei cookie per gestire la frequenza: niente allontana i visitatori più rapidamente che vedere lo stesso popup su ogni pagina, a ogni visita. Sia OptinMonster che Popup Maker ti consentono di impostare regole relative ai cookie in modo che un popup venga visualizzato solo una volta per sessione, una volta alla settimana o una sola volta in assoluto.
• Inserisci un pulsante di chiusura ben visibile: offri sempre ai visitatori un modo chiaro per chiudere il pop-up. Un pulsante a forma di X a contrasto elevato o un link con la dicitura «No, grazie» contribuisce a creare fiducia. Costringere gli utenti a interagire con un pulsante di chiusura nascosto danneggia il tuo marchio più di quanto favorisca le conversioni.

Domande frequenti sui moduli a comparsa di WordPress

Ecco le risposte alle domande più frequenti sulla creazione di moduli a comparsa in WordPress.

Posso creare un modulo pop-up su WordPress gratuitamente?

Sì. Entrambi i metodi descritti in questa guida utilizzano strumenti gratuiti. WPForms Lite è gratuito, OptinMonster offre un account gratuito con 3 campagne e 500 visualizzazioni, mentre la versione gratuita di Popup Maker include popup illimitati senza limiti di traffico. Puoi creare un modulo popup perfettamente funzionante senza spendere nulla.

Come faccio ad attivare un modulo a comparsa quando si clicca su un pulsante in WordPress?

Con Popup Maker, usa il trigger "Clicca per aprire" (disponibile nella versione gratuita). Aggiungi una classe CSS (come popmake-123(dove 123 è l'ID del tuo popup) a qualsiasi pulsante o link: cliccandoci sopra si aprirà il popup. In OptinMonster, la funzione equivalente si chiama MonsterLinks: qui puoi creare un link speciale che, una volta cliccato, apre una campagna specifica.

Come si crea un modulo a comparsa in Elementor?

Elementor Pro include un generatore di popup integrato. Puoi creare un modello di popup, aggiungervi qualsiasi widget per moduli (compreso WPForms) e impostare le condizioni di visualizzazione e i trigger direttamente nell'editor di Elementor. Se utilizzi la versione gratuita di Elementor, avrai bisogno di un plugin per popup separato, come Popup Maker, da abbinare al tuo generatore di moduli.

Qual è il miglior plugin per popup su WordPress?

Dipende dalle tue esigenze e dal tuo budget. Per un'analisi completa, dai un'occhiata alla nostra guida ai migliori plugin per popup di WordPress. OptinMonster e Popup Maker sono due delle opzioni più popolari e quelle da cui ti consiglio di iniziare.

Passo successivo: aumenta le conversioni dal modulo

Ora che sai come creare un modulo pop-up su WordPress, potresti voler scoprire anche altri modi per migliorare il tasso di conversione dei tuoi moduli. Dai un'occhiata alla nostra guida sugli esempi di moduli per la generazione di lead per trovare ispirazione su come creare moduli che portino davvero a conversioni.

Costruite ora il vostro modulo WordPress

Siete pronti a creare il vostro modulo? Iniziate oggi stesso con il più semplice plugin per la creazione di moduli per WordPress. WPForms Pro include molti modelli gratuiti e offre una garanzia di rimborso di 14 giorni.

Se questo articolo ti è stato utile, seguici su Facebook e X (ex Twitter) per altri tutorial e guide gratuite su WordPress.