Casa  /  Tutto  / Esempi di progettazione e ispirazione di popup di siti Web creativi

Esempi di progettazione e ispirazione di popup di siti Web creativi

Esempi di progettazione e ispirazione di popup di siti Web creativi

Ogni operatore di marketing ha bisogno di un file di scorrimento per l'ispirazione del design popup e gli esempi. In questo articolo ti mostrerò il mio file di scambio che utilizzo quando devo creare dei popup nuovi e accattivanti

A parte gli esempi di Poptin in questo galleria, Consiglio vivamente di far fluire i tuoi succhi creativi anche con altri esempi.

In questo articolo, esamineremo alcuni design ed esempi di popup creativi e stimolanti per migliorare i nostri tassi di conversione dei lead magnet del 2022.

Tuffiamoci dentro

Popup di progettazione di copie di onestà e autenticità 

Consiglierei sempre un popup dal design di copia onesto e autentico che avrebbe sempre il suo fascino nell'attirare il lettore a fornire il proprio indirizzo email.

Wikipedia ha fatto un ottimo lavoro essendo onesta e chiedendo donazioni per continuare a crescere. Abbiamo tutti bisogno che le informazioni siano libere e imparziali e Wikipedia fa un ottimo lavoro in questo. Quindi, questa copia dal design semplicistico ha i suoi meriti.

image9

L'altro popup onesto che ho trovato è stato realizzato da ProfitWell. Mentre ero sul sito web di ProfitWell, hanno promosso lo smontaggio della pagina dei prezzi. Sebbene abbia un buon contenuto, dal momento che stavano interrompendo la mia esperienza utente sul blog, hanno iniziato con "noi odiamo i popup..." - potrei identificarmi perfettamente con esso. 

image10

Perché? È onesto, sincero e dà qualcosa in cambio di un indirizzo email. Inoltre, le immagini sono reali e questi due ragazzi nel popup qui sopra fanno un ottimo lavoro. 

Mi sono subito iscritto.

Se riesci a rendere il design di un popup pertinente, empatico e ad avere una buona copia, probabilmente avrà un tasso di conversione decente

Popup dal design semplicistico

A volte la semplicità è tutto ciò di cui hai bisogno e fa bene il lavoro. Perché il design semplice dei popup funziona? Di solito funziona quando la tua offerta è ottima, sì prova sociale, e la copia è fantastica.

