Popup di benvenuto: 7 esempi e come creare [Guida + video]

Ben arrivato!

Per conoscere i popup di benvenuto, vedere i design popup di benvenuto di ispirazione e ottenere un tutorial su come crearli, scorri verso il basso.

Vedi cosa ho fatto lì?

Proprio come questa introduzione, un popup di benvenuto è un messaggio che saluta i nuovi visitatori del tuo sito web. Ha anche un obiettivo molto importante: convertire quei nuovi visitatori in abbonati e clienti.

In questo post troverai tutto ciò di cui hai bisogno per creare un popup di benvenuto che converta i visitatori: esempi, modelli, suggerimenti e una guida passo passo alla creazione.

Vai alle sezioni:

• Che cos'è un popup di benvenuto?
• Esempi di popup di benvenuto
• Come aggiungere un popup di benvenuto a qualsiasi sito web
• Suggerimenti popup di benvenuto

Che cos'è un popup di benvenuto?

Un popup di benvenuto è un messaggio che appare quando i visitatori accedono a un sito web. Il suo obiettivo è attirare l'attenzione di nuovi visitatori e convertirli in abbonati o clienti.

L'aggiunta di un popup di benvenuto a un sito Web è un modo efficace per convertire i visitatori che non sono pronti per l'acquisto immediatamente. Ecco perché le aziende online utilizzano i popup di benvenuto per creare elenchi di e-mail per alimentarli con campagne di marketing in un secondo momento. Altri usi popolari includono indirizzare il traffico verso le pagine dei prodotti e fare annunci di marketing.

Ecco un tipico popup di benvenuto da un sito Web di e-commerce.

Esempi di popup di benvenuto

Se desideri ispirazione, diamo un'occhiata ad alcuni fantastici design di popup di benvenuto da siti Web popolari. Questi esempi sono sia belli che efficaci, e convertono fino a diverse migliaia di visitatori ogni mese.

1. Popup di benvenuto a schermo intero

• Sito web : Nickey Kehoe
• Obiettivo : creare una mailing list
• Incentivo : accesso anticipato a nuovi prodotti, offerte esclusive, ultime notizie e inviti a eventi di persona

Se stai cercando un popup di benvenuto ispiratore, questo potrebbe essere quello giusto. Questo rafforza magnificamente l'identità del marchio e l'atmosfera generale del sito Web di classe. E guardalo: è semplicemente stupendo.

Nickey Kehoe mostra il suo popup di benvenuto pochi secondi dopo l'apertura di un sito web. Tieni presente che puoi chiudere il popup in due modi (facendo clic su Entra nel nostro sito o sul pulsante Chiudi). Questa decisione di progettazione semplifica il compito di chiudere il popup, che è un buon modo per mantenere positiva l'esperienza del visitatore.

2. Popup di benvenuto con uno sconto

• Sito web : Blume
• Obiettivi : a) Costruire un elenco di e-mail, b) Generare più ordini dai visitatori per la prima volta
• Incentivo : uno sconto del 20% sul primo ordine + vantaggi per i membri (spedizione e reso gratuiti)

Un simpatico popup di benvenuto che regala uno sconto per il primo ordine. Molti negozi di e-commerce si affidano a popup di benvenuto della home page come questo per generare lead e ordini.

Questo popup di benvenuto di Blume converte il 5% dei visitatori del sito Web , che è molto al di sopra del tasso medio di conversione dei popup di circa il 2%. Motivi: un'offerta generosa, un design popup di marca accattivante e una buona reputazione del marchio.

3. Popup di benvenuto con un campione di prodotto gratuito

• Sito web : Le domeniche per i cani
• Obiettivo : aumentare le vendite aiutando i visitatori a decidere sull'acquisto
• Incentivo : Campione del prodotto gratuito

Sundays For Dogs, un'attività in abbonamento di cibo per cani, motiva i nuovi arrivati ​​a provare un campione gratuito di cibo personalizzato. È un'ottima tattica di marketing: è stato dimostrato che i campioni gratuiti aumentano le vendite per le attività di abbonamento alimentare.

Quando i clienti fanno clic su Ottieni il tuo, vanno alla pagina con il prodotto di esempio. Lì, scelgono la ricetta preferita e ordinano: l'unico addebito è di $ 5 per la spedizione. Grazie alle informazioni sulle preferenze, l'azienda raccoglie anche dati utili per personalizzare le offerte future.

4. Popup di benvenuto con un codice coupon

• Sito web : Candela Delirio
• Obiettivi : generare contatti e vendite dai visitatori per la prima volta
• Incentivo : un codice coupon di sconto per il primo acquisto

