9 Cele mai bune practici de design pop-up care îi țin pe clienți să cumpere

Publicat: 2022-06-29

Există încă o mulțime de controverse în jurul ferestrelor pop-up. Unii oameni le displace, în timp ce altora le place să le folosească; Dar un lucru este sigur, ferestrele pop-up se convertesc și sunt aici pentru a rămâne!

Ferestrele pop-up - dacă sunt utilizate corect - sunt greu de trecut cu vederea și, la fel, sunt cea mai bună modalitate de a-i determina pe vizitatori nou-nouț sau care revin să acționeze pe îndemnul dvs. la acțiune (CTA).

Vestea bună este că nu trebuie să fii un expert în domeniu, creând cel mai bun design pop-up pentru a interacționa cu mai mulți vizitatori și pentru a-ți îmbunătăți experiența utilizatorului.

Există anumite reguli și practici pe care le puteți urma pentru a face o campanie pop-up bună.

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

Un ghid pentru cele mai bune practici de design pop-up

Urmând cele mai bune practici de design pop-up și folosirea unei aplicații de generare pop-up fiabile, este destul de ușor să creați ferestre pop-up extrem de captivante pentru marca/magazinul dvs.

De aceea, vă împărtășim cele nouă cele mai bune practici pentru a crea o fereastră pop-up care să fie atât atrăgătoare din punct de vedere vizual, cât și convingătoare. În plus, am inclus câteva exemple de design pop-up de la diferite mărci pentru a demonstra cum funcționează sfaturile în acțiune.

9 sfaturi pentru a crește ratele de conversie folosind design-uri pop-up eficiente

Dacă vă întrebați cum să vă îmbunătățiți designul pop-up-ului, să vă creșteți rata de conversie și cum să creșteți afacerea, iată câteva sfaturi utile pentru a începe:

1. Identificați-vă obiectivele și luați măsuri

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

În primul rând, ar trebui să-ți dai seama care sunt obiectivele tale . Adevărul este că design-urile pop-up-urilor tale nu pot fi exacte dacă nu știi ce vrei de la ele.

Este important să vă cunoașteți obiectivele de afaceri înainte de a începe să vă proiectați popup-ul, astfel încât designul să poată fi aliniat cu acestea.

Trebuie să vă identificați obiectivele și apoi să luați măsuri în consecință.

  • Creșterea vânzărilor.
  • Listă de e-mail în creștere.
  • Promovarea produsului/serviciului.
  • Reducerea abandonului căruciorului.

Puteți avea obiective diferite pentru fiecare pop-up, dar urmați anumite tactici pentru a le optimiza pentru cel mai bun rezultat.

În acest articol, vom trece peste fiecare dintre aceste tactici și vom oferi câteva sfaturi pentru a le implementa cel mai eficient în ferestrele pop-up, așa că haideți!

2. Asigurați-vă că îndemnul dvs. la acțiune este atrăgător

Fă-l simplu, dar intrigant!

Îndemnul dvs. la acțiune (CTA) este cheia conversiei atunci când vine vorba de designul pop-up.

Este partea din fereastra pop-up care încurajează clienții să întreprindă o anumită acțiune, cum ar fi introducerea adresei de e-mail sau adăugarea unui produs în coșul lor.

Ce este un buton de apel la acțiune?

Dacă CTA nu este atrăgător, clienții dvs. potențiali îl vor ignora cel mai probabil, ceea ce încalcă întregul scop de a folosi ferestrele pop-up în primul rând. De exemplu, designul pop-up al acestui Hubspot care își promovează blogul este un bun exemplu de îndemn la acțiune simplu, dar captivant.

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

Există câteva lucruri pe care le puteți face pentru a vă asigura că CTA iese în evidență:

  • Folosiți un buton în loc de text ; Butoanele sunt ușor de văzut și ies în evidență față de culoarea de fundal.
  • Includeți animații sau grafice în mișcare ; Acest lucru îi va implica pe vizitatori și îi va încuraja să ia măsuri.
  • Păstrați-l pe scurt ; Adăugați cuvinte care provoacă acțiune pentru a vă asigura că vizitatorii site-ului știu exact ce doriți să facă.
  • Asigurați-vă că butonul sau linkul este ușor de găsit ; Nu doriți ca vizitatorii să fie nevoiți să-l caute.
  • Adăugați urgență ; utilizarea expresiilor precum „acum” sau „doar astăzi” poate crea urgență și FOMO.

3. Fii scurt, dar convingător cu copia ta

Spune puțin, dar spune bine!

