Marketing e vendite

Tutto sui pop-up: tipi, consigli ed esempi

14 min per leggere

Tutto sui pop-up: tipi, consigli ed esempi

I proprietari di siti web di eCommerce possono generare lead e offrire ai propri clienti esperienze uniche utilizzando i pop-up. Secondo le statistiche, i pop-up generano un tasso di conversione del 9.28%. Quindi è ovvio che sia uno strumento efficace per guidare le conversioni.

Non esiste una regola universale sulla creazione dei migliori pop-up per siti web. Ogni imprenditore ha il proprio obiettivo di conversazione e sceglie il tipo di pop-up corrispondente per il proprio sito. In questo post scoprirai cosa sono i pop-up e perché dovresti usarli sui siti web. Riceverai anche alcuni suggerimenti per l’ottimizzazione e vedrai una serie di esempi pop-up per trarre ispirazione.

Cosa sono i pop-up?

Il pop-up è una finestra con un’offerta informativa o promozionale che si sovrappone al contenuto del tuo sito web. Cattura l’attenzione dei visitatori del tuo sito e li chiama ad azioni che dipendono dai tuoi obiettivi di marketing.

website pop-up example
Un esempio di pop-up standard su un sito web

Una finestra pop-up appare quando i visitatori caricano una pagina quando accedono al sito. Le persone possono anche attivarle scorrendo, cliccando o con l’intenzione di lasciare la pagina. Gli utenti sfogliano il contenuto e questa sovrapposizione grafica si apre sulla loro strada inaspettatamente e involontariamente.

I proprietari di siti web di eCommerce utilizzano un’area di visualizzazione dell’interfaccia utente grafica per promuovere le loro offerte, generare lead ed aumentare la consapevolezza del marchio. Nonostante quanto i pop-up possano essere fastidiosi se usati in modo improprio, la tecnologia pop-up attira ancora molti utenti e incrementa le vendite.

Perché utilizzare i pop-up sul tuo sito

L’utilizzo di finestre pop-up può portare molti vantaggi al tuo sito web e alla tua attività. Questa finestra è una preziosa fonte di informazioni per i tuoi clienti su sconti, abbonamenti, newsletter e nuovi prodotti. Puoi facilmente catturare la loro attenzione e incanalarli in conversioni.

L’implementazione corretta dei pop-up è fondamentale, non per infastidire i visitatori ma per fornire loro informazioni utili. In cambio, puoi beneficiare di più abbonamenti e traffico sul sito web.

I pop-up sul tuo sito possono anche aiutarti a indirizzare i clienti giusti ed aumentare le vendite, i lead e il coinvolgimento sui social media. Migliorerai la tua visibilità sul mercato, poiché i clienti capiranno meglio il tuo marchio e conoscerai meglio le loro esigenze. Inoltre, Google non classifica il tuo sito in basso se usi correttamente i pop-up.

Suggerimenti per la progettazione di pop-up per siti web

Procediamo con le migliori pratiche di progettazione dei pop-up. I pop-up tipici sono relativamente piccoli, quindi devi usare saggiamente lo spazio sullo schermo e prestare particolare attenzione alla grafica e al testo.

Sii coerente

Solo perché il tuo pop-up è un messaggio autonomo, non deve essere un pugno nell’occhio. Puoi renderlo parte del tuo design e aiutare i tuoi visitatori a riconoscerlo immediatamente come un’altra offerta del tuo marchio indirizzata direttamente a loro.

Stufo di vedere landing page noiose? Segui i nostri consigli sulla progettazione dela landing page per assicurarti che la tua si distingua!

Ecco come Cetaphil, un marchio per la cura della pelle, si assicura che i suoi pop-up non vengano scambiati per notifiche casuali di terze parti e ignorati o mascherati. L’azienda utilizza la stessa tavolozza di colori per i pop-up e le pagine del sito web, garantendone l’integrità grafica.

pop-up design example
Un armonioso esempio di design del pop-up

Tuttavia, questo pop-up non si confonde con lo sfondo, grazie ai suoi accenti di colore intelligenti, alla tipografia e all’immagine. È invitante ma non invadente e trasmette informazioni sufficienti per portare l’utente in uno stato d’animo di acquisto senza sopraffarlo.

Rendi il tuo titolo la star dello show

