Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62.

În trecut, site-urile web aveau o mulțime de elemente inutile, și anume pagini pline de scheme de culori strălucitoare și urâte, prea mult text blocat în spații mici și ferestre pop-up care apar și deranjează vizitatorii.

Dar designerii nu știau mai multe pe atunci sau, mai degrabă, au lucrat doar cu singurele tendințe de design și cele mai bune practici pe care le cunoșteau.

Timpurile s-au schimbat mult de atunci.

Dezvoltatorii și designerii web nu mai sunt limitați de tehnologie sau tehnică, ceea ce înseamnă că nu mai există scuze pentru un design slab. Aceasta acoperă fiecare element găsit pe un site WordPress, de la imaginea de antet a paginii de pornire la formularele de contact, precum și tipografie la ferestre pop-up. Totul contează acum atunci când proiectezi pentru experiența utilizatorului.

Astăzi vreau să mă concentrez asupra a ceea ce face ca un popup să fie eficient, lucru pe care îl văd ca o parte esențială a procesului de conversie. Mai exact, aș dori să arunc o privire asupra anatomiei unei ferestre pop-up eficiente de WordPress și asupra modului în care acest element interesant poate crește rata de conversie.

Argumentul pentru utilizarea ferestrelor pop-up pe WordPress

Ferestrele pop-up sunt un element de design interesant. În timp ce întrerup temporar experiența utilizatorului (ceea ce, de obicei, nu este prea apreciat), cele care sunt făcute corect oferă ceva atât de atrăgător sau interesant încât vizitatorilor nu le deranjează minut pentru a fi atent.

Desigur, în acest caz vorbim despre ferestre pop-up generatoare de conversii care sunt folosite pentru a colecta abonați la newsletter sau pentru a determina vizitatorii să facă achiziții. Cu toate acestea, ferestrele pop-up pot fi utilizate în diverse scopuri. De exemplu, puteți partaja cookie-urile sau politica de confidențialitate, puteți recomanda articole conexe după ce vizitatorii adaugă ceva în coș sau chiar le puteți cere să efectueze un sondaj rapid.

Pop-up Anatomy - Pop-up de recomandări țintă

În cea mai mare parte, dacă utilizați o fereastră pop-up, probabil că doriți ca vizitatorii să acționeze. La urma urmei, de ce să le întrerup experiența dacă tulburarea nu este o utilizare utilă a timpului lor? Potrivit unui studiu de aproape două miliarde de ferestre pop-up, aceștia au constatat că rata medie de conversie pentru aceste tipuri de ferestre pop-up este de 3,09%.

Acum, asta pune întrebarea: ferestrele pop-up sunt încă relevante și eficiente? Dacă piața este atât de supra-saturată de ferestre pop-up de ieșire, bare de salut, suprapuneri pe pagină întreagă și multe altele, este un instrument generator de conversii care merită folosit pe site-ul dvs. WordPress?

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați Ușor și Gratuit orice site web sau design de blog cu aspect profesional. Nu mai plătiți mult pentru un site web pe care îl puteți face singur.

Desigur !!!

Există multe practici bune de design web pe care pop-up-urile le iau în considerare. De exemplu:

  • Ferestrele pop-up elimină aglomerația inutilă din paginile site-ului dvs.
  • Acestea sunt de obicei compuse din imagini vizuale curate și text minim.
  • Apelurile la acțiune sunt bine concepute și pur și simplu oferite în ceea ce privește formularea.
  • Există o mică curbă de învățare pentru vizitatorii dvs., deoarece majoritatea oamenilor sunt familiarizați cu ferestrele pop-up și știu cum să interacționeze cu ei.
  • Ferestrele pop-up oferă o oportunitate distractivă de a-ți insufla site-ul cu animații, videoclipuri sau dovezi sociale.
  • Le puteți crea cu ușurință cu pluginuri WordPress de înaltă calitate precum Hustle sau OptinMonster.

Anatomie pop-up - probă socială HubSpot

În general, o fereastră pop-up bine concepută este ideală pentru a atrage atenția vizitatorilor atunci când aveți cea mai mare nevoie de ea. Le puteți utiliza pentru a trimite notificări sau solicitări în timp util. De asemenea, puteți utiliza datele vizitatorilor pentru a-i atrage să cumpere.

Anatomia unei ferestre pop-up WordPress eficiente

Evident, succesul ferestrelor pop-up ale site-ului dvs. WordPress depinde de cele care sunt perfect concepute și au oferte atât de convingătoare încât vizitatorii nu pot să nu se angajeze. Deci, să aruncăm o privire la cum arată o formulă câștigătoare pentru un pop-up eficient.

1. stil

Diferitele tipuri de ferestre pop-up tind să fie mai eficiente în convertirea vizitatorilor în abonați:

  • Ferestrele pop-up cu abonament prin e-mail au o rată de conversie de 2,9%.
  • Ferestrele pop-up de bun venit (cele care completează pagina completă la intrare) convertesc la 2,6%.
  • Ferestrele pop-up declanșate convertesc 1,9%.
  • Smart pop-up-urile sau Hello afișează o conversie de 0,5%.

Vrei să-ți vinzi produsele pe internet?