Deoarece aveți doar câteva secunde pentru a face o impresie vizitatorului dvs. , concizia este esențială pentru un design pop-up de succes.

Fii convingător cu copia ta; Concentrați-vă pe beneficiile produsului sau serviciului dvs. și folosiți cuvinte puternice pentru a capta atenția.

Folosiți dovezile sociale și implicarea comunității pentru a vă stimula mesajul și fiți clar ce oferiți.

Cu un design pop-up bine conceput, puteți convinge oamenii să ia măsuri și să vă îmbunătățească rata de conversie.

Iată un exemplu de pop-up scurt și persuasiv de la Lego. O fereastră de navigare care apare atunci când vizitați site-ul său pentru prima dată vă invită să vizitați magazinul electronic sau zona de joacă.

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

Fără vânzări, doar informații utile și un mesaj scurt! În plus, deși CTA-urile sunt diferite, sunt atrăgătoare și servesc aceluiași scop de a indica direcția.

4. Aplicați contrast pentru a atrage mai multă atenție asupra mesajului dvs

Una dintre cele mai bune modalități de a vă asigura că designul pop-up-ului este văzut și acționat asupra acestuia este aplicarea contrastului .

Folosiți culori care se opune între ele pe roata de culori pentru a face ca elementul cel mai important al pop-up-ului să iasă la spectatori.

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

Un exemplu excelent al acestei tehnici în acțiune este bara plutitoare Ultra Beauty.

Culoarea roz a acestui pop-up contrastează cu fundalul alb al site-ului, dar este în armonie cu stilul site-ului. De asemenea, titlul „Nu rata distracția!” este scurt, dar declanșator.

Deci, dacă doriți să vă asigurați că oamenii văd mesajul, luați în considerare utilizarea unei culori contrastante pentru butonul de îndemn sau pentru întregul pop-up.

Poate fi doar diferența dintre a atrage atenția și a fi ignorat!

5. Folosiți imagini creative și profitați la maximum de ele

Profitați la maximum de spațiul pe care îl aveți adăugând imagini relevante și diferite forme în ferestrele pop-up. De fapt, cu cât un pop-up este mai unic, cu atât este mai probabil să iasă în evidență. Iată un exemplu de fereastră pop-up de notificare a răspunsului la COVID-19 folosind imagini similare și atrăgătoare:

covid-popup-design-afișează-imaginea-vizruse-și-un-CTA-bun

Utilizarea imaginilor și a graficelor înrudite reprezintă modalități excelente de a atrage atenția și, în general, sunt eficiente pentru a-i determina pe oameni să vă observe pop-up-ul.

Câteva idei bune pentru utilizarea imaginilor în ferestrele pop-up includ:

  • Imagini legate de mesajul pe care doriți să-l trimiteți
  • Imagini cu produsele dvs.
  • Persoane care reprezintă publicul țintă sau clientul ideal.
  • Afișează produsele dvs. utilizate.

6. Adaptați designul pop-up-ului la stilul site-ului dvs. web

Ferestrele pop-up vă pot ajuta să convingeți oamenii să acorde atenție mesajului dvs. dacă sunt bine concepute. Totuși, trebuie să o faci cu stil!

Potrivirea designului pop-up-ului dvs. cu stilul general al site-ului dvs. web este esențială pentru identitatea mărcii dvs.

Procedând astfel, fereastra pop-up va apărea mai rafinată și va ieși în evidență față de restul conținutului de pe paginile dvs.

Folosind Adobe Color, puteți crea un design pop-up potrivit. Puteți încărca o captură de ecran a site-ului dvs. web sau a paginii pe care va apărea pop-up-ul, iar Adobe Color sugerează pur și simplu culori care vor funcționa cu site-ul dvs.

Apoi puteți încorpora aceste culori în designul pop-up-ului pentru a crea un aspect coeziv.

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

Acesta este un exemplu de pop-up cu intenția de ieșire a Popupsmart care vizează perfect clienții potențiali și se potrivește cu identitatea mărcii și stilul site-ului web.

Soluția Popupsmart popup builder vă permite să vă personalizați complet ferestrele pop-up astfel încât să se potrivească cu stilul magazinului dvs.

7. Nu cere prea multe informații

Când tot ce ai nevoie pentru a contacta un client este e-mailul lui, de ce să-l deranjezi cu atâtea câmpuri?

Reducerea numărului de câmpuri de intrare într-un formular pop-up poate duce adesea la o experiență și o implicare mai bună a clienților.