I coupon personalizzati possono ottenere lead, aumentare il valore dell'ordine e aumentare le vendite. Questo popup di benvenuto incoraggia i visitatori per la prima volta a convertire con un codice coupon univoco, anche un buon modo per salutare i nuovi visitatori. Inoltre, i codici univoci aiutano anche a monitorare il rendimento della campagna.

Dal punto di vista del design, è un popup di benvenuto piuttosto semplice ma di bell'aspetto. C'è una bella immagine di un prodotto di Candle Delirium, un design con il marchio e un messaggio breve e dolce. Un buon esempio di popup di benvenuto per i negozi di e-commerce.

Vuoi vedere fantastici design popup? ️ Esempi di popup di posta elettronica ️ Esempi di popup SMS ️ Esempi di popup spin-to-win

5. Popup di benvenuto con una demo del software

• Sito web : Zendesk
• Obiettivi : aumentare le visualizzazioni della demo e generare lead
• Incentivo : vedere come Zendesk può aiutare a migliorare la qualità del servizio clienti con esempi

Questo popup di benvenuto mi ha colpito per vari motivi.

Innanzitutto, Zendesk è un'azienda di software, quindi lo scopo della campagna è mostrare il prodotto in una sessione demo. In secondo luogo, il popup sfrutta al massimo l'immagine, mostrando uno screenshot della dashboard del prodotto insieme ad alcune app popolari con cui si integra.

Quando i visitatori fanno clic sul pulsante CTA, il sito li porta alla pagina di registrazione della demo. Lì, inseriscono il loro nome e l'e-mail per iniziare a guardare la demo.

Nel complesso, Zendesk ci offre un fantastico esempio di come i popup di siti Web aiutano le aziende di software a generare lead e aumentare la consapevolezza dei loro prodotti.

6. Popup di benvenuto "Introduzione al marchio".

• Sito web : PRESS Healthfoods
• Obiettivo : creare un elenco di clienti fedeli
• Incentivo : contenuto settimanale con consigli su uno stile di vita sano, offerte VIP e omaggi

Due cose hanno attirato la mia attenzione qui: una bella immagine del prodotto e il tono disinvolto della scrittura accompagnato da un'emoji.

PRESS Healthfoods ha fatto un ottimo lavoro con le immagini dei prodotti, quindi includerne una in un popup di benvenuto è una buona idea. Inoltre, i popup con immagini convertono quasi il 5% dei visitatori mentre quelli senza immagini convertono solo il 2,85%.

Per quanto riguarda la copia, "Rendiamolo ufficiale" sembra un amichevole inizio di conversazione, che evoca un senso di simpatia. Uno stile di comunicazione così amichevole e casual è qualcosa che il 57% degli acquirenti online preferisce, quindi questo popup di benvenuto inchioda la buona prima impressione.

7. Popup di benvenuto con un'offerta a tempo limitato

• Sito web : Biciclette Pedego
• Obiettivo : aumentare le vendite di prodotti specifici
• Incentivo : Offerta a tempo limitato per aggiornare un prodotto gratuitamente

Oltre a generare iscrizioni via e-mail, i popup di benvenuto sono ottimi anche per aumentare la consapevolezza di offerte e offerte promozionali. Questo è esattamente ciò che questo popup di benvenuto sta cercando di ottenere: indirizzare il traffico verso una pagina di prodotto con un allettante affare a tempo limitato.

Il copywriting è un'altra cosa grandiosa di questo popup. Anche alcune frasi qui sono piene di parole potenti che catturano l'attenzione: "libero", "tempo limitato", "salva" e "fine". Usare queste parole nei titoli è una tattica collaudata in cui scrittori esperti coinvolgono i visitatori.

Come aggiungere un popup di benvenuto a qualsiasi sito web

Puoi creare e aggiungere un popup di benvenuto al tuo sito web in modo facile e veloce. A questo scopo, utilizzeremo Wisepops , il nostro strumento popup.

Se preferisci un video con un tutorial, usa questo qui sotto. Ma se desideri una guida passo passo, è proprio sotto il video.

Così-

Segui questi passaggi per creare e aggiungere un popup di benvenuto al tuo sito Web senza codifica. Per iniziare, ottieni un account gratuito in Wisepops .

Passaggi per creare un popup di benvenuto:

• Passaggio 1: crea una nuova campagna
• Passaggio 2: scegli un obiettivo
• Passaggio 3: scegli un formato per la campagna
• Passaggio 4: seleziona un modello popup
• Passaggio 5: progetta il tuo popup di benvenuto
• Passaggio 6: personalizza la finestra di ringraziamento
• Passaggio 7: definisci come mostrare il tuo popup
• Passaggio 8: pubblica il popup del tuo sito Web

Passaggio 1: crea una nuova campagna

Creiamo un classico popup di benvenuto per i negozi online, quello che promette l'accesso a offerte speciali e uno sconto come ringraziamento per l'iscrizione. Ma puoi personalizzare la tua versione nel processo in qualsiasi modo tu voglia.

Nella dashboard di Wisepops, fai clic su Crea campagna e scegli Assistente campagna .

Campaign Assistant è una funzione utile che ti guiderà attraverso il processo di creazione della campagna. Quindi, è perfetto per i nuovi utenti.

Passaggio 2: scegli un obiettivo

Dopo aver premuto l' Assistente campagna , vedrai tre obiettivi tra cui scegliere: far crescere il tuo pubblico, aumentare le vendite e raccogliere feedback.
Fai clic su Fai crescere il tuo pubblico.

Passaggio 3: scegli un formato per la campagna

Dal momento che stiamo creando un popup di benvenuto per creare la tua lista e-mail, scegli Newsletter .

Passaggio 4: seleziona un modello popup

Ora scegliamo come apparirà il nostro popup di benvenuto. La nostra libreria di modelli ti offre alcune buone scelte di formati popup predefiniti.

Fare clic su un modello per confermare la scelta e passare al passaggio successivo.

Andremo con questo modello di popup di benvenuto: ha un formato familiare che focalizza l'attenzione dei visitatori sul messaggio.

Passaggio 5: progetta il tuo popup di benvenuto

Dobbiamo fare in modo che questo popup di benvenuto sia davvero tuo—

Ciò significa personalizzare colori, immagini e testo per farlo sembrare una parte naturale del tuo sito web. Farlo è molto semplice grazie all'editor drag and drop: basta fare clic su un elemento e modificarlo.

Per prima cosa, scriviamo il nostro testo.

Fare clic sull'elemento di testo per aprire le impostazioni di modifica. Appena sopra il popup, li vedrai (evidenziati nell'immagine).

Prossimo-

Aggiungiamo una nuova immagine.

Per farlo, fai clic sull'oggetto visivo nel modello. Questo avvierà il menu dell'immagine sul lato sinistro dello schermo. Lì, fai clic su Sostituisci e scegli un'altra immagine.

Ho cambiato i colori e l'immagine facendo clic su di essi e—

Ecco come appare ora il nostro modello. Sembra un vero popup da un negozio di candele, d'accordo?

E puoi progettare totalmente lo stesso (e anche meglio!) popup.

Per chi fosse interessato a replicare questo disegno, ho usato:

• Aria per carattere
• #803345 per il colore
• Questa foto gratis di Castorly Stock per la visuale

Passaggio 6: personalizza la finestra di ringraziamento

Viene visualizzata una finestra di ringraziamento quando un visitatore compila i campi e fa clic su Registrami . La maggior parte dei modelli di popup è dotata di questa finestra perché viene utilizzata per confermare l'iscrizione, ringraziare il visitatore e condividere codici sconto.

Iniziare-

Fare clic sulla scheda Grazie .

Lì vedrai la finestra di ringraziamento.

Personalizza il design esattamente come hai fatto per il popup di benvenuto principale. Puoi facilmente tornare a quello principale per ottenere i codici colore: fai semplicemente clic su Main Pop-Up . Inoltre, aggiungi il codice sconto promesso (io sono andato con TENOFF).

Ecco come appare la mia versione.

Ora, il design del nostro popup di benvenuto è terminato.

L'ultima cosa prima della pubblicazione è impostare il popup da visualizzare sul tuo sito per i nuovi visitatori. Questo è quello che stiamo per fare.

Passaggio 7: definisci come mostrare il tuo popup

Vai a Visualizza regole nel menu principale.

Wisepops mostrerà il tuo popup di benvenuto ai visitatori dopo aver trascorso otto secondi sul tuo sito web. Se desideri visualizzarlo prima, ad esempio cinque secondi, aggiungi semplicemente il tuo numero preferito nel campo Mostra solo dopo .

E l'ultima impostazione—

Vogliamo che solo i nostri nuovi visitatori vedano questo popup di benvenuto. Per assicurarti che, scegli Nuovi visitatori nella scheda Pubblico .

Questo è tutto.

Hai appena creato un popup di benvenuto con il marchio di bell'aspetto per il tuo sito per generare lead e far crescere il tuo pubblico. Ben fatto!