Il tuo titolo dovrebbe essere il primo elemento per catturare l’attenzione dell’utente e farti notare. Puoi renderlo sfacciato, provocatorio, colloquiale o divertente: assicurati solo di non scivolare nel “clickbait”.

Padroneggia i tuoi titoli delle landing page per suscitare interesse nel tuo pubblico target!

Per mantenere la tua coerenza nel marchio, assicurati di utilizzare più o meno lo stesso tono per i tuoi messaggi, siano essi post sui social media, articoli di blog o, come nel nostro caso, pop-up.

Pop-up example
Esempio del titolo di pop-up

Questo esempio presenta un pop-up estremamente pulito ma efficace, con un carattere proprio. Il titolo accattivante non rivela molto: stuzzica l’utente e lo fa leggere ulteriormente, e la copia pop-up spiega il resto, tutto scritto in un tono simpatico ed amichevole. È un ottimo approccio da adottare se vuoi costruire relazioni durature con i clienti e mostrare il lato umano del tuo marchio.

Aggiungi un po’ di sensibilità o scarsità temporale nel mix

Rendi i tuoi pop-up non ignorabili utilizzandoli per promuovere un’offerta stagionale, un articolo in edizione limitata o uno sconto di breve durata. Una volta che i visitatori del tuo sito web apprendono che hanno solo un tot di tempo per esplorare le tue prelibatezze prima che scadano, agiranno rapidamente. Detto questo, non dovresti mentire sui tuoi limiti di tempo: minerà la fiducia del tuo pubblico di destinazione. Assicurati di creare un’offerta a tempo limitato attraente e realistica.

pop-up example
Esempio di pop-up sensibile al tempo

Questo pop-up fa un ottimo lavoro nel catturare l’attenzione del lettore e trasmettere l’essenza dell’offerta. Tuttavia, potrebbe essere ulteriormente migliorato ponendo una maggiore enfasi visiva sul limite di tempo. Puoi ottenerlo utilizzando un colore contrastante o un carattere tipografico più prominente per assicurarti che i tuoi potenziali clienti non aspettino fino allo scadere dell’offerta.

Usa illustrazioni personalizzate invece di immagini stock

Non importa da quanto tempo lavori sul testo del tuo pop-up: se lo abbini ad un’immagine generica e cliché da una libreria di foto gratuita, riduci le possibilità di attirare l’attenzione o l’interesse dei tuoi utenti. Le stesse immagini “royalty-free” vengono utilizzate da centinaia di migliaia di aziende in tutto il mondo, quindi dovresti evitarle se possibile. Piuttosto, cerca immagini uniche che corrispondano al tuo marchio e alla sua estetica.

Impara a creare migliori immagini per le tue landing page e stabilisci la fiducia dei clienti fin dal primo giorno.

Invece di mettere in scena foto innaturali di persone sorridenti, prova ad utilizzare immagini disegnate a mano o stilizzate per rendere il tuo pop-up unico nel suo genere.

illustrations for pop-ups
Illustrazioni uniche per pop-up

Questo pop-up è piuttosto insolito perché include un’illustrazione accogliente invece di una tipica foto d’archivio. L’azienda stessa vende caffè e il design di questo pop-up lo riflette. Questo messaggio sembra più una raccomandazione amichevole che un’offerta commerciale. Ci sono alcune cose che potrebbero rendere questo pop-up ancora migliore, vale a dire un titolo più audace e un invito all’azione più potente.

Dona una scelta ai tuoi utenti

Evita i clic rabbiosi e assicurati che i tuoi visitatori per la prima volta possano chiudere istantaneamente il tuo pop-up e navigare alla tua pagina principale perché è quello per cui sono venuti inizialmente. Non è sempre possibile per loro individuare visivamente il pulsante di chiusura, quindi potresti voler fornire loro un’alternativa, ad esempio un pulsante “No, grazie” o “Magari più tardi”.

pop-up design example
Un pop-up con due opzioni

Aiutando i tuoi utenti a saltare i contenuti che ritengono irrilevanti, mostri loro che ci tieni e che desideri che vivano un’esperienza di acquisto fluida e positiva. Proprio come in questo esempio, puoi anche includere un collegamento alla tua informativa sulla privacy nel modulo di iscrizione pop-up per rimanere trasparente ed onesto con il tuo pubblico.

Rendilo più personale ed emotivo

