Ecco come le tue attività preferite utilizzano i popup dei siti Web per crescere (e puoi farlo anche tu!)

Per aiutarti a navigare, abbiamo diviso l'elenco in 3 categorie. Stai per vedere i popup del sito web che aiutano:

• Ottieni abbonati e-mail

• Visualizza inviti all'azione

• Annunciare eventuali aggiornamenti

Sentiti libero di passare alla categoria che ti interessa di più.

Popup di siti Web che aiutano i marchi a creare elenchi di e-mail

Tutti sono pazzi di far crescere le loro liste di e-mail in questo momento. E lo dovresti essere anche tu!

Nel caso in cui te lo fossi perso, l'e-mail ha un enorme ROI di $ 44 per ogni dollaro speso.

Avere persone nella tua lista e-mail significa che possiedi quell'autorizzazione esclusiva per incontrarle direttamente nelle loro caselle di posta, sviluppare una relazione e trasformarle in clienti ricorrenti.

Aspetta, ma qual è il modo migliore per far crescere una mailing list? Scommetto che conosci già la risposta.

Sono i popup del sito web.

Vediamo come i marchi di cui hai sicuramente sentito parlare (e probabilmente anche da cui hai acquistato) utilizzano i popup per raccogliere indirizzi e-mail.

1. Il negozio del New York Times – 10% DI SCONTO sul tuo primo ordine

Il New York Times è stato tra i primi ad essersi evoluto in un media online con abbonamento a pagamento.

Oggi, questo è il sito di giornali più visitato. E usano i popup del sito Web per vari scopi.

Ad esempio, guarda questo modulo di iscrizione e-mail minimalista che appare non appena atterri sul negozio online del New York Times.

Ecco cosa rende fantastico questo popup del sito Web:

• Design coerente
  Il popup ha lo stesso tema colore e lo stesso carattere del resto di The NYT Store. Appare come parte integrante e credibile del sito web.

• Magnete al piombo
  Non ti viene solo offerto di iscriverti a nuove offerte, ma ottieni anche uno sconto del 10% per il tuo primo ordine se ti iscrivi alla lista.

• Aspetto istantaneo
  Non è sempre chiaro se i popup del sito Web debbano apparire contemporaneamente o dopo che un visitatore trascorre un po' di tempo su una pagina. In questo caso, visualizzare il modulo istantaneamente è sicuramente meglio che dopo che un potenziale cliente ha effettuato un acquisto, no?

Vuoi aggiungere un popup di abbonamento simile al tuo sito web?

Abbiamo seguito lo spirito creativo del New York Times per creare un modulo di iscrizione simile. Fare clic sul popup del sito Web in basso per vederlo in azione. Quindi segui le semplici istruzioni che appariranno sul lato destro della pagina.

Il modello di anteprima live verrà aggiunto direttamente alla dashboard di Getsitecontrol. Da lì, sarai in grado di modificare i dettagli come la percentuale di sconto, il titolo e il tema del colore per renderlo una corrispondenza perfetta per il tuo sito web.

Quindi, sarai in grado di utilizzare il Targeting impostazioni per specificare la pagina in cui si desidera visualizzare il popup.

2. Century 21: sblocca $ 25 di sconto o paga il prezzo intero

Century 21, il gigante della moda al dettaglio fuori prezzo è andato online alcuni anni fa ed è anche entrato nel gioco della creazione di elenchi di e-mail. Controlla il popup visualizzato pochi secondi dopo l'arrivo sul loro sito web.

Ecco cosa c'è di fantastico in questo popup del sito Web:

• Microcopia in formato email
  Century 21 ha scelto di specificare come dovrebbe essere un indirizzo email per assicurarsi che i clienti lo ottengano correttamente. Sapendo che il loro pubblico è molto ampio e include persone che non sono necessariamente esperte di tecnologia, questa è un'ottima decisione.

