Un tappetino di benvenuto è un overlay dinamico a schermata intera che può aiutarvi a ottenere più iscritti alla newsletter, download di eBook, vendite di prodotti e altro ancora.
Noi di WPBeginner e di altri brand utilizziamo costantemente i tappetini di benvenuto per costruire la nostra mailing list e promuovere diversi prodotti. Questo è un ottimo modo per aumentare le conversioni sul vostro sito web e incoraggiare le persone a restituire.
In questo articolo condivideremo come creare un tappetino di benvenuto per il vostro sito WordPress, insieme ad alcuni esempi di tappetino di benvenuto da cui imparare.
Perché uno zerbino di benvenuto può aumentare le conversioni
Oltre il 70% dei visitatori che lasciano il vostro sito web WordPress non vi farà più ritorno, a meno che non li convertiate in abbonati alle email o in clienti.
Un tappetino di benvenuto è un interstiziale di grandi dimensioni, a schermo intero, che blocca la vista del resto del contenuto del sito web per catturare l’attenzione dell’utente.
Potrebbe sembrare una cattiva idea, ma è un ottimo modo per far arrivare subito il vostro messaggio ai visitatori.
Se i visitatori non vogliono ciò che offrite, possono semplicemente chiudere il tappeto di benvenuto.
Naturalmente, se mostrate un tappetino di benvenuto invece di un popup exit-intent, dovrete dare alle persone un buon motivo per iscriversi, come un codice sconto o un omaggio.
Ad esempio, è possibile che i negozi di e-commerce più famosi offrano uno sconto speciale utilizzando un tappetino di benvenuto a schermo intero con gamification.
In altri casi, potreste aver visto blogger famosi utilizzare un tappetino di benvenuto a tutto schermo per far crescere la loro newsletter.
Ad esempio, potete offrire una guida gratuita o un file PDF in cambio dell’indirizzo email di un utente.
Detto questo, vediamo come aggiungere facilmente un tappetino di benvenuto al vostro sito web.
Come creare un tappeto di benvenuto per il vostro 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 consente di creare facilmente moduli optin, compresi i tappetini di benvenuto.
Per maggiori dettagli, potete leggere la nostra recensione completa di OptinMonster.
Per prima cosa, dovrete visitare il sito web di OptinMonster e registrare un account. Per creare overlay a schermo intero è necessario almeno il piano Basic.
Successivamente, è necessario installare e attivare il plugin WordPress OptinMonster. Per maggiori dettagli, consultate la nostra guida passo-passo su come installare un plugin di WordPress.
Il plugin collega l’applicazione OptinMonster al vostro sito web. Una volta attivato il plugin, verrà visualizzata la procedura di configurazione guidata nella dashboard di WordPress. Fate clic sul pulsante “Connetti il tuo account esistente”.
Si aprirà quindi una nuova finestra.
È sufficiente fare clic sul pulsante “Connetti a WordPress”.
Ora siete pronti a creare il vostro tappeto di benvenuto.
Creare un tappeto di benvenuto per il vostro sito web
Per creare una nuova campagna, potete andare su OptinMonster ” Campagne “.
Fate clic sul pulsante “Crea la tua prima campagna” per iniziare a creare il vostro tappeto di benvenuto.
Si aprirà una nuova finestra in cui potrete selezionare modelli precostituiti o scegliere campagne e lead magnet pronti all’uso, ispirati a marchi di successo. OptinMonster vi offre anche la possibilità di assumere uno specialista per personalizzare le vostre campagne.
Per questa esercitazione, utilizzeremo l’opzione “Modelli”.
Si accede così al costruttore di campagne di OptinMonster.
Quindi, scegliere “Fullscreen” per il tipo di campagna.
Dovrete scegliere un modello per la vostra campagna. Noi utilizzeremo il modello “Ingresso”, ma se volete potete sceglierne uno diverso.
Una volta selezionato un modello, inserite un nome per la vostra campagna e fate clic sul pulsante “Inizia a costruire”.
Successivamente, è possibile personalizzare la campagna utilizzando il costruttore drag-and-drop. Qui è possibile modificare tutto ciò che si desidera.
È possibile aggiungere alla campagna diversi blocchi, come immagini, testo, pulsanti e altro ancora. È inoltre necessario modificare il testo in modo che corrisponda alla propria offerta.
È sufficiente fare clic su un qualsiasi elemento per poterlo modificare nel riquadro di sinistra.
Ad esempio, cambieremo il titolo del tappeto di benvenuto a schermo intero per la nostra campagna dimostrativa.
Il passo successivo consiste nel far scorrere il tappetino di benvenuto. Per farlo, fare clic sull’icona dell’ingranaggio Impostazioni in basso a sinistra.
Da qui, è necessario attivare l’opzione “Visualizzare una diapositiva di pagina?” per attivarla.
In questo modo, il tappetino di benvenuto scorrerà dall’alto dello schermo invece di svanire alla vista.
Successivamente, è necessario passare alla vista “Successo” del tappetino di benvenuto. Questo è ciò che gli utenti vedranno dopo aver eseguito l’azione desiderata. Se si desidera, è possibile personalizzare la vista di successo o utilizzare il modello predefinito.
Una volta soddisfatti del vostro tappetino di benvenuto, potete impostare la sua visualizzazione sul vostro sito.
Visualizzazione della targhetta di benvenuto sul vostro sito WordPress
È possibile impostare la modalità di visualizzazione del popup del tappetino di benvenuto passando alla scheda “Regole di visualizzazione” di OptinMonster.
Esistono numerose opzioni di personalizzazione e targeting, come la posizione degli utenti, gli articoli presenti nel loro carrello di e-commerce, le attività svolte in precedenza sul vostro sito, l’intento di uscita e altro ancora.
Per impostazione predefinita, le campagne OptinMonster vengono visualizzate su tutte le pagine del sito dopo che il visitatore vi è rimasto per 5 secondi.
Poiché si tratta di un tappetino di benvenuto, probabilmente si vorrà che venga visualizzato immediatamente. Basta cambiare questo valore a 0 secondi.
Per impostazione predefinita, il tappetino di benvenuto viene visualizzato su ogni pagina del vostro sito. È possibile includere o escludere facilmente pagine specifiche utilizzando le regole di personalizzazione di OptinMonster.
È possibile fare clic sul pulsante “Fatto? Vai alle azioni” una volta terminato.
Successivamente, verranno visualizzate altre opzioni per la visualizzazione della campagna. Ad esempio, è possibile aggiungere un effetto o riprodurre un suono quando la campagna appare sullo schermo dell’utente.
Per questa esercitazione, utilizzeremo le impostazioni predefinite.
Se si scorre verso il basso, si vedranno le Impostazioni dei cookie per la propria campagna.
Ad esempio, è possibile mostrare nuovamente la campagna se un utente ha già convertito dopo un certo numero di giorni. Allo stesso modo, esistono anche opzioni per mostrare nuovamente la campagna a chi ha chiuso il popup o l’ha visto ma non ha convertito.
Nella schermata successiva viene visualizzato un riepilogo delle impostazioni delle regole di visualizzazione.
È possibile modificare le impostazioni prima di pubblicare la campagna.
Una volta che si è pronti a rendere operativo il tappetino di benvenuto, è sufficiente andare alla scheda “Pubblica” nella parte superiore dello schermo.
Procedere con la modifica dello stato di pubblicazione da “Bozza” a “Pubblicazione”.
Non dimenticate di fare clic su “Salva” per memorizzare le modifiche e chiudere il costruttore di campagne.
Successivamente, verranno visualizzate le Impostazioni di output di WordPress per la campagna. Assicurarsi che la campagna sia pubblicata.
Se non lo è, è sufficiente fare clic sul menu a discesa Stato e selezionare l’opzione “Pubblicato”. Non dimenticate di fare clic sul pulsante “Salva modifiche” quando avete finito.
Per controllare la vostra campagna, potete visitare il vostro sito web in una nuova finestra del browser in incognito.
Il tappetino di benvenuto dovrebbe scorrere senza soluzione di continuità dalla parte superiore dello schermo.
Esempi di grandi tappetini di benvenuto
Diamo un’occhiata ad alcuni esempi di tappetini di benvenuto di diversi settori. Per ognuno di essi, analizzeremo ciò che fanno di buono, oltre alle piccole modifiche che potremmo suggerire.
1. Singolarità
Questo tappeto di benvenuto di Singularity ha spinto gli utenti a iscriversi e a guardare il livestream del Singularity University Global Summit. Ha avuto un enorme successo e ha raccolto oltre 2.000 nuove iscrizioni via e-mail in meno di 9 giorni.
Ci piace in particolare l’ottimo uso del logo, i caratteri chiari e il luminoso pulsante “Ricordami!
2. Goins, scrittore
Questo tappeto 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.
Riteniamo che i pulsanti “Sì” e “No grazie” siano chiari e facili da usare e che l’uso dei numeri nel titolo renda l’offerta interessante.
3. AVweb
Questo tappetino di benvenuto presenta un’immagine grande e chiara di un piccolo aeroplano. È immediatamente accattivante.
Ci piace la grande immagine e il chiaro invito all’azione “Iscrivimi!”. Una piccola modifica potrebbe essere quella di accorciare il motto per evitare che copra la parte alta dell’immagine.
4. Paesaggi carichi
Questo tappetino di benvenuto 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 invito all’azione. Lo sfondo del sito sotto il tappetino di benvenuto potrebbe distrarre un po’, per cui sarebbe opportuno modificarlo per renderlo completamente opaco.
5. OttimizzareMyBnb
Questo tappetino di benvenuto è stato utilizzato su una pagina specifica, inclusa come link cliccabile all’interno di un libro che il proprietario del sito web vendeva attraverso rivenditori terzi. Questi rivenditori, però, non trasmettevano i dati dei clienti. L’utilizzo di un tappetino di benvenuto in questo modo ha permesso di catturare gli indirizzi e-mail dei clienti.
Riteniamo che il motto, il sottotitolo e il testo dell’invito all’azione siano molto chiari e che il pulsante “no, grazie” sia usato bene per dare all’utente un senso di FOMO.
Ci sono decine di altri esempi di tappetini di benvenuto a schermo intero che potete vedere, ma non li abbiamo inseriti tutti in questa guida.
Se cercate altre ispirazioni, ecco alcune cose che potete fare con un tappetino di benvenuto a schermo intero:
- Presentare un’offerta o un coupon mirato
- Presentare nuovi prodotti e servizi
- Far sapere ai visitatori cosa si aspettano dal sito
- Conquistare nuovi abbonati mettendo in evidenza i loro contenuti migliori
- Indirizzare i visitatori ai loro profili sui social media
- Raccogliere gli abbonati alle e-mail come parte di una fase di pre-lancio
Se volete seriamente migliorare le conversioni del vostro sito web, il tappetino di benvenuto e gli interstiziali a schermo intero in uscita sono alcuni degli elementi a più alta conversione che potete aggiungere al vostro sito web.
Speriamo che questo articolo vi abbia aiutato a imparare come creare un tappetino di benvenuto per il vostro sito web e che gli esempi vi abbiano ispirato. Potreste anche dare un’occhiata alla nostra guida su come creare un coupon popup in WordPress e ai migliori plugin per la barra di notifica di WordPress.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Adebambo Oyinlola Aderonke
Is it possible for a blogger who is on free plan to use a welcome mat?
WPBeginner Support
All of our tutorials are for WordPress.org sites, WordPress.com has limitations on what plugins are available and this is not an option on WordPress.com to our knowledge at this time.
Admin