Descărcați gratuit WooCommerce, cele mai bune pluginuri de comerț electronic pentru a vă vinde produsele fizice și digitale pe WordPress și pentru a vă crea cu ușurință magazinul online. Perfect pentru incepatori.

Asta nu înseamnă că trebuie să folosiți întotdeauna o fereastră pop-up tradițională de abonament. Iată un exemplu de pe site-ul lui Neil Patel.

Anatomia pop-up - Barul lui Neil Patel Buna ziua

Acesta este bine făcut, deoarece este simplu conceput, neintruziv, et folosește animație distractivă pentru a atrage atenția în cazul în care amprenta sa minimă trece neobservată. Rețineți că alegerea unui stil nu înseamnă utilizarea celui care este cel mai popular sau cel mai cunoscut pentru rate de conversie mai mari. Este vorba despre găsirea unui stil care să funcționeze pentru site-ul dvs., vizitatorii dvs. și care este conceput pentru a completa experiența dintre ele.

2. culoare

Culoarea, desigur, va juca întotdeauna un rol major în proiectarea site-urilor web. Înțelegând psihologia din spatele culorilor alese, puteți crea ferestre pop-up mai eficiente care se convertesc. Desigur, nu puteți uita nici schema de culori stabilită pentru marca dvs., deci este vorba despre găsirea unui echilibru între proiectarea unei ferestre pop-up care să arate bine pe site, dar care de asemenea, îi obligă pe vizitatori să acționeze.

3. compoziție

Este important să faceți un pas înapoi și să vedeți fereastra pop-up în ansamblu. Deși designul fiecărei părți în mișcare în fereastra pop-up contează, la fel și structura generală a ferestrei pop-up.

Fereastra pop-up trebuie:

  • fii simplu și ușor de urmărit.
  • Conceput cu linii curate și să fie bine echilibrat.
  • Includeți imagini relevante și de înaltă rezoluție; în mod ideal, o singură imagine care să rezume subiectul ofertei.
  • Se pare că este o extensie a site-ului dvs. și, evident, nu este realizată dintr-o fereastră pop-up cu opțiuni de personalizare limitate.
  • Utilizați o tipografie mare, ușor de citit.

4. text

Apoi avem mesajul pop-up. Deși nu sunteți în curs de dezvoltare a limbajului care intră în aceste lucruri, există o serie de bune practici pe care ar trebui să le cunoașteți atunci când vine vorba de completarea ferestrelor pop-up cu text.

Rețineți următoarele:

  • Includeți întotdeauna un titlu, un mesaj scurt (o frază va fi valabilă) și un îndemn la acțiune.
  • Folosiți un limbaj puternic care să atragă emoțiile vizitatorilor.
  • Fii scurt. Dacă nu îl puteți scrie în mai puțin de 30 de cuvinte, acest mesaj nu aparține unei ferestre pop-up.
  • Folosiți același ton și aceeași personalitate pe care o utilizați pe site-ul dvs.
  • Oferiți ceva valoros pe care vizitatorii dvs. nu îl vor găsi în altă parte pe site.
  • Folosiți urgența, dacă este posibil. Dacă nu o puteți face cu cuvinte, faceți-o cu culoare.

Pop-up Anatomie - Suprapunerea ecranului dorit

5. CTA

Există o tendință ciudată de creștere în zilele noastre în care site-urile web oferă vizitatorilor două opțiuni de îndemn. Înțeleg de ce această tendință crește, dar am văzut-o aplicată greșit pe atât de multe site-uri web, încât sper că tendința va dispărea în cele din urmă.

Ați văzut probabil singură această aplicație proastă:

  1. Opțiunea pozitivă : Acesta spune: „O, mulțumesc, mulțumesc! Știu că această ofertă este pe cale să-mi schimbe viața în bine! " 
  2. Opțiunea negativă : Acesta spune: „Îmi place să fac alegeri proaste de viață și apreciez că mă freci pe față”. Permiteți-mi să fac clic pe această opțiune de depreciere automată doar pentru a primi o altă fereastră care mă întreabă din nou dacă vreau să iau această decizie teribilă. " 

Acest lucru nu înseamnă că toate ferestrele pop-up cu două opțiuni CTA sunt prost concepute sau destinate să-i rușineze pe vizitator. Tim Ferris are un bun exemplu de CTA cu opțiune duală bine făcută:

Pop-up Anatomie - Tim Ferris Negativ pozitiv

În general, totuși, aș spune că, dacă încercați să fiți sarcastici sau să vă intimidați vizitatorii în decizia lor, ieșiți de pe site-ul dvs. și puneți-l pe Twitter. Site-ul dvs. web nu este un loc pentru asta și, sperăm, Twitter îl va înghiți complet.

În afară de deranjul pentru animale de companie, sugerez, de asemenea, simplificarea apelului la acțiune. Folosiți un limbaj simplu, care să clarifice ce vor primi vizitatorii pentru introducerea e-mailului sau pentru a face clic pe buton. De asemenea, mențineți lucrarea la minimum: nu mai mult de două câmpuri de completat (adică e-mail și poate un nume) și un buton de făcut clic.

Gata pentru acest tutorial, sper că vă permite să vă proiectați bine butoanele de îndemn.

8 acțiuni
acțiune4
tweet2
Registru2