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 newsletter, download di eBook, vendite ai tuoi prodotti, ecc.
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ò dare impulso alle tue conversioni
Oltre il 70% dei visitatori che abbandonano il tuo sito Web non tornerà mai, a meno che non li converti in un abbonato e-mail o in un cliente.
Un tappetino di benvenuto è un grande interstitial a schermo intero che blocca la visualizzazione del resto del contenuto del tuo sito Web per catturare l'attenzione dell'utente.
Potrebbe sembrare una cattiva idea, ma è un ottimo modo per comunicare immediatamente il tuo messaggio ai visitatori.
Se i visitatori non vogliono quello che stai offrendo, possono semplicemente chiudere il tappetino di benvenuto.
Simile a popup di intento di uscita, i tappeti di benvenuto sono efficaci nel determinare alti tassi di conversione.
Ovviamente, vorrai dare alle persone un buon motivo per iscriversi. Se non hai già un magnete al piombo, quindi potresti offrire un codice di sconto o anche un omaggio.
Ecco due esempi molto diversi di tappetini di benvenuto con tassi di conversione molto elevati:
Quanto sopra è un tappetino di benvenuto che utilizziamo sul nostro WPForms blog e si converte molto bene.
Lo screenshot qui sotto è un tappetino di benvenuto che usiamo per dare uno dei nostri magneti di piombo che fa davvero un buon lavoro nel convincere gli utenti a unirsi al nostro 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
Innanzitutto, devi registrarti per un OptinMonster account. È il miglior software di generazione di piombo al mondo e ti consente di creare facilmente moduli optin tra cui tappeti di benvenuto.
Nota: Fondatore di WPBeginner, Syed Balkhi, per prima cosa ha creato OptinMonster per aiutare a far crescere i nostri abbonati e le nostre vendite. Ora è un plug-in premium utilizzato da centinaia di migliaia di siti Web.
Successivamente, dovrai installare e attivare il OptinMonster plugin per WordPress. 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. Dopo aver attivato il plug-in, fai clic sul menu OptinMonster nella dashboard di WordPress per connettere il tuo account.
Successivamente, sei pronto per creare il tuo tappetino di benvenuto.
Creazione di un tappetino di benvenuto per il tuo sito Web
Nella dashboard di WordPress, fai clic sul pulsante “Crea nuova campagna” per iniziare a creare il tuo tappetino di benvenuto.
Questo ti porterà al sito web OptinMonster.
Successivamente, seleziona “Schermo intero” per il tipo di campagna.
Dovrai scegliere un modello per la tua campagna. Utilizzeremo il modello “Ingresso”, ma puoi sceglierne uno diverso se lo desideri.
Dopo aver fatto clic sul pulsante “Usa modello”, vedrai una schermata del generatore di campagne come questa:
Puoi cambiare tutto quello che ti piace qui. Ovviamente, dovrai 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.
Quindi, vai a Impostazioni Optin »Sfondo a schermo intero. Fai clic su “Colore di sfondo” e imposta il valore A (alfa) su 100.
Ciò garantisce che il tuo tappetino di benvenuto non sia affatto trasparente, quindi nessuno dei contenuti del tuo sito verrà mostrato.
Il prossimo passo è far scivolare il tuo tappetino di benvenuto. Puoi farlo facendo clic sul pulsante “Home” sul lato sinistro, quindi su “Impostazioni schermo intero”.
Da qui, devi attivare l'opzione “Visualizza una diapositiva di pagina?”, In modo che sia verde.
Ciò significa che il tappetino di benvenuto scivolerà verso il basso dalla parte superiore dello schermo invece di scomparire alla vista.
Successivamente, è necessario passare alla vista “Successo” del tappetino di benvenuto. Questo è ciò che vedranno i tuoi utenti dopo aver eseguito l'azione desiderata.
Una volta che sei soddisfatto del tuo tappetino di benvenuto, puoi impostare come verrà visualizzato sul tuo sito.
Come visualizzare il tuo tappetino di benvenuto sul tuo sito
È possibile impostare la modalità di visualizzazione del popup di benvenuto del tappetino passando alla scheda Regole di visualizzazione in OptinMonste.
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. Cambia questo valore in 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.
Esistono molte altre opzioni di personalizzazione e targeting come la posizione dell'utente, quali elementi hanno nel carrello eCommerce, cosa hanno fatto in precedenza sul tuo sito, ecc.
Quando sei pronto per rendere vivo il tuo tappetino di benvenuto, fai semplicemente clic su “Pubblica” nella parte superiore dello schermo. Dovrai cambiare l'interruttore accanto a “Stato” in modo che mostri “In diretta”.
Non dimenticare di fare clic su “Salva” per salvare le modifiche.
Ora vai al tuo sito Web WordPress e fai clic sulla voce di menu OptinMonster. Dovresti vedere la tua campagna di benvenuto, oltre a qualsiasi altra campagna che hai creato.
Se non viene visualizzato, fai clic su “Aggiorna campagne” per recuperare i dati dal sito web OptinMonster.
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 soluzione di continuità dalla parte superiore dello schermo.
Esempi di grandi tappeti di benvenuto
Diamo un'occhiata ad alcuni esempi di tappetini di benvenuto di diversi settori. Per ognuno, esamineremo 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 Summit globale della Singularity University. Ha avuto un enorme successo e ha acquisito oltre 2.000 nuove iscrizioni e-mail in meno di 9 giorni.
Abbiamo particolarmente apprezzato il grande uso del logo, i caratteri chiari e il brillante “Ricordami!” pulsante.
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 web.
Abbiamo ritenuto che i pulsanti “Sì” e “No grazie” siano chiari e facili da usare e l'uso dei numeri nel titolo rende un'offerta interessante.
3. AVweb
Questo tappetino di benvenuto ha un'immagine ampia e chiara di un piccolo aereo. È immediatamente accattivante.
Ci è piaciuta la grande immagine e il chiaro “Sign Me Up!” chiamare all'azione. Un piccolo possibile aggiustamento sarebbe quello di accorciare il motto per evitare che copra la cima dell'aeroplano.
4. Paesaggi caricati
Questo tappetino di benvenuto di Loaded Landscapes è leggermente diverso dagli altri esempi. Lo sfondo è leggermente trasparente.
Abbiamo apprezzato l'offerta chiara e l'entusiasmo del pulsante rosso di invito all'azione. Lo sfondo del sito sotto il tappetino di benvenuto potrebbe essere un po 'fonte di distrazione, quindi potrebbe valere la pena cambiarlo per renderlo completamente opaco.
5. OptimizeMyBnb
Questo tappetino di benvenuto è stato utilizzato su una pagina specifica, collegata a un libro venduto dal proprietario del sito Web 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 aiutato a catturare gli indirizzi email dei clienti.
Abbiamo ritenuto che il titolo, il sottotitolo e il testo di invito all'azione molto chiari funzionassero tutti bene. Tuttavia, abbiamo pensato che “item” sul pulsante dovrebbe essere probabilmente “items” plurale. Ciò evidenzia l'importanza di correggere attentamente il testo del tappetino di benvenuto.
Ce ne sono dozzine di più esempi di tappetino di benvenuto a schermo intero che puoi vedere, ma non li abbiamo aggiunti tutti in questa guida.
Se stai cercando più ispirazione, ecco alcune cose che puoi fare con un tappetino di benvenuto a schermo intero:
- Presentare un'offerta o un coupon mirato
- Mostra nuovi prodotti e servizi
- Fai sapere ai visitatori cosa aspettarsi dal sito
- Vinci nuovi abbonati mettendo in evidenza i loro migliori contenuti
- Indirizza i visitatori ai loro profili sui social media
- Raccogli abbonati e-mail come parte di una fase di pre-lancio
Se sei seriamente intenzionato a migliorare le conversioni del tuo sito Web, il tappetino di benvenuto e persino l'uscita dall'interstitial a schermo intero sono uno degli elementi con la conversione più elevata 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 dare un'occhiata al nostro confronto tra migliori servizi di email marketing e la nostra lista di deve avere plugin di WordPress.
Se ti è piaciuto questo articolo, ti preghiamo di iscriverti al nostro Canale Youtube per i tutorial video di WordPress. Puoi trovarci anche su cinguettio e Facebook.
Il post Come creare un tappetino di benvenuto per il tuo sito WordPress (+ esempi) è apparso per primo WPBeginner.
Web Designer Freelancer Realizzazione Siti Web Serra Simone
Realizzo siti web, portali ed e-commerce con focus specifici sull’usabilità, l’impatto grafico, una facile gestione e soprattutto in grado di produrre conversioni visitatore-cliente. Elaboro siti internet, seguendo gli standard Web garantendo la massima compatibilità con tutti i devices. Sviluppo e-commerce personalizzati, multilingua, geolocalizzati per potervi mettere nelle migliori condizioni di vendita. Posiziono il tuo sito su Google per dare maggiore visibilità alla tua attività sui motori di ricerca con SEO di base o avanzato.