Con questo, vorrei condividere un ottimo esempio offerto ai professionisti del marketing (noi professionisti del marketing di solito siamo critici nei confronti degli altri, tra l'altro).

image12

Harry esegue a secco questo piccolo progetto e mostra il popup sopra all'intento di uscita. Ha prove sociali (9691 esperti di marketing), suggerimenti pratici, 2 minuti di lettura (barriera bassa) ed è anche onesto perché dice che meno dello 0.4% delle persone annulla l'iscrizione ed è gratuito. 

Questo tipo di copia con una grande offerta funzionerà sempre. Se stai cercando un esempio di design semplicistico a cui ispirarti, allora questo sarebbe il vincitore.

Infine, non dice "iscrivimi", ma dice "aggiorna il mio marketing", che in realtà fornisce un invito all'azione basato sul valore.

Ottimo lavoro Harry!

Nota del redattore: Dai un'occhiata a questi suggerimenti per il copywriting tratti da esempi di marketing 

Un altro esempio di design popup molto semplicistico che ottengo è ispirato da Ahrefs.

image2

Ahrefs presuppone che il visitatore del blog non possa essere inserito in un funnel, e quindi è meglio nutrirlo continuamente con nuovi contenuti. Quel contenuto è come una pagina di vendita, quindi il lettore/visitatore alla fine si convertirà.

Quindi, il popup semplicistico sopra con una mascotte fa un ottimo lavoro nella conversione. Secondo Ahrefs, ha più dello 0.5% di conversioni sui 250 visitatori mensili. Bene, allora funziona.

L'ultima ispirazione semplicistica per il design dei popup proviene dai growth hacker che seguo. Questi sono un gruppo di ragazzi che insegnano marketing di crescita e il loro popup è semplice ma efficace per gli studenti come me. È semplicemente una copia fantastica e un sacco di prove sociali. 

image1

Esempi di progettazione di popup mascotte 

Ad essere sincero, adoro i popup delle mascotte. Ha una personalità e dà il lato creativo del blog o del sito web. Per non parlare del fatto che è ottimo per la consapevolezza del marchio.

Non sono un dipendente di Poptin ma adoro il loro pop-up con la mascotte del pappagallo.

image8

Nell'esempio sopra, Poptin lo mostra con l'intenzione di uscire e usa l'approccio della paura per farmi iscrivere. La barriera per iscriversi è così bassa perché ci vogliono appena due minuti. La mascotte del pappagallo vola continuamente, quindi attira l'attenzione.

Se vuoi utilizzare la tua mascotte per il design dei popup, assicurati che riceva la giusta attenzione.

Infine, la copia offre la possibilità di avviare un account gratuito e ottenere più clienti tramite tali visitatori. Bello!

Mi iscriverei solo perché è fatto in modo così elegante.

Un'altra buona ispirazione creativa che utilizza bene il contesto è Hipmunk.

image4

Questo popup sfrutta la mascotte e il tempo di attesa e caricamento. Hipmunk ha fatto un buon lavoro con la mascotte per attirare l'attenzione, ma il posizionamento e l'attivazione sono stati fatti ancora meglio. 

È semplice ed efficace. Consiglierei questo tipo di popup se c'è molto tempo di attesa per la tua domanda.

Ispirazione per il design dei popup di content marketing

Se disponi di buoni contenuti che puoi facilmente promuovere e acquisire alcuni contatti collaterali, perché non dovresti offrirli? Puoi semplicemente promuovere ebook, webinar, infografiche, offerte della community e molto altro.

Appcues ha fatto un buon lavoro condividendo la propria accademia di onboarding qualche anno fa. La loro accademia ha formato molti imprenditori e product manager SaaS. Ecco un esempio del loro precedente design popup:

image7

 Il popup sopra è stato fatto da a buon progettista e con una splendida copia. Hanno un popup simile anche per gli aggiornamenti del loro blog.

image6

Personalmente mi piace il popup della loro accademia di onboarding molto meglio di quello del blog. Tuttavia, dovresti utilizzarli entrambi per convertire più visitatori.

Personalmente, se guardiamo l'offerta del blog, consiglierei sempre di aggiungere un po' di tocco nel testo come Airfocus (roadmap del prodotto strumento) lo fa:

image13

Leggi di più: Roadmap del prodotto

Ho anche promosso molti contenuti relativi al mio prodotto e ho utilizzato i moduli di Poptin che mi hanno dato tassi di conversione piuttosto buoni.

Ho promosso il corso di posta elettronica e la scuola di adozione dei prodotti di Userpilot. Sorprendentemente, abbiamo ottenuto una conversione migliore dai moduli incorporati nel blog rispetto ai popup. Questi sono sicuramente buoni esempi.

image3

Questo è il modello di Poptin che sto usando e che funziona abbastanza bene. 

image5

Entrambe le ispirazioni progettuali promuovono i contenuti con il testo in modo efficace. 

Un'altra buona ispirazione per il design dei popup di contenuti che ho ricevuto e da cui ho preso ispirazione è stata Demio. Demio è uno strumento di gestione dei webinar e sono stato promosso al loro ebook. Dato che stavo cercando di saperne di più su "come gestire i webinar", è stato posizionato correttamente.

Ma il più efficace è stato il design e il testo che hanno fatto clic su “download”. 

image11
Cosa posso dire? Il design popup di cui sopra era al momento giusto e nel posto giusto (il loro blog) per farmi scaricarlo. Mi piace anche l'uso efficace dello sfondo.

Spero che questi design popup ti diano ispirazione. 

Conclusione

L'ispirazione e gli esempi di design popup sopra riportati servono a farti ispirare. Tuttavia, un consiglio professionale che potrei darti è creare il tuo file di scorrimento. Questi design e ispirazioni potrebbero diventare obsoleti molto presto.

Pertanto, è importante rimanere al passo con i tempi e continuare a trarre ispirazione.

Aazar Ali Shad è un imprenditore, un growth marketer (non un hacker) e un esperto SaaS. Ama scrivere contenuti e condividere ciò che ha imparato con il mondo. Puoi seguirlo su Twitter @aazarshad o aazarshad.com