Puoi scegliere un altro modo ed utilizzare foto reali invece di illustrazioni personalizzate: assicurati solo di scegliere gli scatti dall’aspetto più naturale in cui il tuo pubblico possa vedere la tua personalità o quella del tuo team. Aiuterà i tuoi messaggi pop-up a distinguersi dalla massa e scatenerà una risposta emotiva nel tuo pubblico target.

pop-up with a real photo
Un pop-up con una foto reale invece di un’immagine stock

Non avrai nemmeno bisogno di lavorare troppo a lungo sulla tua copia una volta che avrai messo le mani su una buona immagine. Una foto attraente ed autentica farà la metà del lavoro per te, dicendo non verbalmente ai tuoi visitatori di cosa tratta il tuo marchio e chi c’è dietro.

Non prenderlo troppo seriamente

Un pop-up può essere un messaggio noioso, formale e pesante. Oppure può essere una piccola delizia, una bomboniera per i tuoi utenti: dipende da te. Puoi usare giochi di parole, meme, GIF o emoji per ravvivare i tuoi moduli di iscrizione e far sorridere i tuoi visitatori. Dai un’occhiata a questo esempio per vedere come è fatto.

cheeky subscription form
Un modulo di iscrizione informale e sfacciato

Anche se il tuo tono di voce principale è relativamente formale, puoi utilizzare formati più piccoli come i pop-up per sperimentare e vedere come i tuoi clienti reagiscono ad una versione più rilassata del tuo marchio. Inoltre, potrebbe incoraggiarli a svolgere un’attività altrimenti noiosa come compilare un modulo.

Offri valore

Prima di chiedere ai visitatori del tuo sito web di condividere le loro informazioni personali con te, dai loro una solida ragione per cui dovrebbero farlo. L’unico modo per evitare che il tuo pop-up venga percepito come spam è assicurarti che prometta un valore reale. In che modo i tuoi clienti trarranno vantaggio dalla compilazione del modulo? Cosa possono aspettarsi dopo averti dato il loro indirizzo email o numero di telefono? Perché dovrebbero dare un’occhiata alla tua offerta speciale?

Pop-up example
Pop-up che offre un valore reale agli utenti

Metti una forte enfasi sulla tua esperienza e fai sapere ai tuoi visitatori per la prima volta che sono in buone mani. Progetta i tuoi pop-up in modo da evidenziare la tua proposta di vendita unica. Questo esempio dimostra come farlo utilizzando titoli intelligenti e nitidi e tasti CTA impossibili da perdere.

L’uso dei collegamenti a piè di pagina è una delle migliori pratiche di progettazione dei pop-up per un motivo. Divulgare la tua politica sulla privacy può aiutarti a migliorare il tuo tasso di conversione perché i tuoi visitatori manterranno la loro tranquillità sapendo che non venderai o abuserai dei loro dati.

Rispetta lo spazio sullo schermo dell’utente

Lascia che la tua creatività si scateni durante la progettazione dei pop-up, ma non dimenticare l’esperienza utente. Giustifica il tuo uso dello spazio e non permettere ai tuoi messaggi di dirottare l’intero schermo se tutto ciò che stai offrendo è uno sconto modesto. Se vuoi che il tuo messaggio attiri l’attenzione, prova ad utilizzare colori vivaci o forme insolite.

Guarda questo esempio di design di pop-up di BarkBox. Il messaggio è minuscolo ma difficile da perdere a causa del suo allegro sfondo giallo, che non è affatto in conflitto con la combinazione di colori del sito web. Possiamo vedere la stessa tonalità di giallo utilizzata per evidenziare il testo in tutta la pagina.

pop-up example
Un esempio di pop-up di piccola taglia

Il tasto CTA conduce ad un elegante modulo passo-passo in cui agli utenti viene chiesto di descrivere il proprio animale domestico per ottenere una scatola personalizzata con giocattoli e dolcetti. Un tentativo di comprimere un questionario così grande in un pop-up si sarebbe trasformato in un disastro UX: un messaggio di piccole dimensioni è un’opzione migliore.

Mantieni anche i pop-up “noiosi” amichevoli e conversazionali

I pop-up legali hanno il diritto di occupare l’intero schermo perché contengono importanti disclaimer e proteggono i contenuti del sito web. In effetti, dovrebbero essere a schermo intero per attirare l’attenzione totale dell’utente.

