9 Best practice per la progettazione di popup che continuano ad acquistare i clienti

Pubblicato: 2022-06-29

Ci sono ancora molte polemiche sui pop-up. Ad alcune persone non piacciono, mentre ad altri piace usarli; Ma una cosa è certa, i popup si convertono e sono qui per restare!

I popup, se usati correttamente, sono difficili da trascurare e quindi sono il modo migliore per far sì che i visitatori nuovi di zecca o di ritorno agiscano in base al tuo invito all'azione (CTA).

La buona notizia è che non devi essere un esperto nel campo, creando il miglior design popup per coinvolgere più visitatori e migliorare la tua esperienza utente.

Ci sono alcune regole e pratiche che puoi seguire per creare una buona campagna popup.

popup-design-best-practices-cover-showing-two-popup-overlays

Una guida alle migliori pratiche di progettazione popup

Seguendo le migliori pratiche di progettazione dei popup e utilizzando un'app affidabile per la creazione di popup, è abbastanza facile creare popup altamente accattivanti per il tuo marchio/negozio.

Ecco perché condividiamo con te le nove migliori pratiche per progettare un popup che sia visivamente accattivante e persuasivo. Inoltre, abbiamo incluso alcuni esempi di design pop-up di diversi marchi per dimostrare come funzionano i suggerimenti in azione.

9 suggerimenti per aumentare i tassi di conversione utilizzando design popup efficaci

Se ti stai chiedendo come migliorare il design del tuo popup, aumentare il tasso di conversione e la crescita del business, ecco alcuni suggerimenti utili per iniziare:

1. Identifica i tuoi obiettivi e agisci

simpson-character-opening-life-goal-notebook-to-see-the-goals

Prima di tutto, dovresti capire quali sono i tuoi obiettivi . La verità è che i tuoi progetti popup non possono essere accurati se non sai cosa vuoi da loro.

È importante conoscere i tuoi obiettivi di business prima di iniziare a progettare il tuo popup in modo che il design possa essere allineato con essi.

Devi identificare i tuoi obiettivi e quindi agire di conseguenza.

  • Vendite in aumento.
  • Elenco email in crescita.
  • Promozione del prodotto/servizio.
  • Ridurre l'abbandono del carrello.

Puoi avere obiettivi diversi per ogni popup, ma segui determinate tattiche per ottimizzarli per il miglior risultato.

In questo articolo, esamineremo ciascuna di queste tattiche e forniremo alcuni suggerimenti per implementarle in modo più efficace nei tuoi popup, quindi approfondiamo!

2. Assicurati che il tuo invito all'azione attiri l'attenzione

Rendilo semplice ma intrigante!

Il tuo invito all'azione (CTA) è la chiave per la conversione quando si tratta di design popup.

È la parte del tuo popup che incoraggia i clienti a intraprendere un'azione specifica, come inserire il loro indirizzo e-mail o aggiungere un prodotto al carrello.

Che cos'è un pulsante di invito all'azione?

Se il CTA non attira l'attenzione, molto probabilmente i tuoi potenziali clienti lo ignoreranno, il che vanifica l'intero scopo dell'utilizzo dei popup in primo luogo. Ad esempio, il design popup di questo Hubspot che promuove il suo blog è un buon esempio di invito all'azione semplice ma accattivante.

Hubspot-email-listing-Popup-example-for-CTA-as-Popup-Design-Best-Practices

Ci sono alcune cose che puoi fare per assicurarti che il tuo CTA si distingua:

  • Utilizzare un pulsante al posto del testo ; I pulsanti sono facili da vedere e risaltano sul colore di sfondo.
  • Includere animazioni o grafica animata ; Ciò coinvolgerà i visitatori e li incoraggerà ad agire.
  • Sii breve ; Aggiungi parole stimolanti per assicurarti che i visitatori del sito sappiano esattamente cosa vuoi che facciano.
  • Assicurati che il pulsante o il link sia facile da trovare ; Non vuoi che i visitatori debbano cercarlo.
  • Aggiungi urgenza ; l'uso di frasi come "adesso" o "solo oggi" può creare urgenza e FOMO.

3. Sii breve ma convincente con la tua copia

Dì poco ma dillo bene!

Dal momento che hai solo pochi secondi per impressionare il tuo visitatore , la brevità è essenziale per un design popup di successo.

