Pluginuri pop-up WordPress: cele bune, cele rele și cele urâte

Publicat: 2021-10-12

Ferestre pop-up, cu siguranță le-ați văzut pe multe site-uri web. Sunt ferestre care apar pe un site atunci când citești un articol sau încerci să ieși. Scopul lor principal este să crească lista de e-mail a unei companii (aka achiziționarea de clienți potențiali).

Unii oameni de marketing le iubesc, alții nu. Unii vizitatori ai site-ului web s-ar putea simți enervați de ei. Dar totuși, de ce sunt încă folosite?

Pentru că sunt un instrument bun de generare de clienți potențiali dacă sunt utilizate inteligent.

De exemplu, oamenii de la Sleeknote au analizat datele din peste 1 miliard de vizualizări pop-up, de la clienții lor de top. Ei au descoperit că ferestrele pop-up care sunt afișate după opt secunde se convertesc mai bine decât ferestrele pop-up afișate înainte sau după. Statistici pop-up

Uită-te la asta: rată de conversie de 3,62% pentru o fereastră pop-up care apare după 8 secunde, comparativ cu 0% (adică fără ferestre pop-up). Asta înseamnă cu siguranță ceva, nu?

Acum, în acest articol, vom vorbi despre:

Cele mai bune plugin-uri pop-up WordPress de acolo;
Anatomia unui pop-up;
Cele mai bune practici de tip pop-up;
Inspirație pop-up.

Vom?

Cele mai bune plugin-uri pop-up WordPress

Acum, când începi să cauți un plugin WordPress pop-up care să se potrivească nevoilor tale, iată câteva caracteristici care pot fi utile:

Șabloane pre-proiectate disponibile, astfel încât să nu aveți nevoie întotdeauna să începeți de la zero, sau dacă aveți nevoie de puțină inspirație;
Trageți și plasați generatorul de ferestre pop-up, astfel încât să puteți proiecta totul rapid și ușor, fără cod;
Integrari de marketing prin e-mail: asigurați-vă că pluginul dvs. pop-up WordPress se integrează perfect cu furnizorul dvs. de e-mail.
O mulțime de declanșatoare disponibile pentru fereastra pop-up: intenția de ieșire, bazată pe timpul petrecut pe o pagină, geografie, revenirea vs vizitatorii noi, etc;

Acum, să aruncăm o privire la 5 dintre cele mai bune pluginuri pop-up WordPress din ecosistem:

OptinMonster

Utilizat în prezent de peste 1.213.400 de site-uri web, acesta este un produs SaaS independent. Au și un plugin WordPress, cu peste 1.000.000 de instalări active.

Iată câteva dintre cele mai valoroase caracteristici ale sale:

Diverse formate pop-up disponibile : casetă luminoasă, bare plutitoare, slide-in-uri, roți de rotire gamificate, cronometre cu numărătoare inversă și multe altele;
Trageți și plasați generatorul de pop-up WordPress;
Șabloane pop-up prefabricate;
Personalizări multiple bazate pe comportament: intenție de ieșire, localizare geografică, retargeting și multe altele;
Testare pop-up A/B;
Animații și efecte sonore;
Integrare cu cele mai populare pluginuri de formulare WordPress ;
Integrari de marketing prin e-mail (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo și multe altele);

Preț : Începând de la 9 USD/lună, facturat anual pentru planul de bază.

PopupMaker

Folosit pe peste 600.000 de site-uri, acest plugin WordPress pop-up este foarte popular. Iată câteva dintre cele mai valoroase caracteristici ale sale:

Integrare cu cele mai populare pluginuri de formulare WordPress (Formulare Ninja, Formulare Gravity, Formular de contact 7, etc) ;
Integrari de marketing prin e-mail (Mailchimp, GetResponse, Hubspot și multe altele);
Vizează orice conținut WordPress, cum ar fi postări, pagini și încă 26;
Programare pop-up ;

Preț : Începând de la 87 USD/an pentru planul Start.

Hustle

Folosit pe peste 100.000 de site-uri, acest plugin WordPress pop-up este creat de WPMU DEV. Ei sunt în spatele multor plugin-uri populare WordPress.

