Am găsit cele mai bune 12 modele pop-up pe care le puteți copia astăzi

Ferestrele pop-up sunt o modalitate sigură de a vă crește lista de e-mail și de a vă crește ratele de conversie pentru comerțul electronic. Am văzut că mărcile de comerț electronic de top folosesc ferestre pop-up pentru a-și îmbunătăți ratele de conversie cu până la 37% și pentru a-și reduce rata de abandon a coșului de cumpărături cu cel puțin 20% .

Poveștile de succes ca acestea se bazează pe ferestre de tip pop-up frumos concepute, care vizează un public foarte specific. Într-un articol anterior , am discutat despre segmentele de utilizatori pe care fiecare magazin de comerț electronic ar trebui să le vizeze cu ferestre pop-up. Astăzi, ne vom concentra asupra celui de-al doilea factor: designul pop-up.

Am adunat 12 exemple uimitoare de pop-up ca inspirație pentru a vă ajuta să vă creați propriul design pop-up.

Să începem!

Toate cele 12 dintre aceste exemple reale de design pop-up au fost create folosind OptiMonk. Aceasta înseamnă că puteți copia cu ușurință toate elementele lor de design folosind numeroasele noastre șabloane diferite și editorul nostru de glisare și plasare.

1. Sărută-mi Keto

Acest pop-up de bun venit începe procesul de construire a unei relații de durată cu clienții prin cunoașterea lor mai bine.

Întrebarea simplă și copierea butonului la fel de simplă încurajează vizitatorii să interacționeze cu pop-up-ul (să nu mai vorbim de promisiunea unui cod promoțional de 10%).

Kiss My Keto a folosit, de asemenea, o imagine de înaltă calitate, care își afișează produsul și le consolidează identitatea de brand distractivă și lipsită de griji.

2. Christopher Cloos

Christopher Cloos este un brand cu rădăcini scandinave, iar designul lor pop-up urmează estetica tipic scandinavă: elegant, cu linii drepte și fonturi simpliste. Acesta este un exemplu grozav de design pop-up solid care întărește stilul mărcii.

Un alt aspect important al designului pop-up-ului este cronometrul cu numărătoare inversă, care atrage atenția vizitatorilor și crește sentimentul de urgență , astfel încât aceștia vor avea mai multe șanse să-și folosească codul de reducere.

Și în cele din urmă, în ceea ce devine o temă, echipa de design Christopher Cloos a ales o imagine care reprezintă perfect „sentimentul” ochelarilor lor de soare.

3. Obvi

Nu toate ferestrele pop-up au nevoie de imagini pentru a capta atenția clienților. Uneori, copia unui pop-up poate fi suficient de puternică singură.

Acest lucru este valabil mai ales atunci când fereastra pop-up folosește culori îndrăznețe care atrag atenția, cum ar fi combinația de roz și negru de mai jos. Observați cum Obvi își întărește mesajul cu emoji-uri, ceea ce face ca designul pop-up să se simtă mai tineresc.

Pentru a absorbi și mai ușor mesajul pop-up-ului, cercul din colțul din stânga sus rezumă oferta.

4. BlendJet

Acest exemplu ilustrează cât de important este să vă asigurați că pop-up-ul dvs. se potrivește cu designul site-ului dvs. web. Există o armonie în alegerea culorilor care arată foarte plăcut ochiului.

Singurele contraste din paleta de culori provin din imaginile care ilustrează oferta (ce vor primi clienții gratuit). Produsele ies de pe pagină și exact acesta este scopul.

5. Oodie

Există câteva puncte de făcut despre acest exemplu grozav de design pop-up de la The Oodie.

În primul rând, felul în care imaginea se îmbină cu pop-up-ul este izbitor din punct de vedere vizual și acceptă copia: „Vrei o îmbrățișare?”

Alegerea roșului aprins pentru pop-up, în contrast cu rozul mai moale al hanoracului, este exemplară. Un buton albastru de îndemn iese în evidență și asigură că vizitatorii nu vor trece cu vederea îndemnul atrăgător: „Dezvăluie codul meu”.

