Abbiamo trovato i 12 migliori design popup che puoi copiare oggi

I popup sono un modo infallibile per far crescere la tua mailing list e aumentare i tassi di conversione dell'e-commerce. Abbiamo visto i migliori marchi di e-commerce utilizzare i popup per migliorare i tassi di conversione fino al 37% e ridurre il tasso di abbandono del carrello di almeno il 20% .

Storie di successo come queste si basano su popup dal design accattivante che si rivolgono a un pubblico altamente specifico. In un articolo precedente , abbiamo discusso i segmenti di utenti a cui ogni negozio di e-commerce dovrebbe rivolgersi con i popup. Oggi ci concentreremo sul secondo fattore: il design dei popup.

Abbiamo raccolto 12 splendidi esempi di popup come ispirazione per aiutarti a inchiodare il tuo design popup.

Iniziamo!

Tutti e 12 questi esempi reali di design popup sono stati creati utilizzando OptiMonk. Ciò significa che puoi facilmente copiare tutti i loro elementi di design utilizzando i nostri numerosi modelli diversi e il nostro editor drag and drop.

1. Bacia il mio cheto

Questo popup di benvenuto avvia il processo di costruzione di una relazione duratura con i clienti conoscendoli meglio.

La semplice domanda e la altrettanto semplice copia del pulsante incoraggiano i visitatori a interagire con il popup (per non parlare della promessa di uno sconto del 10% sul codice promozionale).

Kiss My Keto ha anche utilizzato un'immagine di alta qualità che mostra il loro prodotto e rafforza la loro identità di marca divertente e spensierata.

2. Christopher Cloos

Christopher Cloos è un marchio con radici scandinave e il loro design pop-up segue la tipica estetica scandinava: elegante, con linee rette e caratteri semplicistici. Questo è un ottimo esempio di un solido design popup che rafforza lo stile del marchio.

Un altro aspetto importante del design del popup è il timer per il conto alla rovescia, che attira l'attenzione dei visitatori e aumenta il senso di urgenza , quindi sarà più probabile che utilizzino il loro codice sconto.

E infine, in quello che sta diventando un tema, il team di design di Christopher Cloos ha scelto un'immagine che rappresenti perfettamente la “sensazione” dei suoi occhiali da sole.

3. Ovvio

Non tutti i popup hanno bisogno di immagini per catturare l'attenzione dei clienti. A volte, la copia di un popup può essere abbastanza forte da sola.

Ciò è particolarmente vero quando il popup utilizza colori audaci che catturano l'attenzione, come la combinazione rosa caldo e nero di seguito. Nota come Obvi rafforza il loro messaggio con gli emoji, il che rende il design del popup più giovanile.

Per rendere ancora più facile assorbire il messaggio del popup, il cerchio nell'angolo in alto a sinistra riassume l'offerta.

4. Blend Jet

Questo esempio illustra quanto sia importante assicurarsi che il tuo popup corrisponda al design del tuo sito web. C'è un'armonia nella scelta dei colori che sembra molto gradevole alla vista.

Gli unici contrasti nella tavolozza dei colori provengono dalle immagini che illustrano l'offerta (cosa che i clienti riceveranno gratuitamente). I prodotti escono dalla pagina e questo è esattamente l'obiettivo.

5. L'Oodie

Ci sono diversi punti da sottolineare su questo fantastico esempio di design popup di The Oodie.

Innanzitutto, il modo in cui l'immagine si fonde con il popup è visivamente sorprendente e supporta la copia: "Vorresti un abbraccio?"

Esemplare la scelta del rosso acceso per il popup, in contrasto con il rosa più tenue della felpa con cappuccio. Un pulsante blu di invito all'azione spicca e assicura che i visitatori non trascurino l'allettante CTA: "Rivela il mio codice".

Infine, la copia più grande e importante è "E $ 25 di sconto", che è un modo che attira l'attenzione per attirare l'attenzione sul messaggio principale del popup.

6. La società della curcuma.

La Turmeric Co. utilizza un elemento di design circolare prominente per evidenziare la propria offerta.

Questo design popup è semplice, con spazio bianco sufficiente per evitare di sovraccaricare i visitatori del sito incorporando comunque un timer per il conto alla rovescia e un pulsante descrittivo di invito all'azione.

La piccola immagine non solo mostra il prodotto, ma cattura anche l'immagine attiva e sana del marchio.

7. Nuvola di cocco

Coconut Cloud pone tutta l'attenzione sui loro prodotti. E questo ha senso... sembrano deliziosi!

Questo design popup è stato sviluppato a sostegno di un regalo di Halloween. Mostrando ai visitatori tutto ciò che potrebbero vincere, Coconut Cloud li attira e li incoraggia a partecipare.

Infine, questo popup include una scadenza. Proprio come un conto alla rovescia, una scadenza fissa crea un senso di urgenza.

8. TheSTEMKids

La copia intelligente in questo esempio di design popup di TheSTEMKids ruba davvero la scena.

Il contenuto del popup inizia con una barratura del numero "$ 10,00". Se combinato con il grassetto "Niente per la spedizione", rende evidente il valore esatto dell'offerta a tutti i visitatori del sito.

9. Bibado

Come molti altri esempi di design popup in questo elenco, Bibado ha utilizzato un colore contrastante per il pulsante di invito all'azione. Il successo di un'impressione è determinato dal fatto che un cliente fa clic sul pulsante CTA, quindi ha senso farlo risaltare.

Ci piace anche il modo in cui Bidabo ha evidenziato l'offerta nel proprio rettangolo iniziale.

10. Domanda

Il design popup di Qure è un buon esempio di come fare due offerte contemporaneamente.

Il titolo principale (sconto del 5%) è evidenziato con un testo di grandi dimensioni, ma l'offerta extra ha una casella specifica per enfatizzare. C'è una bella piccola immagine che ti mostra il regalo gratuito che riceverai.

L'immagine più grande fa un ottimo lavoro nel creare continuità con il marchio fresco e futuristico di Qure.

11. Sì, per favore, salute

È importante ricordare che saranno gli umani a guardare i tuoi popup. Ciò significa che le emozioni sono sempre una considerazione importante quando si progettano i popup.

Yes Please Health aiuta i propri clienti ad essere entusiasti dell'offerta con un'immagine colorata di una persona che sorride e mostra il prodotto.

Uniscono quell'immagine con lo sfondo del popup, facendola sembrare molto ben legata insieme.

Infine, usano una copia divertente e giocosa per attirare il cliente.

12. I capovolgimenti di Fuller

Fuller's Flips utilizza le immagini con grande effetto su questo popup. Mostrando un'immagine prima e dopo, mostrano chiaramente il valore offerto dal loro servizio.

Anche l'uso dell'emoji dell'ancora è un bel tocco, che si abbina bene con la loro promessa di portarti un po' di "stile costiero degli Hamptons".

Il design popup non è una scienza esatta. Come hanno dimostrato questi esempi di popup, ci sono molti approcci diversi che potresti adottare.

Il tuo approccio dovrebbe essere coerente con la personalità del tuo marchio, il design del tuo sito web e il messaggio che stai cercando di trasmettere. Sei sicuro di trovare un modello che spunta tutte e tre le caselle nella potente libreria di modelli di OptiMonk di oltre 300 !

Per ulteriori informazioni sulla creazione di popup ad alta conversione, consulta la nostra Guida definitiva ai popup.