Iată câteva dintre cele mai valoroase caracteristici ale lui Hustle:

Șabloane pentru diferite cazuri de utilizare (de exemplu, Black Friday, giveaway, notificare COVID, înscriere la newsletter);
Ferestre pop-up complet receptive ;
O mulțime de opțiuni de stil disponibile, de la chenare, umbre, spațiere, tipografie, culoare până la CSS personalizat;
O mulțime de declanșatoare de comportament, cum ar fi timpul pe pagină, derulare, intenția de ieșire și multe altele.
Integrari de marketing prin e-mail (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo și multe altele);

Preț : 5 USD / lună, facturat anual pentru planul Hustle Pro. Probă gratuită disponibilă.

Sumo

Sumo este un plugin WordPress care ajută peste 60.000 de site-uri web să-și dezvolte lista de e-mail cu ferestre pop-up programate. La fel ca OptinMonster, funcționează și ca produs independent. În afara WordPress, alimentează și mai multe site-uri web.

Iată câteva dintre cele mai importante caracteristici ale sale:

Programați e-mailuri de marketing unice sau trimiteri de e-mail pentru a comunica cu abonații dvs.;
Formulare de înscriere ;
Control complet al designului asupra ferestrelor pop-up;
Șabloane pre-proiectate ;

Prețuri : cei de la Sumo se laudă că poți folosi Sumo GRATUIT și plătești doar atunci când ai mai mulți clienți.

Pachetul PRO începe de la 39 USD/lună facturat anual.

ConvertPro

Convert Pro este alegerea noastră pentru a crea ferestre pop-up WordPress. Este cu adevărat flexibil și cu o mulțime de opțiuni de design și de declanșare.

Iată care sunt caracteristicile care ne plac:

Trageți și plasați editorul ;
Reactivitate la mobil ;
Ferestre pop-up în mai mulți pași;
O mulțime de opțiuni de declanșare;
Biblioteca imensă de șabloane;
O mulțime de formate pop-up disponibile: exit-intent, on-click, bare de informații, slide-in-uri, CTA-uri inline, CTA-uri pe tot ecranul, convert mat și multe altele.
Testare A/B ușoară;
Integrari de marketing prin e-mail (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo și multe altele);

Preț : Începând cu 79 USD/an.

Cum să creați o fereastră pop-up WordPress folosind ConvertPro

Este timpul să ajungem la un demo, nu crezi?

Deoarece suntem utilizatori Convert Pro, vă voi arăta cum folosim instrumentul, aici la Colibri.

Iată pașii pentru crearea unei ferestre pop-up WordPress folosind Convert Pro:

După ce cumpărați pluginul, mergeți la magazinul BrainStormForce (creatorii pluginului) și descărcați un fișier zip cu Convert Pro . Acum, mergeți la tabloul de bord WordPress -> Plugins -> Adăugați nou. Încărcați aici fișierul zip, apoi activați pluginul.
Accesați WordPress Dashboard -> Convert Pro -> Create New.
Selectați tipul dorit de pop-up WordPress .
Selectați un șablon și un obiectiv.
Denumiți-vă fereastra pop-up apoi apăsați „Creare”.
Începeți să vă proiectați pop-up-ul . Adăugați titluri, paragrafe, elemente vizuale. Există mai multe forme și formate de butoane din care puteți alege din meniul din stânga. Puteți chiar să adăugați o numărătoare inversă dacă derulați o promoție, de exemplu. În interiorul opțiunii „Panel”, puteți ajusta dimensiunea ferestrei pop-up, puteți adăuga animație, fundaluri și multe altele. Puteți, de asemenea, să vă stilați formularul așa cum doriți. De asemenea, puteți crea ferestre pop-up în mai mulți pași în cadrul opțiunilor avansate. Puteți previzualiza versiunea mobilă a ferestrei pop-up atunci când faceți clic pe pictograma mobil din partea de sus a tabloului de bord.
Configurați formularul dvs. La acest nivel, puteți alege dintr-o multitudine de declanșatori. În meniul „Țintă”, puteți face ajustări la setările dvs. în funcție de localizare geografică, dispozitiv și alte comportamente ale utilizatorilor. De exemplu, îmi place să creez ferestre pop-up separate pentru mobil și desktop. Pe dispozitivele mobile, declanșez ferestrele pop-up WordPress după 5 secunde, în timp ce pe desktop folosesc exit-intent.
Conectați Convert Pro cu instrumente terțe , cum ar fi formulare și software de marketing prin e-mail.
Nu uitați să salvați și să „Faceți public” pop-up-ul dvs. WordPress după ce ați terminat.