• Pulsante di disattivazione negativo
  Certo, non devi registrarti se non vuoi. Ma questo significa che sei disposto a pagare il prezzo intero, giusto? Il pulsante di disattivazione è un piccolo dettaglio che ti fa pensare due volte prima di rifiutare l'offerta.

• Scelta intelligente dei colori
  Nota, non solo i colori di questo popup sono correlati al tema del sito Web, ma anche il pulsante "Continua" è evidenziato in rosso. Nel frattempo il pulsante di disattivazione si fonde con lo sfondo.

Vuoi un popup con un pulsante di disattivazione per il tuo sito web?

Se ti piace questo popup del sito web, ricrearlo è facile come 1-2-3. Basta fare clic sul modello sottostante e seguire le istruzioni.

Una volta che si arriva alla dashboard, passare attraverso il Contenuto impostazioni per regolare la copia e il tema del colore, se necessario. Seguendo l'esempio di Century 21, potresti anche voler aggiungere il tuo logo in alto.

3. Marie Claire – l'effetto FOMO in azione

Se pensi che i pulsanti di disattivazione negativi possano funzionare solo per i negozi online, ripensaci.

Quando offri contenuti di alta qualità via e-mail, potresti anche ricordare alle persone le conseguenze della mancata iscrizione. Guarda come la rivista Marie Claire utilizza l'effetto FOMO sul pulsante di disattivazione.

Ecco cosa ci piace di questo popup del sito Web:

• Il pulsante di disattivazione negativo
  A parte l'effetto FOMO, nota come Marie Claire ha trasformato il pulsante di disattivazione in una dichiarazione di amor proprio.

• La copia CTA per l'iscrizione all'e-mail
  Ci sono così tanti inviti all'azione incentivanti che puoi inserire sul pulsante di registrazione anziché solo su "Iscriviti". "Mostrami cosa c'è dentro!" è uno di loro.

• La scelta di un'immagine
  E in questo caso, non è solo un'immagine. È una foto di Saoirse Ronan, un'attrice di talento che la maggior parte dei lettori riconoscerà sicuramente.

Perché l'immagine è così importante qui?

Avere un elemento visivo correlato alle aspettative dei tuoi iscritti è fondamentale per aumentare il tasso di iscrizione alla posta elettronica. Perché non si stanno semplicemente iscrivendo ad alcune tendenze per i capelli. Si stanno iscrivendo per ricevere la ricetta per sembrare una star di Hollywood sul tappeto rosso.

Pensi che potresti volere un popup del sito web come questo?

Il generatore di popup Getsitecontrol ha un modello che ti aiuterà a ricreare facilmente l'esempio sopra. Dai un'occhiata qui sotto.

Dopo averlo aggiunto alla tua dashboard, sarai in grado di sostituire facilmente l'immagine con il tuo visual o scegliere un'immagine alternativa dalla galleria.

4. Adidas: ottieni il 15% di SCONTO in cambio di un abbonamento e-mail

Adidas offre uno sconto del 15% per i nuovi abbonati con un popup che appare dopo aver trascorso un po' di tempo sul loro sito web.

Ora, ecco cosa c'è di particolarmente bello nel popup del sito web di Adidas:

• La microcopia in basso Per alleviare la paura di essere spammati con e-mail irrilevanti, Adidas ha specificato esattamente per cosa ti stai abbonando.

• Casella di conferma dell'età A seguito del Children's Online Privacy Protection Act (COPPA), ogni abbonato è tenuto a confermare di avere più di 13 anni. Questa casella di controllo può essere utilizzata anche per raccogliere il consenso esplicito a ricevere e-mail di marketing.

• Segmentazione basata sul genere In base alla tua risposta, Adidas applicherà successivamente le regole di segmentazione per inviarti i contenuti più pertinenti. Tuttavia, è anche intelligente impostare questo campo come facoltativo dato il numero di articoli neutri rispetto al genere prodotti da Adidas.

• Conferma dell'iscrizione Una volta effettuata l'iscrizione, viene visualizzato un cosiddetto "messaggio di successo dell'invio" che ti dice cosa aspettarti.