Allo stesso tempo, sono spesso inutilmente formali, se non intimidatori. Puoi seguire l’esempio del birrificio Sakari ed aggiungere un po’ di personalità al design e al testo del pop-up del tuo sito web.

pop-up example
Un pop-up con un disclaimer legale

Questa sovrapposizione pop-up leggera lascia un’impressione positiva e funge da elegante introduzione al sito web stesso. Invece di far digitare all’utente la sua età esatta, il pop-up chiede semplicemente se la sua età consente loro di consumare legalmente alcolici nel proprio paese. Dal momento che non c’è modo per l’azienda di provare se le informazioni inviate sono vere, preferiscono non annoiare i propri utenti con moduli e campi privi di significato.

Tipi di pop-up da usare sul tuo sito eCommerce

Sai cos’è un pop-up e come progettare quello più efficace, ora è il momento di trovare alcuni tipi di pop-up popolari con esempi stimolanti.

Pop-up di sconti

Quando le persone visitano un sito di eCommerce, possono vedere una finestra che offre uno sconto o un coupon. Il 97% degli acquirenti cerca sempre offerte quando fa acquisti nei negozi online, quindi un pop-up di sconto li incoraggia a comprare qualcosa.

Un pop-up di sconto attraente offre ai clienti un affare redditizio: qualsiasi cosa, da 10 dollari di sconto sul loro primo acquisto a un codice di sconto del 20%. Non si attiva istantaneamente ma compare sul sito in 5-10 secondi, per non infastidire i visitatori. Questo pop-up può essere visualizzato quando i visitatori scorrono una certa percentuale della pagina o vogliono uscire.

Puoi sfruttare al massimo il tuo pop-up di sconto con un invito all’azione forte e creativo. Se imposti un limite di tempo, è più probabile che gli utenti beneficeranno della tua offerta. Assicurati che sia facile da usare e che i clienti passino immediatamente ad una pagina con i tuoi prodotti più venduti.

Esploriamo diversi esempi di pop-up per siti web con sconti.

discount pop-up
Un pop-up di sconto minimalistico con un solo campo di inserimento

Un esempio di pop-up di sconto di Hydrant incoraggia i visitatori a richiedere l’offerta di 5 dollari. Le persone possono inserire i propri indirizzi email ed ottenere uno sconto o ignorare l’offerta e pagare il prezzo intero. Questo CTA fa sentire ai visitatori che perdono qualcosa e li incoraggia a risparmiare sugli acquisti. È chiaro, ben leggibile e facile da capire, poiché non devi calcolare alcuna percentuale dal prezzo totale per trovare la somma del tuo sconto.

Uno dei migliori pop-up per siti web è quello di Hashtag Company. Il suo titolo chiaro e semplice si concentra sul valore che un utente ottiene ed incentiva nuove iscrizioni.

discount pop-up
Un elegante pop-up di sconto che corrisponde allo stile del sito web

Pop-up di omaggi

Un pop-up omaggio è perfetto per promuovere nuovi prodotti, far crescere la tua mailing list ed incrementare le vendite. Con un pop-up accattivante, i proprietari del sito di eCommerce possono informare i visitatori dell’omaggio al momento giusto ed invitarli a partecipare. Puoi anche aggiungere un conto alla rovescia per aumentare l’urgenza e far agire le persone più velocemente.

Ecco come può apparire un pop-up omaggio:

giveaway pop-up
Un pop-up omaggio utilizzato per convertire i nuovi visitatori in abbonati

Questo pop-up omaggio cattura l’attenzione dei visitatori fin dalle prime righe. Ci sono istruzioni esplicite su come partecipare e vincere un omaggio. Usando questo tipo di pop-up puoi ottenere più abbonati ed incoraggiare i visitatori ad effettuare un ordine per ottenere il tuo omaggio.

Pop-up di abbandono del carrello

Molte aziende registrano un aumento dei tassi di abbandono del carrello pari al 98% in alcuni settori. Puoi fare tutto correttamente, offrendo alle persone il tuo aiuto e ricevere la loro email, ma qualcosa può andare storto e improvvisamente questi lasciano il loro carrello.

Il tuo compito è quello di non consentire ai clienti di andarsene fino al check-out. I pop-up di abbandono del carrello possono aiutarti a convincere i visitatori a restare e ad acquistare. Ad esempio, Menkind Friendly ricorda ai visitatori di completare i loro acquisti.

cart abandonment pop-up
Un pop-up di abbandono del carrello che stimola i visitatori a completare l’acquisto