Si asta e. Ai primul tău pop-up WordPress!

Acum, că știți cum puteți proiecta un pop-up, să aruncăm o privire la elementele sale obligatorii.

Anatomia unui pop-up

După cum am menționat mai devreme, o fereastră pop-up este folosită pentru a converti vizitatorii în clienți potențiali sau clienții potențiali.

Cum vă poate ajuta un pop-up să atingeți acest obiectiv? Când sunt utilizate corect, ferestrele pop-up pot apărea în fața persoanei potrivite, la momentul potrivit, cu mesajul potrivit, astfel încât să maximizeze șansele de conversie.

Deci, iată elementele pe care le are un pop-up:

O formă . Aceste formulare pot fi foarte simple, cu doar un buton de apel la acțiune sau pot avea câteva câmpuri personalizate suplimentare.
Un declanșator . Aceste ferestre pop-up pot apărea în funcție de un anumit site web sau comportamentul utilizatorului, de exemplu: după 8 secunde pe pagină, după un scroll de 70%, când utilizatorul intenționează să părăsească site-ul etc.
Direcționare . Puteți declanșa aceste ferestre pop-up să apară în funcție de locația geografică a vizitatorului sau de tipul de pagină pe care se află, etc. Poate că vizitatorul citește un articol despre diete sănătoase. Ai putea să-i arăți un pop-up care să-ți promoveze cartea electronică cu rețete de smoothie-uri energizante. Personalizarea este cheia aici dacă doriți să vă maximizați ratele de conversie.
Elemente de design personalizate pentru a vă ajuta să vă transmiteți mesajul sau pentru a-l face mai atrăgător: imagini, videoclipuri etc.

Acum, munca ta nu s-a încheiat cu designul pop-up. Trebuie să vă dați seama de următorii pași. De obicei, ar trebui să vă hrăniți clienții potențiali prin campanii de marketing prin e-mail. Aceasta înseamnă că veți avea nevoie de un software de e-mail pentru a vă conecta la pluginul dvs. pop-up WordPress.

Acum, să ne uităm la câteva bune practici pentru proiectarea ferestrelor pop-up cu conversie ridicată.

Cele mai bune practici de tip pop-up

O să rămân scurt și dulce. Începem:

Nu fi intruziv cu ferestrele pop-up. Fii înțelept cu declanșatoarele tale. Mereu merg pe exit-intent, astfel încât să nu interferez prea mult cu experiența utilizatorului.
Nu afișa ferestre pop-up pe toate paginile tale. Gândiți-vă la scopul paginii dvs. Chiar doriți să afișați o fereastră pop-up pe paginile de prețuri sau să ne contactați? Fii înțelept în privința asta.
Asigurați-vă că fereastra pop-up arată bine pe toate dispozitivele.
Faceți mai ușor pentru vizitatorii site-ului web să închidă fereastra pop-up.
Folosiți imagini în ferestrele pop-up. Analiza Sleeknote a arătat că se convertesc mai bine decât cele fără imagini.
Induceți FOMO (frica de a pierde) în copia dvs. pop-up. De exemplu, puteți face acest lucru inserând un cronometru care le spune oamenilor câte zile au mai rămas până la încheierea promoției.
Cu cât aveți mai multe câmpuri în formular, cu atât mai puține conversii. Ai grijă cum echilibrezi aceste lucruri. Pe de o parte, mai multe câmpuri de formular vă pot ajuta să vă segmentați mai bine clienții potențiali.
Determinați scopurile și scopul utilizării unui anumit pop-up.
Implementați ferestre pop-up programate pentru o mai bună implicare.
Încercați să segmentați ferestrele pop-up pentru vizitatorii noi și vizitatorii repeți.
Când utilizatorii derulează în jos conținutul dvs. sau petrec mai mult timp pe un articol, înseamnă că le-ați captat atenția. Ce zici de utilizarea unui declanșator de defilare pentru a le afișa o fereastră pop-up la o actualizare de conținut sau o invitație la un webinar?

