Creazione di moduli popup con OptinMonster

Volete aggiungere un modulo WordPress a un popup sul vostro sito? La visualizzazione di un modulo in un popup può essere un ottimo modo per generare più contatti e aumentare le vendite per la vostra azienda.

Questo tutorial vi mostrerà come creare un modulo popup con WPForms e OptinMonster.


Prima di iniziare, assicuratevi che WPForms sia installato e attivato sul vostro sito WordPress.

Installazione di OptinMonster

Per iniziare, installate OptinMonster, un potente plugin di WordPress per la creazione di popup e altre soluzioni di marketing.

Andate su Plugin " Aggiungi nuovo, quindi cercate il plugin OptinMonster nella barra di ricerca.

Cercare il plugin OptinMonster

Quindi, fare clic sul pulsante Installa ora per installare il plugin.

Fare clic su Installa ora OptinMonster

Una volta installato il plugin OptinMonster, fare clic su Attiva per abilitare il plugin.

Attivare OptinMonster

Nota: per ulteriore assistenza, consultate la guida di WPBeginner all'installazione dei plugin di WordPress.

Collegamento del vostro sito a OptinMonster

Quando attivate il plugin OptinMonster, vi verrà richiesto di collegare il vostro sito a OptinMonster tramite la procedura guidata. Se si dispone di un account OptinMonster, fare clic su Connetti il tuo account esistente per continuare.

La procedura di configurazione guidata di OptinMonster

Nota: se non si dispone di un account esistente, fare clic su Nuovo? Claim Your Free Account per creare un nuovo account. Per ulteriori informazioni su OptinMonster e le sue funzioni disponibili, consultate la pagina dei prezzi di OptinMonster.

Nella nuova finestra di dialogo visualizzata, fare clic su Connetti a WordPress.

Collegare OptinMonster a WordPress

OptinMonster si connetterà automaticamente al vostro sito non appena effettuerete l'accesso.

OptinMonster collegato

Creazione di un modulo

Ora che OptinMonster è stato installato, è il momento di impostare il modulo popup. Per iniziare, create un nuovo modulo.

Per questo esempio, creeremo il nostro modulo con il modello di modulo di contatto semplice. Per farlo, andare su WPForms " Aggiungi nuovo. Quindi, selezionare il modello di modulo di contatto semplice facendo clic sul pulsante Usa modello.

Modello di modulo di contatto semplice

Si accede così al costruttore di moduli, dove è possibile aggiungere altri campi trascinandoli nell'area di anteprima del modulo.

Campi trascinabili

Per rimuovere un campo dal modulo, passarci sopra e fare clic sull'icona rossa del cestino.

Cancellare un campo nel costruttore di moduli

Una volta terminata la modifica del modulo, assicurarsi di fare clic sul pulsante Salva per salvare le modifiche.

Salvare le modifiche al modulo

Dopo aver salvato il modulo, ulteriori personalizzazioni sono disponibili nella scheda Impostazioni.

Scheda Impostazioni del modulo

Se desiderate ricevere un'e-mail quando il vostro modulo viene inviato, consultate la nostra guida per impostare le notifiche dei moduli. Se volete, potete anche impostare delle impostazioni di conferma per il vostro modulo.

Nota: Alcuni campi di WPForms sono incompatibili con i popup di OptinMonster. Si consiglia di visualizzare in anteprima e testare il modulo nel popup prima di pubblicarlo sul sito.

Creare un popup in OptinMonster

Ora che il vostro modulo è pronto, siete pronti per iniziare a creare un popup. Per iniziare, andate su OptinMonster " Campagne e cliccate su Aggiungi nuovo.

Aggiungere una nuova campagna in OptinMonster

Si accede così alla schermata Modelli. Per impostazione predefinita, OptinMonster selezionerà Popup come tipo di campagna.

Il tipo di campagna selezionato è Popup

Scegliete un modello di popup da una qualsiasi delle categorie disponibili, oppure inserite il termine di ricerca che più si avvicina allo stile desiderato.

Selezionare un modello di popup in OptinMonster

Selezionare il modello che si desidera utilizzare, quindi fare clic sul pulsante Usa modello.

Fare clic sul pulsante Usa modello

Quindi, scegliere un nome per la campagna nella finestra di dialogo Crea campagna e fare clic sul pulsante Inizia a costruire per passare alla personalizzazione del popup.

Aggiungere il nome della campagna popup e iniziare a costruire

Successivamente, il popup si aprirà nell'app OptinMonster, dove potrete personalizzare la vostra campagna come preferite.