Per rendere più attraente il tuo pop-up di abbandono del carrello, puoi offrire ai clienti un codice coupon o un omaggio per vincere i loro articoli nel carrello. Ad esempio, Adidas utilizza un pop-up di abbandono del carrello tempestivo per assicurarsi che i propri visitatori sappiano che l’azienda offre la spedizione gratuita.

pop-up example
Un esempio di pop-up che stimola i visitatori con la spedizione gratuita

Pop-up di promozione delle vendite

Se stai per lanciare una campagna di vendite, prendi in considerazione l’idea di dare ai tuoi visitatori un avviso sui saldi imminenti. Ti aiuterà a creare aspettative se lanciato una settimana prima dei giorni di vendita più intensi, ad incoraggiare i potenziali clienti a scoprire i tuoi prodotti in anticipo e a migliorare le tue relazioni con i clienti.

Ecco un esempio di pop-up tempestivo che crea un senso di urgenza senza disturbare i visitatori.

sales promotion pop-up
Un pop-up con uno sconto del 40% è un incentivo efficace per spingere i clienti ad esplorare i prodotti

Pop-up di sondaggi

Se vuoi raccogliere più feedback dai clienti ma non vuoi disturbare gli utenti con troppe domande, un pop-up di sondaggio è un’ottima opzione per te. Ti consente di misurare la soddisfazione degli utenti e tracciare punti deboli nel tuo prodotto o servizio, lanciare campagne di nutrimento personalizzate, identificare opportunità di upselling, ecc., senza ostacolare l’esperienza del tuo utente.

Il feedback dei tuoi clienti è essenziale per pianificare meglio e dare priorità allo sviluppo del tuo prodotto. Ma come si generano informazioni sui clienti in modo efficace? È più probabile che le persone rispondano a domande sul tuo prodotto quando lo hanno appena acquistato. Quindi, prendi in considerazione l’idea di lanciare un pop-up di sondaggio post-acquisto offrendo un codice sconto o un regalo alle persone che condividono il loro feedback.

Ecco un esempio di pop-up di sondaggio:

survey pop-up example
Un esempio di pop-up di sondaggio utilizzato per valutare l’esperienza dei visitatori

Nota quanto poco sforzo è richiesto da un visitatore per completare questo sondaggio: tutto ciò che deve fare è selezionare l’opzione appropriata. Non disturba i visitatori con l’apertura di una nuova finestra del browser né li indirizza ad una pagina diversa.

Pop-up di prova sociale

La prova sociale è un ottimo modo per dimostrare ai tuoi clienti che il tuo marchio è affidabile e che il tuo obiettivo principale non è solo fare soldi con loro. Un pop-up è un modo eccellente per entrare in contatto con i visitatori del sito e mostrare loro i tuoi migliori prodotti, le testimonianze dei clienti o le competenze. Considera che i numeri rafforzano la prova sociale. Guarda un esempio qui sotto di come mostrare il numero dei tuoi iscritti alla newsletter.

social proof pop-up
Un pop-up di prova sociale che motiva i visitatori a convertirsi in clienti

Se stai cercando altre ottime tecniche di pop-up del sito web per evidenziare la tua prova sociale, puoi combinarle con FOMO. Ad esempio, se dichiari che questo prodotto bestseller si esaurisce rapidamente e possono utilizzare uno sconto per acquistarlo qui e adesso, questi interagiranno attivamente con il tuo pop-up. Inoltre, puoi mostrare ai visitatori quanti utenti stanno guardando lo stesso prodotto in questo momento. È così che Pandora avverte un utente che abbandona che il prodotto che sta visualizzando è molto richiesto.

Considerazioni finali

Ora puoi vedere che un pop-up sul sito web è un potente strumento per aumentare la tua base di clienti ed incrementare le vendite. Quindi, se ti senti abbastanza ispirato e vuoi dare vita ai tuoi pop-up, noi lo rendiamo semplicissimo con il nostro servizio pop-up: assicurati di testarlo ora!

Pubblicato il:

29 Giugno 2023

Olha Zubarieva

Olha is a content marketer passionate about technology and how it transforms our daily routine. She's also into traveling and...

1 Star2 Stars3 Stars4 Stars5 Stars
Loading...
Punteggio medio: 5/5
Totale voti: 1

Condividi:

Facebook Twitter