5 suggerimenti facili da implementare per progettare un popup avvincente (con 24 esempi)

I popup e altri messaggi in loco di solito vengono visualizzati nello "spazio di vendita al dettaglio" più premium che devi comunicare con i tuoi clienti: il tuo sito web. Appaiono alle persone più interessate ai tuoi prodotti, ecco perché hanno cliccato, giusto? E ciò significa che sono i più aperti a qualsiasi tua grande offerta.

Tuttavia, molti esperti di marketing presentano popup incredibilmente semplici, privi di fantasia e persino decisamente brutti.

Come mai?

Perché i popup sono potenti e ottengono risultati... anche quando non ti dedichi molto alla loro progettazione. I marketer che sono abituati a percentuali di clic inferiori all'1% sono spesso soddisfatti di un tasso di conversione del 3-5% per i loro popup. Sembra "abbastanza buono".

In realtà, questi marketer sono seduti su una miniera d'oro, semplicemente non se ne sono ancora resi conto. Con alcune semplici modifiche, potrebbero raddoppiare o triplicare i tassi di conversione dei loro popup. Con un po' più di lavoro (come personalizzare il messaggio per i segmenti chiave), potrebbero creare popup con tassi di conversione del 30-50%.

Quanta differenza farebbe per le loro attività?

Il design è super potente con i popup e mettere insieme un popup bello e ben progettato può essere la tua attività con il ROI più alto come marketer. Investi solo pochi minuti del tuo tempo ora e potresti avere un asset che ti genera denaro per mesi o anni a venire!

Invece di dedicare ore e ore alla microottimizzazione degli annunci di Facebook per un aumento del 5% del CTR, consiglio di dedicare una frazione di quel tempo all'ottimizzazione dei messaggi in loco.

Vediamo come ottenere il massimo dal design dei tuoi popup!

Prima di tutto: perché il design di un popup è importante? Non è solo un semplice messaggio, in cui il contenuto ha la meglio sul design?

Sebbene il messaggio e la proposta di valore del tuo popup siano molto importanti, un ottimo design può davvero aumentare l'efficacia di qualsiasi messaggio. I popup di solito escono dal nulla e hanno solo pochi secondi per impressionare il visitatore. E nel nostro mondo che richiede attenzione, impressionare un visitatore del sito web non è un compito facile.

Avere un popup bello e unico come quello qui sotto potrebbe ottenere tassi di conversione fino al 50%! Nel frattempo, presentare la stessa offerta (un normale 10% di sconto) in un modo noioso e di solo testo sarebbe fortunato a raggiungere un tasso di conversione del 10%. Questa è una differenza del 400%!

Anche i grandi marchi a volte sbagliano.

Basta guardare questo popup di Mailchimp. È molto probabile che la conversione sia inferiore al 2%, il che significa che il 98% dei visitatori è stato interrotto (e quindi infastidito) inutilmente.

Ora che sappiamo perché il design dei popup è importante e abbiamo visto un esempio di cattivo design dei popup che non vuoi copiare, passiamo alle cose buone: come progettare popup accattivanti e alcuni esempi stellari per l'ispirazione.

Contrariamente ad alcuni miti del marketing online, non esiste una singola combinazione di colori superiore a tutte le altre.

Ci sono, tuttavia, due fattori importanti nella scelta dei colori:

• Dovresti essere in grado di creare contrasto (e quindi concentrarti) sui tuoi elementi più importanti
• Le tue scelte di colore dovrebbero corrispondere al tuo marchio e creare un'esperienza uniforme e uniforme.

Discuteremo entrambi questi suggerimenti in modo più dettagliato nelle prossime sezioni.

Ma come regola di base, puoi scegliere uno sfondo bianco e utilizzare il colore principale del tuo marchio come titolo e colore del pulsante CTA. Questa è una soluzione molto classica e a basso rischio.

Dai un'occhiata a questo esempio di Enro:

Se preferisci utilizzare i colori del tuo marchio come sfondo, Mented Cosmetics fornisce un bell'esempio. Non solo si abbina ai colori del marchio, ma sottolinea ulteriormente i valori aziendali:

Puoi anche usare tavolozze di colori invertiti con sfondi scuri. In questi casi, i caratteri dovrebbero essere prevalentemente bianchi o grigio chiaro. L'uso di colori più saturi toglierebbe la leggibilità dei tuoi messaggi.

"Less is more"—è un detto fin troppo vero quando si tratta di popup.

Dal momento che hai un tempo molto limitato per attirare l'attenzione e generare interesse, il tuo messaggio e il tuo design devono essere semplicissimi.

Cerca di essere spietato con ogni parola ed elemento nel tuo popup e assicurati che ognuno sia assolutamente necessario.

Quando pensi che sia abbastanza semplice, prova ad andare ancora più semplice finché non rimane nient'altro che una proposta di valore principale e un CTA.

Ti starai chiedendo: significa che dovremmo limitarci a popup di solo testo in bianco e nero come quello qui sotto?

La risposta è un sonoro NO!

La maggior parte delle persone leggerà solo poche parole del contenuto del popup prima di decidere se continuare a leggere o semplicemente chiudere il popup. Ciò significa che il design del tuo messaggio (colori, immagini, estetica, ecc.) avrà almeno la stessa quantità di impatto sull'efficacia del tuo messaggio del titolo.

Naturalmente, se l'essenza del tuo messaggio è incentrata su prodotti specifici, allora (come su una pagina di destinazione di una categoria) devi mantenere il resto del tuo messaggio il più semplice possibile per lasciare che l'attenzione rimanga sui prodotti.

Scopri come lo fa Burberry di seguito: usano un messaggio essenziale e semplicissimo con un contrasto perfetto e si concentrano su tre prodotti visti di recente.

I tuoi messaggi in loco non vengono visualizzati nel vuoto, ma come parte del tuo sito Web, anche se vengono visualizzati in overlay. Quindi è importante che i tuoi popup si fondano perfettamente con il tema del tuo marchio.

Ciò significa che dovresti scegliere elementi (font, immagini, ecc.) simili a quelli utilizzati sul tuo sito web.

ClickUp è un ottimo esempio di come creare popup semplici ma efficaci, che si adattano perfettamente alla guida di stile del marchio:

Puoi facilmente mantenere i tuoi popup sul marchio utilizzando i caratteri del tuo marchio e il tuo logo, come fa Ramp:

Anche se sei nel mondo B2C in cui promuovi altri marchi, puoi estrarre elementi da entrambi i marchi, come fa Sephora con questo popup relativo a Gucci:

È importante che i tuoi popup si fondano con il tema del tuo marchio, sì. Tuttavia, è anche fondamentale che si distinguano e catturino l'attenzione dello spettatore.

Se hai molti contenuti (ad es. un elenco puntato di cose incluse nella tua offerta), assicurati che la tua proposta di valore sia chiara nella copia dell'intestazione.

Inoltre, assicurati che il colore CTA si distingua dal resto del popup e che il pulsante sia grande e leggibile. Il titolo e l'invito all'azione sono solitamente i due elementi più importanti dei tuoi popup, quindi assicurati che abbiano un contrasto sufficiente.

Ad esempio, puoi scegliere un colore brillante e contrastante per il tuo pulsante CTA. Ciò lo renderà molto più accattivante e i tuoi visitatori avranno maggiori probabilità di fare clic su di esso.

Se il tuo popup è per lo più nero, potresti prendere in considerazione l'utilizzo di arancione o rosa acceso per il pulsante di invito all'azione.