Un'opzione alternativa qui sarebbe quella di visualizzare il codice sconto che le persone possono copiare e incollare al momento del pagamento. In questo modo, sarebbero in grado di continuare a fare acquisti senza lasciare il negozio per aprire la loro e-mail.

5. Ahrefs – non perderti il ​​prossimo articolo

Passiamo al mondo dell'IT.

Ahrefs, un noto sviluppatore di software SEO, utilizza questo simpatico slide-in per suggerire di iscriversi alla loro newsletter una volta raggiunta la fine di un post sul blog.

Ecco cosa c'è di così bello:

• Un formato diverso
  A differenza dei popup modali, gli slide-in sono meno invadenti ma abbastanza accattivanti da essere notati. Possono essere una scelta perfetta per i progetti di contenuti in cui si desidera mantenere l'esperienza di lettura il più agevole possibile.

• Attivatore del comportamento sulla pagina
  Il modulo viene visualizzato solo quando raggiungi la fine di un post sul blog. È il momento perfetto per suggerire l'iscrizione perché il livello di coinvolgimento è alto.

• Il principio FOMO
  Se sei arrivato alla fine di uno dei longread di Ahref, è molto probabile che ti sia piaciuto. E non vuoi perderti un altro grande pezzo come questo.

Vuoi aggiungere una slide-in simile al tuo sito web?

Ricreare questo modulo di iscrizione è facile. Abbiamo creato uno slide-in simile sul lato destro, in modo che tu possa installarlo rapidamente sul tuo sito web.

Fare clic sul widget per vederlo in azione e seguire le istruzioni.

Una volta pronto, usa il Targeting impostazioni per selezionare pagine specifiche sul tuo sito Web in cui desideri che appaia lo slide-in e le condizioni per quando dovrebbe apparire.

6. Caccia al prodotto: iscriviti alla newsletter quotidiana

Product Hunt è una delle più grandi comunità online in cui ogni giorno vengono lanciati fantastici prodotti tecnologici. Coloro che non hanno tempo per andare a controllare quotidianamente il sito Web possono ottenere raccolte degli aggiornamenti più importanti tramite abbonamento e-mail.

Per aumentare il numero di abbonamenti, Product Hunt presenta una barra di iscrizione e-mail mobile nella parte inferiore della pagina.

Ecco cosa c'è di bello in questo modulo di iscrizione:

• Distrazione minima
  Le barre mobili sono le meno invadenti di tutti i popup del sito web. Rimangono nella parte superiore o inferiore di una pagina Web mentre scorri il contenuto e aspettano pazientemente finché non sei pronto per iscriverti.

• Frequenza della newsletter
  La copia ti dice esattamente con quale frequenza riceverai e-mail da Product Hunt.

• Design autentico
  L'emoji e il colore del pulsante sono gli elementi distintivi di Product Hunt. È un'ottima decisione usarli nel modulo.

Vuoi una barra di registrazione e-mail mobile tutta tua?

Puoi aggiungere un widget simile al tuo sito web e visualizzarlo in tutto il sito o su pagine specifiche. Usa il modello già pronto qui sotto per iniziare.

La copia e il design del modello sono abbastanza versatili, quindi sentiti libero di usarlo sul tuo sito web così com'è.

Popup del sito web per visualizzare il tuo invito all'azione

È ora di passare alla categoria successiva!

Il secondo grande motivo per cui le aziende utilizzano i popup dei siti Web è incoraggiare i visitatori a ottenere uno sconto, controllare un nuovo post sul blog, partecipare a un omaggio, in altre parole, agire .

Vediamo come se la cavano le aziende della vita reale.

7. Century 21: prendi uno sconto prima di andare

Se inizi a navigare nel negozio online Century 21, devi avere un'immensa quantità di forza di volontà e resistere alla tentazione di afferrare le offerte speciali che ti aspettano ad ogni angolo.