Sii persuasivo con la tua copia; Concentrati sui vantaggi del tuo prodotto o servizio e usa parole potenti per catturare l'attenzione.

Sfrutta la prova sociale e il coinvolgimento della community per aumentare il tuo messaggio ed essere chiaro su ciò che stai offrendo.

Con un design popup ben realizzato, puoi convincere le persone ad agire e migliorare il tuo tasso di conversione.

Ecco un esempio di un breve e persuasivo popup di Lego. Un popup di navigazione che compare quando visiti per la prima volta il suo sito web ti invita a visitare l'e-store o la play zone.

Brief-Lego-popup-design-navigating-users-to-two-different-sections-of-the-website-with-two-CTA

Nessuna vendita, solo informazioni utili e un breve messaggio! Inoltre, sebbene le CTA siano diverse, attirano l'attenzione e servono allo stesso scopo di indicare la direzione.

4. Applica il contrasto per attirare più attenzione sul tuo messaggio

Uno dei modi migliori per assicurarsi che il design del popup venga visualizzato e applicato è applicare il contrasto .

Usa colori che si oppongono l'uno all'altro sulla ruota dei colori per far risaltare l'elemento più importante del tuo popup ai tuoi spettatori.

ultra-beauty-contrasting-floating-bar-pink-popup-design-best-practices

Un eccellente esempio di questa tecnica in azione è il popup della barra mobile Ultra Beauty.

Il colore rosa di questo popup contrasta con lo sfondo bianco del sito ma è in armonia con lo stile del sito web. Inoltre, il titolo "Non perdere il divertimento!" è breve ma stimolante.

Quindi, se vuoi assicurarti che le persone vedano il tuo messaggio, considera l'utilizzo di un colore contrastante per il tuo pulsante di invito all'azione o per l'intero popup.

Potrebbe essere solo la differenza tra attirare l'attenzione ed essere ignorati!

5. Usa immagini creative e sfruttale al meglio

Ottieni il massimo dallo spazio che hai aggiungendo immagini pertinenti e forme diverse nei tuoi popup. In effetti, più un popup è unico, più è probabile che risalti. Ecco un esempio di popup di notifica di risposta COVID-19 che utilizza immagini correlate e accattivanti:

covid-popup-design-che-mostra-l'immagine-visruse-e-un-buon-CTA

L'uso di immagini e grafica correlate è un ottimo modo per attirare l'attenzione e generalmente è efficace per indurre le persone a notare il tuo popup.

Alcune buone idee per utilizzare le immagini nei tuoi popup includono:

  • Immagini relative al messaggio che vuoi inviare
  • Immagini dei tuoi prodotti.
  • Persone che rappresentano il tuo pubblico di destinazione o il cliente ideale.
  • Mostra i tuoi prodotti in uso.

6. Adatta il tuo design popup allo stile del tuo sito web

I popup possono aiutarti a convincere le persone a prestare attenzione al tuo messaggio se sono ben progettati. Tuttavia, devi farlo con stile!

Abbinare il design del tuo popup allo stile generale del tuo sito web è essenziale per l'identità del tuo marchio.

In questo modo, il popup apparirà più lucido e si distinguerà dal resto del contenuto delle tue pagine.

Usando Adobe Color, puoi creare un design popup corrispondente. Puoi caricare uno screenshot del tuo sito Web o della pagina in cui apparirà il popup e Adobe Color suggerisce semplicemente i colori che funzioneranno con il tuo sito.

Quindi puoi incorporare questi colori nel design del tuo popup per creare un aspetto coerente.

popupsmart-popup-design-matching-popup-to-site-style-showing-team-members-smiling-and-inviting-the-user-to-book-a-demo

Questo è un esempio dell'intento di uscita di Popupsmart che si rivolge perfettamente ai potenziali clienti e corrisponde all'identità del marchio e allo stile del sito web.

La soluzione Popupsmart per la creazione di popup ti consente di personalizzare completamente i tuoi popup in modo che corrispondano allo stile del tuo negozio.

7. Non chiedere troppe informazioni

Quando tutto ciò di cui hai bisogno per contattare un cliente è la sua email, perché disturbarlo con così tanti campi?

La riduzione del numero di campi di input in un modulo popup può spesso comportare una migliore esperienza e coinvolgimento del cliente.