O regulă de bază bună este să ceri doar informațiile de care ai nevoie. Acest lucru va face călătoriile clienților dvs. mai ușoare și vor fi mai probabil să completeze formularul.

Limitarea numărului de câmpuri de introducere în formularul pop-up vă ajută să îmbunătățiți gradul de utilizare și să obțineți rezultate mai bune. Țineți cont de acest lucru când proiectați următorul pop-up de e-mail!

Forever-21-design-pop-up-simple-e-mail-cu-20-la sută-reducere-și arătând-două-modele-fată-și-băiat-în-haine-de-marcă

Acesta este un exemplu bun; Forever 21 oferă un cupon de 20% reducere în schimbul unei adrese de e-mail în acest pop-up.

8. Închiderea ferestrelor pop-up uşoară

Nu este un secret că ferestrele pop-up pot fi destul de enervante dacă sunt folosite incorect. Dar știi ce este și mai rău? Ferestre pop-up greu de închis!

Mulți agenți de marketing greșesc folosind „X” mici, de neobservat, greu de făcut clic, care frustrează vizitatorii și îi determină să plece. Sau mai rău, ei decid să desființeze complet butoanele de închidere , în speranța că vizitatorii își vor da seama singuri.

Făcându-le mai ușor de către vizitatori să închidă ferestrele pop-up, îi face să continue să interacționeze cu site-ul dvs.

Consultați 20 de ferestre pop-up inspiraționale folosite de mărci celebre.

Nu poate exista un sfârșit cu oamenii care părăsesc site-uri web doar pentru că nu au putut închide o fereastră pop-up enervantă care continuă să apară. Nu riscați să vă deteriorați rata de respingere în acest fel!

Cu Popupsmart, puteți personaliza butonul de închidere pop-up pentru a se potrivi cu stilul site-ului dvs., fiind în același timp accesibil pentru vizitatori.

9. Creați ferestre pop-up mobile personalizate

După cum știm cu toții, traficul mobil devine din ce în ce mai important și, dacă site-ul dvs. nu este optimizat pentru dispozitive mobile, pierdeți o mulțime de potențiale afaceri.

Personalizarea ferestrelor pop-up pentru diferite dispozitive poate fi o provocare, dar asigură că toate canalele și publicul posibil sunt atinse.

Deoarece utilizatorii de desktop au un ecran mai mare, puteți adăuga mai multe elemente la pop-up. crearea-personalizat-desktop-popup-design-cu popupsmart-tool

Pe de altă parte, utilizatorii de telefonie mobilă sunt limitați, așa că trebuie să reduceți numărul de factori din pop-up. crearea-de-design-popup-mobile-personalizat-cu-instrumentul-Popupsmart

Popupsmart facilitează comutarea între vizualizarea desktop și cea mobilă , astfel încât să puteți edita cu ușurință elementele care trebuie schimbate.

De asemenea, puteți crea ferestre pop-up separate pentru dispozitive diferite sau puteți utiliza același design pentru pop-up-ul mobil.

Dacă doriți ca ferestrele pop-up pentru mobil să fie distractive și captivante, luați în considerare sfaturile de mai jos:

  • Scurtați copia pop-up și CTA pentru dispozitivul dvs. mobil
  • Eliminați orice imagini de fundal confuze
  • Minimizați numărul de câmpuri de formular

Începeți acum să vă proiectați ferestrele pop-up cu conversie ridicată!


Urmând aceste bune practici de design pop-up, puteți crea o experiență captivantă pentru marca dvs., care duce la clienți fericiți.

Bazarea pop-up-ului pe aceste principii vă va crește șansele de a obține mai multe conversii și, în cele din urmă, vă va ajuta să vă atingeți obiectivele de branding.

În plus, aceste practici nu sunt greu de urmat și le puteți improviza conform cerințelor dvs.

Cu toate acestea , este mai bine să ne amintim că totul ar trebui să fie orientat către un singur obiectiv , ajutând utilizatorii să finalizeze acțiunea dorită .

Există și alte bune practici pe care ați dori să le adăugați la această listă? Spune-ne în comentarii!

Mai jos sunt enumerate câteva articole similare pe care le-ați putea găsi utile în cercetarea dvs.:

  • 27 de modele pop-up perfect optimizate pentru a inspira pentru 2022
  • Popup UX Design: greșeli comune și ce trebuie făcut
  • Popup de e-mail: Ghid complet cu 15 exemple strălucitoare

Termeni conexe:

  • Ce este rata de clic (CTR)?
  • Ce este Rata de Conversie?
  • Ce este Email Marketing?