Acesta este modul în care companiile dvs. preferate folosesc ferestrele pop-up de site-uri web pentru a crește (și puteți, de asemenea!)
Publicat: 2020-04-02Există două tipuri de oameni.
Cei care iubesc ferestrele pop-up de site și cei care îi urăsc.
Primul grup știe cât de ridicole de eficiente pot fi ferestrele de tip pop-up pe site. Al doilea grup le consideră ridicol de enervante.
Dar care este diferența reală între o fereastră popup bună și una proastă?
Analizând sute dintre ele, am concluzionat următoarele. Totul se rezumă la trei lucruri:
Cum arată aceste ferestre pop-up
Ce valoare oferă
Când apar exact
Adică, da, unele ferestre pop-up sunt întrerupătoare de experiențe enervante, urâtoare, urâte.
Dar asta se datorează faptului că au fost stabilite într-un mod greșit.
De exemplu, aruncați o privire la acest popup uimitor de pe site-ul Nike:
L-ar numi cineva vreodată urât sau enervant?
M-am gândit la fel de mult.
Pop-up-ul Nike arată elegant și oferă valoare (reduceri aplicate automat la plată, da!). Și cu siguranță nici nu întrerupe experiența. Dacă este ceva - este o parte integrantă a acestuia.
Există mii de companii mari, bine cunoscute, care utilizează cu succes ferestre pop-up de site-uri web pentru a colecta e-mailuri, a anunța vânzări și a afișa îndemnuri. Luați The New York Times, Adidas, The Guardian, Century 21 sau Slack ca exemplu - și lista poate continua!
Deci, de ce să nu înveți de la cei mai buni și să aplici abordarea lor pentru a-ți dezvolta afacerea?
Probabil credeți că aveți nevoie de un dezvoltator sau de bugetele acestor companii mari pentru a adăuga un popup cu aspect profesional pe site-ul dvs. web. Ei bine, asta nu este adevărat.
În această postare pe blog, vă vom arăta 15 exemple de ferestre de tip pop-up folosite de unele dintre cele mai cunoscute companii din diverse nișe. De asemenea, vă vom descrie de ce fiecare popup este atât de eficient.
Cea mai bună parte? Vă vom arăta exact cum să le recreați pe site-ul dvs. web în câteva minute folosind Getsitecontrol.
Creați un popup chiar acum
Căutați o modalitate ușoară de a crea ferestre pop-up uimitoare pe site? Atunci îți va plăcea Getsitecontrol. Încercare gratuită, fără codificare, fără card de credit.
Pentru a vă ajuta să navigați, am împărțit lista în 3 categorii. Sunteți pe cale să vedeți ferestre de tip popup care vă ajută:
Obțineți abonați prin e-mail
Afișați îndemnurile
Anunțați orice actualizări
Simțiți-vă liber să treceți la categoria care vă interesează cel mai mult.
Ferestre pop-up de site-uri web care ajută mărcile să creeze liste de e-mailuri
Toată lumea este nebună să-și crească listele de e-mailuri chiar acum. Și ar trebui să fii și tu!
În cazul în care ați ratat-o, e-mailul are un ROI de 44 USD per fiecare dolar cheltuit.
Dacă ai persoane pe lista ta de e-mailuri, înseamnă că deții permisiunea exclusivă de a le întâlni chiar în căsuțele de e-mail, de a dezvolta o relație și de a le transforma în clienți recurenți.
Așteptați, dar care este cel mai bun mod de a crește o listă de e-mailuri? Pun pariu că știi deja răspunsul.
Sunt ferestre pop-up de site-uri web.
Să vedem cum mărcile despre care ați auzit cu siguranță (și probabil chiar de la care ați cumpărat) folosesc ferestre pop-up pentru a colecta adrese de e-mail.
1. Magazinul New York Times - 10% REDUCERE la prima comandă
New York Times a fost printre primii care au evoluat într-un abonament cu plată media online.
Astăzi, acesta este cel mai vizitat site de ziare. Și utilizează ferestre pop-up de site-uri în diverse scopuri.
De exemplu, uitați-vă la acest formular minimalist de abonament prin e-mail care apare imediat ce aterizați pe magazinul online The New York Times.
Iată ce face ca acest site web să fie excelent:
Proiectare coezivă
Pop-ul are aceeași temă de culoare și același font ca și restul magazinului NYT. Apare ca o parte integrantă și credibilă a site-ului web.Magnet de plumb
Nu vi se oferă doar să vă abonați la noi oferte, veți primi și o reducere de 10% pentru prima comandă dacă vă înscrieți pe listă.Aspect instant
Nu este întotdeauna clar dacă ferestrele pop-up ale site-ului web trebuie să apară simultan sau după ce un vizitator petrece ceva timp pe o pagină. În acest caz, afișarea formularului instantanee este cu siguranță mai bună decât după ce un potențial client face o achiziție, nu-i așa?
Doriți să adăugați un popup similar cu abonament la site-ul dvs. web?
Am urmat spiritul creativ al The New York Times pentru a construi un formular de abonament similar. Faceți clic pe fereastra popup de mai jos pentru a o vedea în acțiune. Apoi urmați instrucțiunile simple care vor apărea în partea dreaptă a paginii.
Șablonul de previzualizare live va fi adăugat direct la tabloul de bord Getsitecontrol. De acolo, veți putea modifica detaliile, cum ar fi procentul de reducere, titlul și tema culorilor, pentru a face o potrivire perfectă pentru site-ul dvs. web.
Apoi, veți putea folosi Direcționare setări pentru a specifica pagina în care doriți să apară popup-ul.
2. Century 21 - deblocați 25 $ OFF sau plătiți prețul complet
Century 21, gigantul de vânzare cu amănuntul la prețuri mici a intrat online acum câțiva ani și a pătruns și în jocul de construire a listelor de e-mailuri. Verificați fereastra pop-up afișată la câteva secunde după ce ajungeți la site-ul lor web.
Iată ce este grozav despre acest popup al site-ului:
Microcopie format e-mail
Century 21 a ales să specifice cum ar trebui să arate o adresă de e-mail pentru a se asigura că clienții o înțeleg. Știind că publicul lor este foarte larg și include oameni care nu sunt neapărat pricepuți în tehnologie, aceasta este o decizie excelentă.Buton negativ de renunțare
Sigur, nu trebuie să vă înscrieți dacă nu doriți. Dar asta înseamnă că ești dispus să plătești prețul complet, nu? Butonul de renunțare este un detaliu minuscul care te face să te gândești de două ori înainte de a refuza oferta.Alegerea inteligentă a culorilor
Observați, nu numai că culorile acestui popup se corelează cu tema site-ului web, dar și butonul „Continuare” este subliniat cu roșu. Între timp, butonul de renunțare se amestecă doar cu fundalul.
Doriți un popup cu un buton de renunțare la site-ul dvs. web?
Dacă vă place acest pop-up de site, recreerea acestuia este la fel de ușoară ca 1-2-3. Doar faceți clic pe șablonul de mai jos și urmați instrucțiunile.
Odată ajuns la tabloul de bord, treceți prin Conţinut setări pentru a regla copia și tema culorii, dacă este nevoie. Urmând exemplul Century 21, poate doriți să adăugați sigla în partea de sus.
3. Marie Claire - efectul FOMO în acțiune
Dacă credeți că butoanele negative de renunțare pot funcționa numai pentru magazinele online, gândiți-vă din nou.
Atunci când oferiți conținut de înaltă calitate prin e-mail, ar putea la fel de bine să le reamintiți oamenilor consecințele neabonării. Uită-te doar la modul în care revista Marie Claire folosește efectul FOMO pe butonul de renunțare.
Iată ce ne place la acest popup pop-site:
Butonul negativ de renunțare
În afară de efectul FOMO, observați cum Marie Claire a transformat butonul de renunțare într-o declarație de dragoste de sine.Copia CTA de înscriere prin e-mail
Există atât de multe apeluri stimulative la acțiune pe care le puteți plasa pe butonul de înscriere în loc de doar „Abonați-vă”. „Arată-mi ce este!” este unul dintre ei.Alegerea unei imagini
Și în acest caz, nu este orice imagine. Este o fotografie a Saoirse Ronan, o actriță talentată pe care majoritatea cititorilor o vor recunoaște cu siguranță.
De ce este atât de importantă imaginea aici?
A avea un vizual care se corelează cu așteptările abonaților dvs. este crucial pentru creșterea ratei de înscriere la e-mail. Pentru că nu se abonează doar la unele tendințe de păr. Se abonează pentru a primi rețeta pentru a arăta ca o vedetă de la Hollywood pe covorul roșu.
Crezi că s-ar putea să dorești un pop-up de site web ca acesta?
Generatorul de popup-uri Getsitecontrol are un șablon care vă va ajuta să recreați cu ușurință exemplul de mai sus. Verificați-l mai jos.
După ce o adăugați la tabloul de bord, veți putea înlocui cu ușurință imaginea cu imaginea dvs. vizuală sau puteți alege o imagine alternativă din galerie.
4. Adidas - primiți 15% REDUCERE în schimbul abonamentului la e-mail
Adidas oferă o reducere de 15% pentru noii abonați cu un popup care apare după ce petreceți ceva timp pe site-ul lor.
Acum, iată ce este deosebit de grozav la pop-up-ul site-ului Adidas:
Microcopia din partea de jos Pentru a atenua frica de a fi spam cu e-mailuri irelevante, Adidas a specificat exact la ce vă abonați.
Caseta de validare a confirmării vârstei În urma Legii privind protecția confidențialității online a copiilor (COPPA), fiecare abonat este obligat să confirme că are peste 13 ani Această casetă de selectare ar putea fi utilizată și pentru colectarea consimțământului explicit pentru a primi e-mailuri de marketing.
Segmentare bazată pe sex Pe baza răspunsului dvs., Adidas va aplica ulterior reguli de segmentare pentru a vă trimite conținutul cel mai relevant. Cu toate acestea, este de asemenea inteligent să setați acest câmp ca opțional, având în vedere câte articole neutre în materie de gen produce Adidas.
Confirmarea abonamentului Odată ce v-ați înscris, vedeți un așa-numit „mesaj de succes al trimiterii” care vă spune la ce să vă așteptați.
O opțiune alternativă aici ar fi afișarea codului de reducere pentru ca oamenii să poată copia și lipi la plată. În acest fel, ei ar putea continua să cumpere fără să părăsească magazinul pentru a-și deschide e-mailul.
5. Ahrefs - nu ratați următorul articol
Să trecem la lumea IT.
Ahrefs, un cunoscut dezvoltator de software SEO folosește această prezentare drăguță pentru a sugera abonarea la newsletter-ul lor după ce ajungeți la sfârșitul unei postări pe blog.
Iată ce este atât de grozav la asta:
Un format diferit
Spre deosebire de ferestrele pop-up modale, slide-in-urile sunt mai puțin atrăgătoare, dar sunt suficient de atrăgătoare pentru a fi observate. Ele pot fi o alegere perfectă pentru proiectele de conținut în care doriți să păstrați experiența de citire cât mai lină posibil.Declanșator de comportament pe pagină
Formularul apare doar când ajungeți la sfârșitul unei postări pe blog. Este momentul perfect pentru a sugera abonarea, deoarece nivelul de implicare este ridicat.Principiul FOMO
Dacă ai ajuns la sfârșitul uneia dintre versiunile lungi ale lui Ahref, sunt mari șanse să te bucuri. Și nu vrei să ratezi o altă piesă grozavă ca aceasta.
Doriți să adăugați un slide-in similar site-ului dvs. web?
Recreerea acestui formular de abonament este ușoară. Am construit un slide-in similar în partea dreaptă, astfel încât să îl puteți instala rapid pe site-ul dvs. web.
Faceți clic pe widget pentru a-l vedea în acțiune și urmați instrucțiunile.
Odată gata, utilizați Direcționare setări pentru a selecta anumite pagini de pe site-ul dvs. web în care doriți să apară slide-in-ul, precum și condițiile pentru momentul în care ar trebui să apară.
6. Vânătoare de produse - abonați-vă la newsletter-ul zilnic
Product Hunt este una dintre cele mai mari comunități online în care sunt lansate produse tehnologice uimitoare în fiecare zi. Cei care nu au timp să meargă și să verifice zilnic site-ul web pot obține rezumate ale celor mai importante actualizări prin abonament prin e-mail.