Una buona regola pratica è chiedere solo le informazioni di cui hai bisogno. Ciò renderà più facili i viaggi dei tuoi clienti e sarà più probabile che completino il modulo.

Limitare il numero di campi di input nel modulo popup ti aiuta a migliorare l'usabilità e ottenere risultati migliori. Tienilo a mente quando progetti il ​​tuo popup di posta elettronica successivo!

Forever-21-design-pop-up-e-mail-semplice-con-20-percento-di-sconto-e-mostra-due-modelli-bambina-e-ragazzo-in-abiti-del-marchio

Questo è un buon esempio; Forever 21 offre uno sconto del 20% in cambio di un indirizzo e-mail in questo pop-up.

8. Semplifica la chiusura dei popup

Non è un segreto che i popup possono essere piuttosto fastidiosi se usati in modo errato. Ma sai cosa c'è di peggio? Difficile chiudere i popup!

Molti esperti di marketing sbagliano usando "X" piccole, impercettibili e difficili da fare clic che frustrano i visitatori e li portano ad andarsene. O peggio, decidono di abolire del tutto i pulsanti di chiusura , sperando che i visitatori se ne accorgano da soli.

Rendere facile per i visitatori chiudere i tuoi popup li fa continuare a interagire con il tuo sito.

Dai un'occhiata a 20 popup di ispirazione utilizzati da marchi famosi.

Non può esserci fine alle persone che lasciano i siti Web solo perché non potevano chiudere un fastidioso popup che continuava ad apparire. Non rischiare di danneggiare la tua frequenza di rimbalzo in questo modo!

Con Popupsmart, puoi personalizzare il pulsante di chiusura del popup in modo che corrisponda allo stile del tuo sito pur rimanendo accessibile ai visitatori.

9. Crea popup mobili personalizzati

Come tutti sappiamo, il traffico mobile sta diventando sempre più importante e se il tuo sito web non è ottimizzato per i dispositivi mobili, stai perdendo un sacco di potenziali affari.

La personalizzazione dei popup per dispositivi diversi può essere difficile, ma garantisce che tutti i canali e il pubblico possibili vengano raggiunti.

Poiché gli utenti desktop hanno uno schermo più grande, puoi aggiungere più elementi al tuo popup. creazione-di-design-popup-per-desktop-personalizzati-con-strumento-popupsmart

D'altra parte, gli utenti mobili sono limitati, quindi devi ridurre il numero di fattori nel tuo popup. creazione-di-design-popup-mobile-personalizzati-con-Popupsmart-tool

Popupsmart semplifica il passaggio dalla visualizzazione desktop a quella mobile , in modo da poter modificare facilmente gli elementi che devono essere modificati.

Puoi anche creare popup separati per dispositivi diversi o utilizzare lo stesso design per il tuo popup mobile.

Se vuoi che i tuoi popup mobili siano divertenti e coinvolgenti, considera i suggerimenti di seguito:

  • Accorcia la tua copia popup e CTA per il tuo dispositivo mobile
  • Rimuovere eventuali immagini di sfondo confuse
  • Riduci al minimo il numero di campi modulo

Inizia subito a progettare i tuoi popup ad alta conversione!


Seguendo queste best practice per la progettazione dei popup, puoi creare un'esperienza coinvolgente per il tuo marchio che porti a clienti soddisfatti.

Basare il tuo popup su questi principi aumenterà le tue possibilità di ottenere più conversioni e, in definitiva, ti aiuterà a raggiungere i tuoi obiettivi di branding.

Inoltre, queste pratiche non sono difficili da seguire e puoi improvvisarle secondo le tue esigenze.

Tuttavia , è meglio ricordare che tutto dovrebbe essere orientato verso un obiettivo: aiutare gli utenti a completare l'azione desiderata .

Ci sono altre best practice che vorresti aggiungere a questo elenco? Fateci sapere nei commenti!

Di seguito sono elencati alcuni articoli correlati che potresti trovare utili nella tua ricerca:

  • 27 design popup perfettamente ottimizzati da ispirare per il 2022
  • Popup UX Design: errori comuni e cosa fare invece
  • Popup e-mail: guida completa con 15 esempi brillanti

Termini correlati:

  • Che cos'è la percentuale di clic (CTR)?
  • Che cos'è il tasso di conversione?
  • Che cos'è l'email marketing?