Innanzitutto, ti chiedono di iscriverti in cambio di un coupon di $ 25 di sconto. E poi, se stai cercando di andartene senza effettuare un acquisto, vedrai questo popup del sito web:

Se premi il pulsante "Sì, per favore!" pulsante, il codice coupon viene visualizzato direttamente nel popup. Puoi copiare il codice e incollarlo al momento del pagamento. Semplice. Efficace.

Ecco perché l'approccio exit-intent funziona così bene:

• Attenzione garantita
  Non c'è modo di perdere un'offerta di sconto che si apre davanti ai tuoi occhi quando stai navigando per uscire.

• ultima risorsa
  I popup dell'intenzione di uscita ti danno praticamente quell'opportunità unica di convertire le persone che stavano per andarsene. Certo, non tutti i visitatori che abbandonano risponderanno. Ma alcuni di loro lo faranno - e ogni sforzo conta, giusto?

Vuoi inserire un popup di exit-intent sul tuo sito web?

Dai un'occhiata al modello qui sotto. È già impostato per apparire proprio quando i tuoi visitatori iniziano a navigare per uscire dalla pagina.

Inseriscilo nel tuo sito Web in pochi clic, quindi vai su Targeting impostazioni per specificare la pagina in cui dovrebbe apparire. Ad esempio, potresti volerlo inserire nelle pagine dei prodotti, nelle pagine delle categorie o anche al momento del pagamento per evitare l'abbandono del carrello.

8. Skillshare – promozione del programma di riferimento

Skillshare, una piattaforma di apprendimento online, sta eseguendo un programma di riferimento che ti consente di guadagnare mesi gratuiti di lezioni invitando amici. Nota la barra mobile che hanno posizionato nella parte superiore di ogni pagina.

Cosa ha fatto Skillshare qui:

• Colore contrastante
  Skillshare ha scelto il bianco perché attira l'attenzione dato il tema del colore del sito Web blu scuro.

• Basta dettagli
  Nonostante la mancanza di spazio, la copia fornisce informazioni sufficienti per decidere se sei interessato o meno.

• Pulsante Cancella invito all'azione
  Il pulsante "Invita amici" definisce aspettative chiare. Ti porta alla pagina dedicata dove puoi conoscere i dettagli e ottenere il tuo link di riferimento.

9. Il New York Times: leggi gli aggiornamenti importanti ora

Se il tuo progetto è incentrato sui contenuti, puoi utilizzare i popup per promuovere l'ultimo pezzo sul blog, aggiornamenti importanti su argomenti selezionati o solo materiali pertinenti.

Ad esempio, è così che il New York Times ha attirato l'attenzione dei suoi lettori sugli aggiornamenti in tempo reale sull'epidemia di COVID-19.

Le barre di invito all'azione nella parte inferiore di una pagina Web vengono utilizzate da vari media per vari scopi. Dai un'occhiata al nostro prossimo esempio con un popup dall'aspetto simile.

10. The Guardian – sostieni il Guardian oggi

A differenza del New York Times, The Guardian ha scelto di mantenere tutti i suoi materiali in libero accesso, mentre i lettori possono partecipare al finanziamento del giornale sotto forma di donazioni. Guarda come comunicano questo messaggio utilizzando un popup in fondo alla pagina.

Vuoi utilizzare un popup simile sul tuo sito web?

Quando vuoi mettere l'accento sul messaggio, chiaramente, queste barre adesive sono perfette per catturare l'attenzione. Dai un'occhiata al modello qui sotto se desideri aggiungerne uno al tuo sito web.

Dopo averlo aggiunto alla dashboard di Getsitecontrol, vai a Contenuto scheda e aprire le impostazioni del pulsante per inserire il collegamento alla pagina desiderata.

Popup del sito web per fare annunci in tutto il sito

L'ultima categoria di popup di siti Web ha lo scopo di informare i visitatori piuttosto che incoraggiarli ad agire.