În cele din urmă, cea mai mare și cea mai proeminentă copie este „Și 25 USD de reducere”, care este o modalitate atrăgătoare de a atrage atenția asupra mesajului principal al ferestrei pop-up.

6. The Turmeric Co.

Turmeric Co. folosește un element de design cerc proeminent pentru a-și evidenția oferta.

Acest design pop-up este simplu, cu suficient spațiu alb pentru a evita copleșirea vizitatorilor site-ului, în timp ce încorporează un cronometru cu numărătoare inversă și un buton descriptiv de îndemn la acțiune.

Imaginea mică nu arată doar produsul, ci surprinde și imaginea activă, sănătoasă a mărcii.

7. Nucă de cocos Cloud

Coconut Cloud pune tot accent pe produsele lor. Și asta are sens... arată delicios!

Acest design pop-up a fost dezvoltat în sprijinul unui cadou de Halloween. Arătându-le vizitatorilor tot ce ar putea câștiga, Coconut Cloud îi atrage și îi încurajează să participe.

În cele din urmă, această fereastră pop-up include un termen limită. La fel ca un cronometru cu numărătoare inversă, un termen limită ferm creează un sentiment de urgență.

8. TheSTEMKids

Copia inteligentă din acest exemplu de design pop-up TheSTEMKids fură cu adevărat spectacolul.

Conținutul ferestrei pop-up începe cu bararea numărului „$10.00”. Atunci când este combinat cu „Nimic pentru livrare” îngroșat, face ca valoarea exactă a ofertei să fie evidentă pentru toți vizitatorii site-ului lor.

9. Bibado

La fel ca multe alte exemple de design pop-up din această listă, Bibado a folosit o culoare contrastantă pentru butonul de îndemn. Succesul unei afișări este determinat de faptul dacă un client dă clic pe butonul CTA, așa că are sens să o scoți în evidență.

Ne place și modul în care Bidabo a evidențiat oferta în propriul dreptunghi de început.

10. Qure

Designul pop-up al lui Qure este un exemplu bun despre cum să faci două oferte simultan.

Titlul principal (5% reducere) este evidențiat cu text mare, dar oferta suplimentară are propria casetă pentru subliniere. Există o mică imagine drăguță care îți arată cadoul gratuit pe care îl vei primi.

Imaginea mai mare face o treabă grozavă în stabilirea continuității cu branding-ul proaspăt, futurist al lui Qure.

11. Da Vă rog Sănătate

Este important să rețineți că oamenii sunt cei care se vor uita la ferestrele dvs. pop-up. Aceasta înseamnă că emoțiile sunt întotdeauna un aspect important atunci când proiectați ferestre pop-up.

Yes Please Health își ajută clienții să fie entuziasmați de ofertă cu o imagine colorată a unei persoane zâmbind și arătând produsul.

Ei îmbină acea imagine cu fundalul pop-up-ului, făcând-o să arate foarte bine legată împreună.

În cele din urmă, folosesc copii distractive și jucăușe pentru a atrage clientul.

12. Flipurile lui Fuller

Fuller's Flips folosește imagini cu un mare efect în acest pop-up. Afișând o imagine înainte și după, ei arată clar valoarea pe care o oferă serviciul lor.

Utilizarea emoji-ului ancoră este, de asemenea, o atingere plăcută, se potrivește bine cu promisiunea lor de a vă aduce un „stil Hamptons de coastă”.

Designul pop-up nu este o știință exactă. După cum au arătat aceste exemple pop-up, există multe abordări diferite pe care le-ați putea adopta.

Propria dvs. abordare ar trebui să fie în concordanță cu personalitatea mărcii dvs., cu designul site-ului dvs. și cu mesajul pe care încercați să-l transmiteți. Cu siguranță veți găsi un șablon care bifează toate cele trei casete în biblioteca de 300 de șabloane puternică a OptiMonk !

Pentru a afla mai multe despre crearea ferestrelor pop-up cu conversie mare, consultați Ghidul nostru final pentru ferestre pop-up.