Modifica di una campagna nell'applicazione OptinMonster

Nota: per ulteriori informazioni sul lavoro con le campagne in OptinMonster, consultare la documentazione sulla progettazione delle campagne.

Incorporare il blocco WPForms

Per aggiungere un modulo al popup di OptinMonster, trovate il blocco WPForms nella barra laterale a sinistra. Potete anche cercare WPForms nella casella di ricerca.

Il blocco WPForms in OptinMonster

A questo punto, fare clic e trascinare il blocco WPForms nell'area del popup in cui si desidera che appaia. Quindi, selezionare il modulo precedentemente creato nell'elenco a discesa Selezione modulo.

Selezione di un modulo

Nota: se non vedete i vostri moduli nell'elenco a discesa, assicuratevi di aver collegato il vostro sito a OptinMonster.

Una volta terminata l'impostazione del popup, fare clic sul pulsante Salva per applicare le modifiche.

Fare clic sul pulsante di salvataggio di OptinMonster

Pubblicare il modulo popup

Ora che il popup è stato configurato, è il momento di pubblicarlo. Per farlo, occorre innanzitutto fare clic sulla scheda Pubblica.

Fare clic sulla scheda Pubblica

Quindi, fare clic sul pulsante Pubblica sotto Stato di pubblicazione.

Fare clic su Pubblica in Stato di pubblicazione

Ora il popup sarà attivo sul vostro sito.

Anteprima del modulo a comparsa

Se il popup non è stato pubblicato, seguire i passaggi per pubblicare il modulo, quindi fare clic sul pulsante Anteprima.

Fare clic sull'anteprima per visualizzare il popup

Nota: le anteprime sono disponibili solo dopo che il popup è stato pubblicato almeno una volta.

Questo caricherà il sito in una nuova scheda e mostrerà il popup con il modulo incorporato.

Anteprima del modulo

Se non si è pronti a rendere questo popup attivo, assicurarsi di reimpostare lo stato di pubblicazione su Bozza una volta terminata l'anteprima.

Nota: se si tenta di visualizzare l'anteprima della campagna OptinMonster in modalità bozza, si vedrà lo shortcode di WPForms invece dell'intero modulo. Questo è un comportamento normale e previsto. Per visualizzare l'intero modulo, è necessario pubblicare la campagna.

Domande frequenti

Di seguito, abbiamo risposto ad alcune delle domande più frequenti sulla creazione di un modulo popup in WPForms.

Ho cambiato il modulo utilizzato nel mio popup e ora ottengo solo uno shortcode. Cosa devo fare?

Se si è cambiato il modulo visualizzato dal popup, si noterà che il metodo di anteprima di cui sopra non funziona più. Invece, quando si visualizza l'anteprima del popup, si ottiene solo lo shortcode del modulo.

Il popup visualizza solo lo shortcode per il modulo

Per risolvere il problema, è necessario modificare temporaneamente lo stato di pubblicazione della campagna. Ad esempio, se lo stato di pubblicazione è impostato su Bozza, cambiatelo in Pubblicazione.

Fare clic su Pubblica in OptinMonster

Il modulo verrà aggiornato e caricato correttamente all'interno del popup di OptinMonster. Se non siete pronti a rendere il vostro popup attivo, assicuratevi di controllare che lo stato di pubblicazione sia impostato su Bozza una volta terminata l'anteprima.

Posso collegare il mio modulo popup con Google Sheets?

Sì. WPForms si integra perfettamente con Google Sheets. Questa integrazione è resa possibile dall'addon Google Sheets.

Nota: è necessario installare e attivare l'addon Google Sheets per collegare i moduli a un foglio di calcolo.

Dopo aver installato l'addon e averlo collegato al vostro account Google, sarete in grado di mappare i campi del modulo alle colonne del vostro foglio di calcolo.

Per saperne di più sul collegamento dei moduli a Google Sheets, consultate il nostro tutorial sull'addon Google Sheets.

Ecco fatto! Ora sapete come creare un modulo popup con WPForms.

Poi, volete testare i vostri moduli prima di pubblicarli? La nostra lista di controllo completa per il test dei moduli vi guiderà passo dopo passo.

Il miglior plugin per la creazione di moduli di WordPress con trascinamento e rilascio

Facile, veloce e sicuro. Unitevi agli oltre 6 milioni di proprietari di siti web che si fidano di WPForms.

Per completare questo modulo, abilitare JavaScript nel browser.