Come creare un tappetino di benvenuto per il tuo sito WordPress (+ Esempi)

Vuoi aggiungere un tappetino di benvenuto a schermo intero al tuo sito web?

Un tappetino di benvenuto è un overlay dinamico a schermo intero che può aiutarti a ottenere più abbonati alla newsletter, download di eBook, vendite per i tuoi prodotti e altro ancora.

In questo articolo, condivideremo come creare un tappetino di benvenuto per il tuo sito WordPress, insieme ad alcuni fantastici esempi di tappetini di benvenuto da cui imparare.

Perché un tappetino di benvenuto può aumentare le tue conversioni

Più del 70% dei visitatori che lasciano il tuo sito Web WordPress non torneranno mai più a meno che tu non li converta in abbonati o clienti e-mail.

Un tappetino di benvenuto è un grande interstitial a schermo intero che blocca la visualizzazione del resto dei contenuti del tuo sito web per catturare l'attenzione dell'utente.

Potrebbe sembrare una cattiva idea, ma è un ottimo modo per far arrivare subito il tuo messaggio ai visitatori.

Se i visitatori non vogliono ciò che offri, possono semplicemente chiudere il tappetino di benvenuto.

Ovviamente, vorrai dare alle persone un buon motivo per iscriversi se stai mostrando un tappetino di benvenuto invece di un popup con l'intenzione di uscire, come un codice sconto o anche un omaggio.

Ad esempio, potresti aver visto famosi negozi di e-commerce offrire uno sconto speciale utilizzando un tappetino di benvenuto a schermo intero con ludicizzazione.

In altri casi, potresti aver visto blogger famosi utilizzare un tappetino di benvenuto a schermo intero per far crescere la loro newsletter via email.

Detto questo, diamo un'occhiata a come aggiungere facilmente un tappetino di benvenuto al tuo sito web.

Come creare un tappetino di benvenuto per il tuo sito web

Il modo più semplice per creare un tappetino di benvenuto in WordPress è utilizzare OptinMonster. È il miglior software di lead generation al mondo e ti consente di creare facilmente moduli optin, inclusi tappetini di benvenuto.

Innanzitutto, dovrai visitare il sito Web di OptinMonster e registrarti per un account. Avrai bisogno almeno del piano Basic per creare overlay a schermo intero.

Successivamente, dovrai installare e attivare il plug-in WordPress OptinMonster. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress.

Il plug-in collega l'app OptinMonster al tuo sito web. Una volta attivato il plug-in, vedrai la procedura guidata di installazione nella dashboard di WordPress. Vai avanti e fai clic sul pulsante "Collega il tuo account esistente".

Successivamente, si aprirà una nuova finestra.

Basta fare clic sul pulsante "Connetti a WordPress".

Ora sei pronto per creare il tuo tappetino di benvenuto.

Creazione di un tappetino di benvenuto per il tuo sito web

Puoi andare su OptinMonster »Campagne per creare una nuova campagna.

Vai avanti e fai clic sul pulsante "Crea la tua prima campagna" per iniziare a creare il tuo tappetino di benvenuto.

Apparirà ora una nuova finestra in cui è possibile selezionare modelli predefiniti o scegliere campagne pronte all'uso e lead magnet, ispirati a marchi di successo. OptinMonster ti dà anche la possibilità di assumere uno specialista per personalizzare le tue campagne.

Per questo tutorial, useremo l'opzione 'Modelli'.

Questo ti porterà al generatore di campagne OptinMonster.

Successivamente, scegli "Schermo intero" per il tipo di campagna.

Dovrai scegliere un modello per la tua campagna. Useremo il modello "Ingresso", ma puoi sceglierne uno diverso se lo desideri.

Dopo aver selezionato un modello, vai avanti e inserisci un nome per la tua campagna e fai clic sul pulsante "Inizia a creare".

Successivamente, puoi personalizzare la tua campagna utilizzando il builder drag-and-drop. Puoi cambiare tutto quello che vuoi qui.

Esistono diversi blocchi che possono essere aggiunti alla campagna, come immagini, testo, pulsanti e altro. Dovrai anche modificare il testo in modo che corrisponda alla tua offerta.

Fai semplicemente clic su qualsiasi elemento e vedrai che puoi modificarlo nel riquadro di sinistra.

Ad esempio, cambieremo il titolo del tappetino di benvenuto a schermo intero per la nostra campagna demo.

Il prossimo passo è far scivolare il tuo tappetino di benvenuto. Puoi farlo facendo clic sull'icona a forma di ingranaggio Impostazioni in basso a sinistra.

Da qui, devi attivare "Visualizza una pagina diapositiva?" opzione per abilitarlo.

Ciò significa che il tuo tappetino di benvenuto scivolerà verso il basso dalla parte superiore dello schermo invece di scomparire.

Successivamente, devi passare alla visualizzazione "Successo" del tuo tappetino di benvenuto. Questo è ciò che vedranno i tuoi utenti dopo aver eseguito l'azione desiderata. Se lo desideri, puoi personalizzare la visualizzazione di successo o utilizzare il modello predefinito.

Una volta che sei soddisfatto del tuo tappetino di benvenuto, puoi impostare come verrà visualizzato sul tuo sito.

Visualizzazione del tappetino di benvenuto sul tuo sito WordPress

Puoi impostare come visualizzare il popup del tappetino di benvenuto passando alla scheda "Regole di visualizzazione" in OptinMonster.

Ci sono molte opzioni di personalizzazione e targeting come la posizione degli utenti, quali articoli hanno nel loro carrello e-commerce, cosa hanno fatto in precedenza sul tuo sito, intenzione di uscita e altro ancora.

