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

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

Su WPBeginner e altri marchi, utilizziamo costantemente tappetini di benvenuto per costruire la nostra lista email e promuovere diversi prodotti. Questo è un ottimo modo per aumentare le conversioni sul tuo sito web e incoraggiare le persone a tornare.

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

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

Oltre il 70% dei visitatori che lasciano il tuo sito web WordPress non tornerà mai più, a meno che tu non li converta in iscritti alla tua email o clienti.

Un tappetino di benvenuto è un grande intermezzo a schermo intero che blocca la vista del resto del contenuto 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.

Naturalmente, vorrai dare alle persone un buon motivo per iscriversi se stai mostrando un tappetino di benvenuto invece di un popup con intento di uscita, come un codice sconto o persino un omaggio.

Ad esempio, potresti aver visto popolari negozi di eCommerce offrire uno sconto speciale utilizzando un tappetino di benvenuto a schermo intero con gamification.

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

Ad esempio, puoi offrire una guida gratuita o un file PDF in cambio dell'indirizzo email di un utente.

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 di opt-in, inclusi i tappetini di benvenuto.

Puoi leggere la nostra recensione completa di OptinMonster per maggiori dettagli.

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 plugin OptinMonster per WordPress. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress.

Il plugin collega l'app OptinMonster al tuo sito web. Una volta attivato il plugin, vedrai la procedura guidata di configurazione nella tua bacheca di WordPress. Fai clic sul pulsante 'Collega il tuo account esistente'.

Successivamente, si aprirà una nuova finestra.

Fai semplicemente clic sul pulsante 'Connetti a WordPress'.

Ora sei pronto per creare il tuo tappetino di benvenuto.

Creare un tappetino di benvenuto per il tuo sito web

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

Fai clic sul pulsante ‘Crea la tua prima campagna’ per iniziare a creare il tuo tappetino di benvenuto.

Si aprirà una nuova finestra in cui potrai selezionare modelli predefiniti o scegliere campagne pronte all'uso e lead magnet, ispirati da brand di successo. OptinMonster ti offre anche la possibilità di assumere uno specialista per personalizzare le tue campagne.

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

Questo ti porterà all'editor di campagne di OptinMonster.

Successivamente, scegli ‘A 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 vuoi.

Una volta selezionato un modello, inserisci un nome per la tua campagna e fai clic sul pulsante ‘Inizia a costruire’.

Successivamente, puoi personalizzare la tua campagna utilizzando il builder drag-and-drop. Puoi cambiare qualsiasi cosa desideri qui.

Ci sono diversi blocchi che possono essere aggiunti alla campagna, come immagini, testo, pulsanti e altro ancora. Vorrai anche modificare il testo per corrispondere alla tua offerta.

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

Ad esempio, cambieremo l'intestazione del tappetino di benvenuto a schermo intero per la nostra campagna demo.

Il passo successivo è far scorrere il tuo tappetino di benvenuto. Puoi farlo facendo clic sull'icona dell'ingranaggio Impostazioni in basso a sinistra.

Da qui, devi attivare l'opzione 'Visualizza uno slide della pagina?' per abilitarla.

Ciò significa che il tuo tappetino di benvenuto scorrerà dall'alto dello schermo invece di dissolversi.

Successivamente, devi passare alla visualizzazione 'Successo' del tuo tappetino di benvenuto. Questo è ciò che i tuoi utenti vedranno dopo aver eseguito l'azione desiderata. Se vuoi, 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 tuo tappetino di benvenuto passando alla scheda 'Regole di visualizzazione' in OptinMonster.

Ci sono molte opzioni di personalizzazione e targeting come la posizione degli utenti, gli articoli che hanno nel loro carrello eCommerce, cosa hanno fatto in precedenza sul tuo sito, l'intento 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.

Dato che si tratta di un tappetino di benvenuto, probabilmente vorrai che venga visualizzato immediatamente. Cambia semplicemente 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 'Fatto? Vai alle azioni' quando hai finito.

