Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come creare una targhetta di benvenuto per il vostro sito WordPress (+ esempi)

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.

How to create a welcome mat for your WordPress

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.

Gamified Spin a Wheel Campaign

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.

Goins writer welcome screen mat

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.

OptinMonster

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”.

Connecting an OptinMonster account to WordPress

Si aprirà quindi una nuova finestra.

È sufficiente fare clic sul pulsante “Connetti a WordPress”.

Connect OptinMonster to 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.

Create first OptinMonster campaign

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”.

Choose a template or playbook

Si accede così al costruttore di campagne di OptinMonster.

Quindi, scegliere “Fullscreen” per il tipo di campagna.

Select fullscreen template and campaign

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”.

Click start building

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.

Customize your fullscreen campaign

È 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.

Edit the text of welcome mat

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.

Display a page slide

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.

View the success view of welcome screen mat

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.

OptinMonster display rule

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.

Go to actions tab

È 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.

Add MonsterEffects and animations

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.

Edit cookie settings in OptinMonster

Nella schermata successiva viene visualizzato un riepilogo delle impostazioni delle regole di visualizzazione.

È possibile modificare le impostazioni prima di pubblicare la campagna.

View summary of your campaign

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”.

Publish welcome screen campaign

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.

Change the status of welcome mat campaign

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.

Fullscreen welcome mat preview

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.

Singularity fullscreen mat preview

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.

Goins writer welcome screen mat

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.

Welcome mat example AVweb

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.

Loaded landscape

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.

Optimize your Airbnb thank you

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.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

3 commentiLascia una risposta

  1. 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!

  2. 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

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.