7 exemple pop-up care să vă inspire

Acum, destul cu teoria, să ne uităm la câteva ferestre pop-up reale.

Exemplu pop-up 1: Sleeknote

Această fereastră pop-up Sleeknote folosește dovezile sociale pentru a încerca să convingă oamenii să se aboneze la buletinul lor informativ. Când vă înregistrați, vă veți alătura altor 70.000 de marketeri.

Și pentru că unii oameni ar putea trece prin oboseala de buletin informativ, folosesc termenul „inspirație săptămânală de marketing”. De asemenea, Sleeknotes „mituie” vizitatorii săi cu acces pe viață la resursele clienților în schimbul unui abonament. De asemenea, folosesc un gif și un emoticon, pentru a face pop-up-ul mai atrăgător din punct de vedere vizual.

Exemplu de pop-up Sleeknote

Exemplu pop-up 2: Hubspot

În exemplul de mai jos, avem o fereastră pop-up cu intenția de ieșire din Hubspot (software de marketing și vânzări) care încearcă să-și convingă vizitatorii site-ului web să se aboneze la newsletter-ul lor. De asemenea, folosesc dovada socială pentru a fi mai convingătoare: peste 600.000 de marketeri s-au alăturat deja.

Ar putea folosi niște imagini pentru a arăta mai atractiv. Exemplu de pop-up Hubspot

Exemplul pop-up 3: Haute Hijab

Acest magazin de comerț electronic de mai multe milioane de dolari folosește un pop-up care oferă 15% reducere vizitatorilor care se abonează la newsletter.

Exemplu de pop-up Haute Hijab

Exemplul pop-up 4: Backlinko

Brian Dean, celebrul expert SEO, are conținut blocat pe blog. Este un studiu de caz foarte valoros pe care dorește să îl împărtășească cititorului său în schimbul e-mailului lor.

Când faceți clic pe butonul „Deblocați acum”, veți declanșa o fereastră pop-up.

Backlinko fereastră pop-up cu un singur clic

Exemplul pop-up 5: Mailpoet

Mailpoet (software de marketing prin e-mail) și majoritatea site-urilor web folosesc o fereastră pop-up pentru a informa vizitatorii despre cookie-urile site-ului. Mailpoet face acest lucru cu un design pop-up curat, nu cel vechi, gri și plictisitor cu care suntem obișnuiți.

Fereastra pop-up de notificare privind cookie-urile

Exemplu pop-up 6: Virgin Atlantic

Virgin Atlantic folosește o bară de informații pop-up pentru a informa pasagerii cu privire la măsurile de siguranță legate de COVID-194.

Alte site-uri web folosesc această tactică pentru a promova vânzări speciale și chiar combină acest lucru cu o numărătoare inversă.

Exemplul pop-up 7: Dedoles

Încearcă să atragi vizitatorii site-ului cu bonusuri secrete. Oamenii de la Dedoles folosesc o roată a premiilor pentru asta. În schimbul e-mailului tău, vei primi o reducere sau un cadou.

exemplu de pop-up pentru site-ul web

Încheierea

Clipește de două ori dacă mai ești cu mine

Acum, să vedem ce am învățat astăzi:

Care sunt primele 5 plugin-uri pop-up WordPress din ecosistem;
Cum să utilizați ConvertPro pentru a crea ferestre pop-up WordPress;
Care sunt elementele unui pop-up;
Care sunt cele mai bune practici pe care le puteți fura pentru a crea ferestre pop-up WordPress care convertesc;

Asta e tot oameni buni!

Dacă v-a plăcut acest articol și doriți să aflați mai multe despre cum să proiectați un site web WordPress , asigurați-vă că vă abonați la canalul de Youtube al Colibri și urmăriți-ne pe Twitter și Facebook!