L'uso di diverse dimensioni dei caratteri è il modo più semplice per focalizzare l'attenzione del pubblico sull'essenza stessa del tuo popup. Anche se hai più tipi di testo sullo stesso popup, puoi utilizzare le dimensioni dei caratteri, i colori e altre tecniche di aumento del contrasto per porre l'accento sul valore principale del tuo messaggio, come fa Komily:

Se hai un sito Web scuro, spesso devi introdurre un po' di contrasto giocando con il colore del tuo lightbox (sai, quell'area grigia e semitrasparente attorno ai tuoi popup).

Ad esempio, se il tuo popup ha un colore scuro, puoi utilizzare una sovrapposizione più chiara mentre è visualizzato.

Oppure puoi utilizzare una versione a schermo intero del tuo popup, che copre il 100% dello schermo, questo assicura che il tuo popup sarà visibile, come nell'esempio seguente:

Se disponi di più pulsanti, puoi utilizzare diversi colori dei pulsanti per enfatizzare l'invito all'azione principale, indicando agli utenti in modo sottile quale opzione è la scelta migliore per loro:

Un'altra strategia prevede l'inserimento di elementi visivi come le frecce che puntano verso il pulsante di invito all'azione. Puoi usare oggetti direzionali luminosi disegnati a mano per evidenziare il tuo invito all'azione, come nel popup qui sotto:

Un altro modo per enfatizzare la tua offerta attraverso il design popup è utilizzare forme modello insolite. Questi rompono lo schema dei popup rettangolari generici che le persone vedono in tutto il Web e attirano l'interesse semplicemente perché sono unici.

Fai attenzione a non porre l'accento su troppi elementi. Se hai un popup sondaggio come quello qui sotto, assicurati di utilizzare uno stile di pulsante secondario e meno aggressivo per i tuoi pulsanti:

Come dice l'adagio, "un'immagine vale più di mille parole". Questo è certamente vero per i popup!

In effetti, il cervello umano elabora le immagini 60.000 volte più velocemente del testo e il 90% delle informazioni trasmesse al cervello è visivo.

Ecco perché alcuni fantastici elementi visivi possono migliorare notevolmente l'efficacia della tua messaggistica in loco. L'obiettivo è scegliere la grafica giusta per amplificare il messaggio scritto, come fa questo popup:

Devi trovare immagini di alta qualità per il tuo popup. È meglio utilizzare foto reali dei tuoi prodotti anziché immagini di stock, come fa BlendJet:

L'approccio migliore è esaminare le immagini del tuo prodotto/marchio e scegliere un'immagine pertinente che sia allineata al tuo messaggio, come questo popup di The Oodie:

Se stai eseguendo saldi stagionali, è buona norma aggiornare i tuoi messaggi con le stagioni. Essere pertinenti e tempestivi crea la sensazione che queste offerte siano limitate nel tempo, aumentando la paura di perdere (e quindi, conversioni):

Anche se non hai nulla di specifico da offrire, il semplice aggiornamento dei tuoi messaggi in base alla stagione in corso potrebbe comunque migliorare notevolmente i tassi di conversione, proprio come questo messaggio:

Se i tuoi prodotti sembrano divertenti o utili nelle foto, sarà più probabile che le persone li acquistino e si iscrivano alle tue liste di email o SMS in cambio di sconti.

Se stai cercando di incoraggiare i visitatori a richiedere un omaggio, puoi usare parole e immagini che collegano il tuo messaggio al cuore del tuo pubblico, come fa Castlery:

Spero che tu abbia trovato utile il mio elenco di best practice ed esempi di progettazione popup!

L'importanza di un ottimo design dei popup è spesso trascurata. Ma si spera, ora che hai visto quale impatto può avere un design intelligente, non tornerai mai più a popup noiosi e ronzanti! Investire un po' di tempo nella progettazione di straordinari popup sul marchio avrà un ENORME impatto sui tassi di conversione e farà salire il tuo ROI alle stelle.

Nuovo per i popup? Inizia con uno dei nostri modelli pronti per l'uso qui!