Successivamente, vedrai altre opzioni per la visualizzazione della 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.

Scorrendo verso il basso, vedrai le Impostazioni Cookie per la tua campagna.

Ad esempio, puoi mostrare nuovamente la tua campagna se un utente ha già convertito dopo un certo numero di giorni. Allo stesso modo, ci sono anche opzioni per mostrare nuovamente la campagna a persone che hanno chiuso il popup o lo hanno visto ma non hanno convertito.

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

Puoi modificare le impostazioni prima di pubblicare la campagna.

Una volta che sei pronto a rendere attivo il tuo tappetino di benvenuto, vai semplicemente alla scheda 'Pubblica' in alto sullo schermo.

Procedi e cambia lo Stato di Pubblicazione da 'Bozza' a 'Pubblica'.

Non dimenticare di fare clic su 'Salva' per memorizzare le modifiche e chiudere il costruttore della campagna.

Successivamente, vedrai le Impostazioni di Output di WordPress per la tua campagna. Assicurati che la tua campagna sia pubblicata.

Se non lo è, 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 scivolare senza problemi dall'alto del tuo schermo.

Esempi di ottimi tappetini di benvenuto

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

1. Singularity

Questo welcome mat di Singularity ha incoraggiato gli utenti a iscriversi e a guardare la diretta streaming del Singularity University Global Summit. Ha avuto un enorme successo e ha raccolto oltre 2.000 nuove iscrizioni via email in meno di 9 giorni.

Ci piace in particolare il grande uso del logo, i font chiari e il brillante pulsante "Remind Me!".

2. Goins, Writer

Questo welcome mat 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 l'uso dei numeri nel titolo rende l'offerta convincente.

3. AVweb

Questo welcome mat presenta un'immagine grande e chiara di un piccolo aereo. Attira immediatamente l'attenzione.

Ci piacciono la splendida immagine e la chiara call to action "Sign Me Up!". Una piccola possibile modifica sarebbe accorciare lo slogan per evitare che copra la parte superiore dell'immagine.

4. Loaded Landscapes

Questo welcome mat di Loaded Landscapes è un po' diverso dagli altri esempi. Lo sfondo è leggermente trasparente.

Ci piacciono l'offerta chiara e l'entusiasmo del pulsante rosso di call to action. Lo sfondo del sito sotto il welcome mat potrebbe essere un po' distraente, quindi potrebbe valere la pena cambiarlo per renderlo completamente opaco, tuttavia.

5. OptimizeMyBnb

Questo welcome mat è stato utilizzato su una pagina specifica, che era inclusa come link cliccabile all'interno di un libro che il proprietario del sito web vendeva tramite rivenditori terzi. Tuttavia, questi rivenditori non hanno trasmesso i dettagli dei clienti. L'uso di un welcome mat in questo modo ha aiutato a catturare gli indirizzi email dei clienti.

Riteniamo che l'headline, il sottotitolo e il testo della call-to-action molto chiari abbiano funzionato bene e che il pulsante 'no, grazie' sia utilizzato bene per dare all'utente un senso 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 ulteriore ispirazione, ecco alcune cose che puoi fare con un tappetino di benvenuto a schermo intero:

• Presenta un'offerta o un coupon mirato
• Mostra nuovi prodotti e servizi
• Fai sapere ai visitatori cosa aspettarsi dal sito
• Acquisisci nuovi iscritti evidenziando i loro migliori contenuti
• Indirizza i visitatori ai loro profili sui social media
• Raccogli iscritti via email 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 a schermo intero all'uscita sono alcuni degli elementi con il più alto tasso di conversione che puoi aggiungere al tuo sito web.

Speriamo 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 voler dare un'occhiata alla nostra guida su come creare un popup coupon in WordPress e ai migliori plugin per barre di notifica WordPress.

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