Se vuoi mantenere aggiornato il tuo pubblico con le notizie e i termini attuali, i popup del sito Web sono semplicemente perfetti.

Puoi usarli per spargere la voce sui cambiamenti delle operazioni commerciali, sulle offerte attuali o sulle nuove politiche, come la politica di consenso sui cookie, ad esempio.

Diamo un'occhiata a come Reebok, Tiffany, Nespresso, Intercom e Slack gestiscono questo tipo di comunicazione.

11. Reebok – annuncio di vendita in tutto il sito

Per garantire che tutti coloro che atterrano sul proprio sito Web siano informati sulla vendita in tutto il sito, Reebok ha posizionato una barra degli annunci mobile nella parte superiore di una pagina Web.

Questo annuncio non richiede alcuna azione da parte del visitatore del sito web. Puoi considerarlo una bella sorpresa e lo stimolo a continuare a navigare nel negozio.

12. Tiffany & Co. – promemoria del servizio gratuito

Ecco come Tiffany & Co. informa i visitatori del negozio online che la spedizione e i resi sono gratuiti per tutti gli ordini. Stanno usando una barra galleggiante blu Tiffany firmata nella parte superiore di una pagina web.

Se hai i codici colore per il tema del tuo sito web, puoi usarli nel popup Aspetto / CSS impostazioni per creare una barra degli annunci perfettamente coordinata, proprio come quella di Tiffany.

13. Nespresso – possibile annuncio di ritardo nella consegna

L'ultimo esempio di barra mobile appartiene al sito web di Nespresso. Stanno avvisando i clienti online del ritardo nella consegna.

Di nuovo, potresti aver notato che il colore per la barra mobile non è stato scelto a caso: si abbina perfettamente al pulsante "Cerca" in basso.

Vuoi ricreare questi popup del sito web?

Per raggiungere il tuo pubblico con un messaggio breve ma importante, le barre mobili sono ottime. Per aggiungerne uno al tuo sito web, fai clic sul modello sottostante e modifica la copia.

Sentiti libero di cambiare il colore con quello che potrebbe apparire migliore sul tuo sito web. Il tema colore è disponibile nel Aspetto esteriore scheda del dashboard di Getsitecontrol.

14. Slack – banner consenso cookie

Gli ultimi due esempi del nostro elenco sono banner cookie.

Come probabilmente saprai, a partire dal 2018, ogni sito web che riceve visitatori dall'UE deve ottenere il consenso informato per utilizzare i cookie che tengono traccia dei dati dell'utente.

Ecco come appare il messaggio sui cookie sul sito web di Slack.

Slack ha scelto di utilizzare uno slide-in sul lato destro che si collega alla politica di consenso sui cookie e si chiude al clic.

Se vuoi posizionarne uno simile, usa il modello qui sotto.

Puoi aggiungere questo popup al tuo sito web così com'è, oppure puoi inserire un link alla tua pagina Cookie Policy alla copia del widget, proprio come ha fatto Slack.

15. Interfono – sticky bar consenso cookie

Intercom, un famoso sviluppatore di piattaforme di messaggistica, ha optato per una barra adesiva meno invadente nella parte superiore di una pagina Web per informare i propri visitatori della politica sui cookie.

Se preferisci questa opzione, vai avanti e fai clic qui per controllare il modello Getsitecontrol per una barra di consenso ai cookie.

Pronto a utilizzare i popup del sito Web per far crescere la tua attività?

Se sei sempre stato curioso di sapere se i popup dei siti web possono aiutarti a far crescere la tua attività, oggi è il giorno per scoprirlo.

Non sai da cosa iniziare?

Ecco i nostri primi 3 popup di siti Web più popolari:

• modulo di iscrizione via e-mail,

• banner consenso cookie,

• promozione offerta speciale.

Scegli quello più pertinente per la tua attività (o aggiungili tutti al tuo sito Web contemporaneamente) utilizzando Getsitecontrol e provalo gratuitamente.