Pentru a crește numărul de abonamente, Product Hunt prezintă o bară de înscriere prin e-mail în partea de jos a paginii.
Iată ce este grozav la acest formular de abonament:
Distragere minimă
Barele plutitoare sunt cele mai puțin atrăgătoare dintre toate ferestrele popup ale site-ului web. Acestea rămân în partea de sus sau de jos a unei pagini web în timp ce derulați conținutul și așteptați cu răbdare până când sunteți gata să vă abonați.Frecvența buletinului informativ
Copia vă spune exact cât de des veți primi e-mailuri de la Product Hunt.Design autentic
Emoji-ul și culoarea butonului sunt elementele de semnătură ale Product Hunt. Este o decizie minunată să le folosești în formă.
Doriți o bară de înscriere prin e-mail plutitoare?
Puteți adăuga un widget similar site-ului dvs. web și îl puteți afișa la nivel de site sau pe anumite pagini. Utilizați șablonul gata făcut de mai jos pentru a începe.
Copierea și designul șablonului sunt destul de versatile, așa că nu ezitați să îl folosiți pe site-ul dvs. web așa cum este.
Ferestre pop-up pentru site-ul web pentru a afișa îndemnul la acțiune
E timpul să treci la următoarea categorie!
Al doilea motiv important pentru care companiile utilizează ferestre pop-up de site-ul web este acela de a încuraja vizitatorii să obțină o reducere, să verifice o nouă postare pe blog, să participe la un cadou - cu alte cuvinte, să ia măsuri .
Să vedem cum o fac afacerile din viața reală.
7. Century 21 - ia o reducere înainte de a pleca
Dacă începeți să răsfoiți magazinul online Century 21, trebuie să aveți o cantitate imensă de voință și să rezistați dorinței de a lua oferte speciale care vă așteaptă la fiecare colț.
În primul rând, vă solicită să vă abonați în schimbul unui cupon OFF de 25 USD. Și apoi, dacă încercați să plecați fără a face o achiziție, vedeți acest popup pop-up:
Dacă apeși pe „Da, te rog!” butonul, codul cuponului este afișat chiar în fereastra pop-up. Puteți copia codul și îl puteți lipi la plată. Simplu. Efectiv.
Iată de ce abordarea intenționată de ieșire funcționează atât de bine:
Atenție garantată
Nu există nici o modalitate de a rata o ofertă de reducere care apare în fața ochilor dvs. atunci când navigați pentru a ieși.Ultima soluție
Ferestrele popup cu intenție de ieșire vă oferă practic acea șansă unică de a converti persoanele care erau pe cale să plece. Sigur, nu orice vizitator abandonant va răspunde. Dar unii dintre ei o vor face - și fiecare efort contează, nu?
Doriți să plasați un popup cu intenție de ieșire pe site-ul dvs. web?
Consultați șablonul de mai jos. Este deja configurat să apară chiar atunci când vizitatorii dvs. încep să navigheze pentru a ieși din pagină.
Plasați-l pe site-ul dvs. web în câteva clicuri, apoi accesați Direcționare setări pentru a specifica pagina în care ar trebui să apară. De exemplu, vă recomandăm să îl plasați pe paginile produselor, pe paginile categoriilor sau chiar la checkout pentru a preveni abandonarea coșului de cumpărături.
8. Skillshare - promoția programului de recomandare
Skillshare, o platformă de învățare online, rulează un program de recomandare care vă permite să câștigați luni gratuite de cursuri invitând prieteni. Observați bara plutitoare pe care au plasat-o în partea de sus a fiecărei pagini.
Ceea ce a făcut Skillshare chiar aici:
Culoare contrastantă
Skillshare a ales albul, deoarece atrage atenția, având în vedere tema culorii albastru închis a site-ului web.Doar suficiente detalii
În ciuda lipsei de spațiu, copia vă oferă suficiente informații pentru a decide dacă sunteți interesat sau nu.Ștergeți butonul CTA
Butonul „Invită prieteni” stabilește așteptări clare. Vă duce la pagina dedicată, unde puteți afla detalii și puteți obține linkul de recomandare.
9. New York Times - citiți actualizări importante acum
Dacă proiectul dvs. este axat pe conținut, puteți utiliza ferestre pop-up pentru promovarea celei mai recente piese de pe blog, actualizări importante pe subiecte selectate sau doar materiale relevante.
De exemplu, acesta a fost modul în care New York Times a atras atenția cititorilor lor asupra actualizărilor în timp real asupra focarului COVID-19.
Barele de îndemn din partea de jos a unei pagini web sunt utilizate de diferite puncte media în diverse scopuri. Verificați următorul nostru exemplu cu un popup similar.
10. The Guardian - sprijină-l pe Guardian astăzi
Spre deosebire de The New York Times, The Guardian a ales să păstreze toate materialele în acces liber, în timp ce cititorii pot participa la finanțarea ziarului sub formă de donații. Vedeți cum comunică acest mesaj folosind un popup în partea de jos a paginii.
Doriți să utilizați un popup similar pe site-ul dvs. web?
Când doriți să puneți accentul pe mesaj, în mod clar, aceste bare lipicioase sunt perfecte pentru a atrage atenția. Consultați șablonul de mai jos dacă doriți să adăugați unul la site-ul dvs. web.
După ce îl adăugați la tabloul de bord Getsitecontrol, accesați Conţinut filă și deschideți setările butonului pentru a plasa linkul către pagina dorită.
Ferestre pop-up pentru site-uri web pentru a face anunțuri la nivel de site
Ultima categorie de ferestre pop-up de site-uri vizează informarea vizitatorilor, mai degrabă decât încurajarea acestora să acționeze.
Dacă doriți să vă mențineți publicul la curent cu noutățile și termenii actuali, ferestrele popup ale site-ului web sunt perfecte.
Le puteți utiliza pentru a răspândi vestea despre modificările operațiunii comerciale, ofertele actuale sau politicile noi - cum ar fi politica de consimțământ a cookie-urilor, de exemplu.
Să aruncăm o privire asupra modului în care Reebok, Tiffany, Nespresso, Intercom și Slack gestionează acest tip de comunicare.
11. Reebok - anunț de vânzare la nivel de site
Pentru a se asigura că toți cei care aterizează pe site-ul lor web sunt informați cu privire la vânzarea la nivel de site, Reebok a plasat o bară de anunțuri plutitoare în partea de sus a unei pagini web.
Acest anunț nu necesită nicio acțiune din partea vizitatorului site-ului. Vă puteți gândi la asta ca la o surpriză frumoasă și la un stimulent pentru a continua să navigați în magazin.
12. Tiffany & Co. - memento de serviciu gratuit
Iată cum Tiffany & Co. informează vizitatorii magazinului online că expedierea și returnarea sunt gratuite pentru toate comenzile. Folosesc o bară plutitoare albastră Tiffany semnată în partea de sus a unei pagini web.
Dacă aveți codurile de culoare pentru tema site-ului dvs. web, le puteți utiliza în fereastra pop-up Aspect / CSS setări pentru a crea o bară de anunțuri perfect potrivită, la fel ca cea a lui Tiffany.
13. Nespresso - posibil anunț de întârziere a livrării
Ultimul exemplu de bară plutitoare aparține site-ului web Nespresso. Oferă clienților online o notă de primire notificându-i despre livrarea întârziată.
Din nou, este posibil să fi observat că culoarea barei plutitoare nu a fost aleasă la întâmplare - se potrivește perfect cu butonul „Căutare” de mai jos.
Doriți să recreați aceste ferestre pop-up de site?
Pentru a ajunge la public cu un mesaj scurt, dar important, barele plutitoare sunt grozave. Pentru a adăuga unul la site-ul dvs. web, faceți doar un clic pe șablonul de mai jos și apoi editați copia.
Simțiți-vă liber să schimbați culoarea cu cea care ar putea arăta mai bine pe site-ul dvs. web. Tema culorilor este disponibilă în Aspect fila tabloului de bord Getsitecontrol.
14. Slack - banner de consimțământ pentru cookie-uri
Ultimele două exemple din lista noastră sunt bannere cookie.
După cum probabil știți, începând din 2018, fiecare site web care primește vizitatori din UE trebuie să își obțină consimțământul informat pentru a utiliza cookie-uri care urmăresc datele utilizatorilor.
Așa arată mesajul cookie de pe site-ul Slack.
Slack a ales să utilizeze un slide-in din partea dreaptă care leagă politica de consimțământ a cookie-urilor și se închide la clic.
Dacă doriți să plasați unul similar, utilizați șablonul de mai jos.
Puteți adăuga acest popup pe site-ul dvs. web așa cum este sau puteți insera un link către pagina dvs. Politica cookie-urilor către copia widgetului, la fel cum a făcut Slack.
15. Interfon - bara adezivă pentru consimțământul cookie
Intercom, un popular dezvoltator de platforme de mesagerie, a optat pentru o bară lipicioasă mai puțin obscură în partea de sus a unei pagini web, pentru a-și anunța vizitatorii despre politica privind cookie-urile.
Dacă preferați această opțiune, continuați și faceți clic aici pentru a verifica șablonul Getsitecontrol pentru o bară de consimțământ pentru cookie-uri.
Sunteți gata să utilizați ferestre pop-up de site-uri web pentru a vă dezvolta afacerea?
Dacă ați fost mereu curios dacă ferestrele popup ale site-urilor web vă pot ajuta să vă dezvoltați afacerea - astăzi este ziua pentru a afla.
Nu știi cu ce să începi?
Iată cele mai populare 3 ferestre pop-up ale site-ului nostru:
formular de abonament prin e-mail,
banner de consimțământ cookie,
promovare ofertă specială.
Alegeți-l pe cel mai relevant pentru afacerea dvs. (sau adăugați-le pe toate pe site-ul dvs. simultan) folosind Getsitecontrol și acordați-i o rotație gratuită.
Creați un popup chiar acum
Căutați o modalitate ușoară de a crea ferestre pop-up de site-uri web? Atunci îți va plăcea Getsitecontrol. Încercare gratuită, fără codificare, fără card de credit.
Citiți blogul Getsitecontrol, unde experții în marketing împărtășesc tactici dovedite pentru a vă dezvolta afacerea online. Acest articol face parte din secțiunea de implicare a clienților.
Abonați-vă la buletinul nostru informativ → Ilustrația principală de la Icons8