Per impostazione predefinita, le campagne OptinMonster vengono visualizzate su tutte le pagine del tuo sito dopo che il visitatore è stato lì per 5 secondi.

Poiché si tratta di un tappetino di benvenuto, probabilmente vorrai che venga visualizzato immediatamente. Basta cambiare questo valore a 0 secondi.

Per impostazione predefinita, il tappetino di benvenuto verrà visualizzato su ogni pagina del tuo sito. Puoi facilmente includere o escludere pagine specifiche utilizzando le regole di personalizzazione di OptinMonster.

Puoi fare clic sul pulsante "Passaggio successivo" quando hai finito.

Successivamente, vedrai più opzioni per visualizzare la tua campagna. Ad esempio, puoi aggiungere un effetto o riprodurre un suono quando la campagna appare sullo schermo di un utente.

Per questo tutorial, utilizzeremo le impostazioni predefinite e faremo clic sul pulsante "Passaggio successivo".

Nella schermata successiva, vedrai un riepilogo delle impostazioni delle regole di visualizzazione.

Puoi modificare le impostazioni prima di pubblicare la campagna.

Una volta che sei pronto per pubblicare il tuo tappetino di benvenuto, vai semplicemente alla scheda "Pubblica" nella parte superiore dello schermo.

Vai avanti e modifica lo stato di pubblicazione da "Bozza" a "Pubblica".

Non dimenticare di fare clic su "Salva" per memorizzare le modifiche e chiudere il generatore di campagne.

Successivamente, vedrai le impostazioni di output di WordPress per la tua campagna. Assicurati che la tua campagna sia pubblicata.

In caso contrario, fai semplicemente clic sul menu a discesa Stato e seleziona l'opzione "Pubblicato". Non dimenticare di fare clic sul pulsante "Salva modifiche" quando hai finito.

Per controllare la tua campagna, puoi visitare il tuo sito web in una nuova finestra del browser in incognito.

Dovresti vedere il tuo tappetino di benvenuto scorrere senza problemi dalla parte superiore dello schermo.

Esempi di fantastici tappetini di benvenuto

Diamo un'occhiata ad alcuni esempi di tappetini di benvenuto di diversi settori. Per ciascuno, analizzeremo ciò che stanno facendo bene, oltre a eventuali modifiche minori che potremmo suggerire.

1. Singolarità

Questo tappetino di benvenuto di Singularity ha spinto gli utenti a registrarsi e guardare il live streaming del Singularity University Global Summit. Ha avuto un enorme successo e ha acquisito oltre 2.000 nuove iscrizioni e-mail in meno di 9 giorni.

Ci piace particolarmente l'ottimo uso del logo, i caratteri chiari e il brillante "Remind Me!" pulsante.

2. Goins, scrittore

Questo tappetino di benvenuto di Goins, Writer offre una guida gratuita. È un'offerta chiara e semplice e il design minimalista è in linea con il resto del sito web.

Riteniamo che i pulsanti "Sì" e "No grazie" siano chiari e facili da usare e che l'uso dei numeri nel titolo costituisca un'offerta interessante.

3. AV web

Questo tappetino di benvenuto ha un'immagine grande e chiara di un piccolo aeroplano. È immediatamente accattivante.

Ci piace l'ottima immagine e il chiaro "Sign Me Up!" chiamare all'azione. Una piccola possibile modifica potrebbe essere quella di accorciare lo slogan per evitare che copra la parte superiore dell'immagine.

4. Paesaggi caricati

Questo tappetino di benvenuto di Loaded Landscapes è leggermente diverso dagli altri esempi. Lo sfondo è leggermente trasparente.

Ci piace l'offerta chiara e l'entusiasmo del pulsante rosso di invito all'azione. Lo sfondo del sito sotto il tappetino di benvenuto potrebbe distrarre un po', quindi potrebbe valere la pena cambiarlo per renderlo completamente opaco.

5. OttimizzaMyBnb

Questo tappetino di benvenuto è stato utilizzato su una pagina specifica, inclusa come collegamento cliccabile all'interno di un libro che il proprietario del sito Web ha venduto tramite rivenditori di terze parti. Tuttavia, questi rivenditori non hanno trasmesso i dettagli dei clienti. L'utilizzo di un tappetino di benvenuto in questo modo ha contribuito a catturare gli indirizzi e-mail dei clienti.

Riteniamo che il titolo molto chiaro, il sottotitolo e il testo dell'invito all'azione abbiano funzionato bene e che il pulsante "no, grazie" sia utilizzato bene per dare all'utente un'idea di FOMO.

Ci sono dozzine di altri esempi di tappetini di benvenuto a schermo intero che puoi vedere, ma non li abbiamo aggiunti tutti in questa guida.

Se stai cercando altra ispirazione, ecco alcune cose che puoi fare con un tappetino di benvenuto a schermo intero:

• Presenta un'offerta mirata o un coupon
• Mostra nuovi prodotti e servizi
• Fai sapere ai visitatori cosa aspettarsi dal sito
• Conquista nuovi abbonati mettendo in evidenza i loro contenuti migliori
• Indirizza i visitatori ai loro profili sui social media
• Raccogli gli abbonati e-mail come parte di una fase di pre-lancio

Se sei seriamente intenzionato a migliorare le conversioni del tuo sito web, allora il tappetino di benvenuto e persino gli interstitial di uscita a schermo intero sono alcuni degli elementi di conversione più elevati che puoi aggiungere al tuo sito web.

Ci auguriamo che questo articolo ti abbia aiutato a imparare come creare un tappetino di benvenuto per il tuo sito web e che tu abbia trovato gli esempi stimolanti. Potresti anche dare un'occhiata al nostro confronto tra i migliori servizi di email marketing e al nostro elenco dei plug-in WordPress indispensabili.

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