Passaggio 8: pubblica il tuo popup di benvenuto!

Abbiamo finito di progettare il nostro popup, quindi premi Fine modifica . Verrai reindirizzato alla finestra della panoramica della campagna, dove fai clic su Pubblica e conferma.

Ecco fatto, il popup di benvenuto è attivo sul tuo sito web! Congratulazioni!

Una volta che il popup inizierà a ricevere visualizzazioni e generare e-mail, sarai in grado di controllare le prestazioni nella dashboard di Wisepops.

Suggerimenti popup di benvenuto

Usa questi suggerimenti per rendere il tuo popup di benvenuto una macchina per la generazione di lead.

1. Offri vantaggi

Contenuti nuovi e utili, sconti, coupon, offerte esclusive, spedizione gratuita, accesso anticipato a nuovi prodotti: le aziende aggiungono tutto questo ai popup di benvenuto. Se gestisci un'attività online, considera anche l'utilizzo di un incentivo.

2. Scrivi una copia chiara

Tutti i fantastici popup di benvenuto comunicano chiaramente un messaggio coinvolgente.

Per scrivere una buona copia:

• Mantienilo breve e dolce. Le persone devono ricevere il tuo messaggio il prima possibile, quindi prova a scrivere solo due frasi (titolo + messaggio di supporto)
• Sii coinvolgente e creativo . Usa un linguaggio amichevole e informale nel tuo popup di benvenuto, ma non esitare a essere spiritoso o giocoso se la voce del tuo marchio lo consente
• Chiedi alle persone di agire. Descrivi cosa devi fare per i tuoi visitatori e sii chiaro su tale azione

3. Fai apparire il tuo popup con un ritardo

Alla gente non piacciono i popup che appaiono nel momento in cui arrivano ai siti web.

Ecco perché considera di impostare un ritardo di almeno cinque secondi per il tuo popup di benvenuto (proprio come abbiamo fatto nel tutorial).

Anche i marketer esperti fanno un semplice trucco. Scoprono il tempo medio che le persone trascorrono sul loro sito Web con Google Analytics e impostano il tempo di visualizzazione a circa il 20% di quel valore. Ad esempio, se il tempo medio è di 60 secondi, il popup potrebbe apparire a 12 secondi (20% di 60 = 12).

4. Aggiungi un conto alla rovescia

Un senso di urgenza è un potente motivatore all'acquisto: la ricerca Wisepops mostra che l'aggiunta di un conto alla rovescia aumenta il tasso di conversione del 41%.

Per aggiungere questo elemento in Wisepops: nel menu principale, vai su Blocchi e scegli Conto alla rovescia . Il timer verrà automaticamente aggiunto al tuo popup di benvenuto.

5. Testare diverse versioni dei popup di benvenuto

Alcuni clienti vogliono trovare il prezzo migliore.

Altri tendono ad acquistare d'impulso.

Per scoprire le preferenze dei tuoi visitatori (e cosa li spinge ad acquistare), crea diverse versioni della campagna popup di benvenuto.

In Wisepops, questo significa creare un test A/B: in sostanza, duplichi il tuo popup di benvenuto facendo clic su Test AB nella dashboard. Ecco una vista di una campagna che è stata divisa in due versioni in questo modo.

La suddivisione semplifica la modifica della seconda versione della campagna nel modo desiderato (dimensione dello sconto, conto alla rovescia/nessun conto alla rovescia, ecc.) e il monitoraggio dei risultati.

Domande frequenti sui popup di benvenuto

Sebbene i popup di benvenuto siano popolari, molti proprietari di siti Web hanno dubbi sulla loro efficacia e sull'impatto sull'esperienza dei visitatori. Ecco perché in quest'ultima sezione, risponderemo alle domande più comuni che le persone hanno.

Quanto sono efficaci i popup di benvenuto?

I popup di benvenuto possono convertire fino al 5% dei visitatori.

Un popup di benvenuto danneggerà l'esperienza dei miei clienti?

I popup di benvenuto possono essere fastidiosi se sono troppo generici e appaiono troppo rapidamente. Se progetti una campagna di marca con un chiaro valore per i visitatori, dovresti essere in grado di convertire molti visitatori.

In che modo un popup di benvenuto influisce sulla SEO del mio negozio?

Se utilizzi il miglior software popup per creare un popup di benvenuto, le tue campagne saranno conformi al 100% con tutti i requisiti SEO.

Per ulteriori suggerimenti e approfondimenti sui popup, dai un'occhiata alle altre guide sul blog Wisepops .