Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Programe
  • PopUp - fereastră pop-up. Creați și aplicați ferestre pop-up

PopUp - fereastră pop-up. Creați și aplicați ferestre pop-up

Generator de vânzări

Vă vom trimite materialul pe:

Matrice (=> 21977 [~ SHOW_COUNTER] => 21977 => 436 [~ ID] => 436 => 7 trucuri când ferestrele pop-up au succes [~ NAME] => 7 trucuri când ferestrele pop-up (pop-up) sunt succes => 6 [~ IBLOCK_ID] => 6 => 13 [~ IBLOCK_SECTION_ID] => 13 =>

pop-sus pop-sus

Care este scopul colectiei e-Poștă

În acest articol, veți învăța:

Afișarea ferestrelor pop-up este rău sau un instrument eficient

Avantaje ferestre pop-up:

  • Prin intermediulpop-

Defecte ferestre pop-up:

  • Scăderea prezenței.
  • pop-

Care sunt elementele ferestrei pop-up

  1. Textul titlului.
  2. Design antet.
  3. Design bloc și imagine.
  4. Câmpuri formular.
  5. Butonul de ieșire.
  6. Textul principal.
  7. Design buton de acțiune.

Tipuri de ferestre pop-up pe site

Exemplu bun, rău și grozav de pop-up

  • Bun exemplu


Trimiteți cererea dvs

  • Excelent exemplu

7 idei despre cum să personalizați ferestrele pop-up pe site-ul dvs

Pro:

Minusuri:

Pro:

Minusuri:

Pro:

Minusuri:

Pro:

Minusuri:

5. Popup secret

Pro:

Minusuri:

Pro:

Pro:

Minusuri:

Cum să creați singur un pop-up

Onmouseover Оnclic

și


muta mouse-ul aici!

Popup pentru WordPress

  • Plugin pop-up ITRO
  • Buletinul informativ YITH Popup
  • PopUp WordPress
  • Optinmonster
  • Ferestre pop-up Ninja

9 sfaturi pentru a crea un pop-up și pentru a nu exagera

1. Nu vă familiarizați

7. Fii specific

8. Fii concis

9 motive pentru care fereastra pop-up nu funcționează

Nu ați evaluat funcționarea pluginului

Dar asta nu este tot.

Ai conținut irelevant


Trimiteți cererea dvs

[~ DETAIL_TEXT] =>

pop-sus Este o fereastră pop-up care apare pe ecran atunci când vizitează un site și încurajează o persoană să întreprindă anumite acțiuni (abonarea la un buletin informativ, a deveni participant la o promoție, a introduce informațiile de contact etc.). Practic sarcina pop-sus-windows - colectează adrese de e-mail.

Diverse studii arată eficiența utilizării ferestrelor pop-up. De exemplu, un site cu 44 de mii de vizitatori a dobândit zilnic 10-15 abonați pentru lista sa de corespondență, iar după lansarea ferestrelor pop-up cu o întârziere de un minut, aproximativ 100-150 de vizitatori au început să se aboneze în fiecare zi.

Care este scopul colectiei e-Poștă- Folosește ferestre pop-up? Să facem o analogie simplă. Site-ul este o găleată deteriorată umplută cu apă. Toate eforturile tale de a-l umple sunt sortite eșecului, deoarece lichidul se revarsă din găuri. Situația este similară cu vizitatorii paginilor de internet. Mulți oameni închid fila după ce vizitează site-ul și nu se întorc niciodată la „găleată”.

Pentru ca o afacere să aibă succes, trebuie să obțineți un trafic ridicat către resursa dvs. de internet. Cu cât colectați mai multe adrese de e-mail, cu atât mai multe persoane puteți atrage ulterior pe site-ul dvs. prin utilizarea unor buletine informative eficiente prin e-mail.

În acest articol, veți învăța:

  1. Afișarea ferestrelor pop-up este rău sau un instrument eficient
  2. Avantajele și dezavantajele evidente ale ferestrelor pop-up
  3. Care sunt elementele ferestrei pop-up
  4. Tipuri de ferestre pop-up pe site
  5. Exemplu bun, rău și grozav de pop-up
  6. 7 idei despre cum să personalizați ferestrele pop-up pe site-ul dvs
  7. Cum să creați singur un pop-up
  8. Popup pentru WordPress
  9. 9 sfaturi pentru a crea un pop-up și pentru a nu exagera
  10. 9 motive pentru care fereastra pop-up nu funcționează

Afișarea ferestrelor pop-up este rău sau un instrument eficient

Imaginați-vă o situație: sunteți fascinat de citirea informațiilor de pe o pagină, încercarea de a derula prin ea... iar în fața voastră apar ferestre cu reclame. Prima reacție este iritația. Cu toate acestea, dacă vă aflați pe site-ul unui magazin online și doriți să cumpărați ceva, atunci reducerea oferită în pop-up vă va mulțumi cu siguranță.

Este posibilă și o altă situație. În timp ce citiți publicațiile unui blogger care este un agent de marketing pe internet, o fereastră pop-up vă invită să descărcați un ghid cu cele mai frecvente greșeli din Google Adwords complet gratuit. Cel mai probabil, vei fi interesat de o astfel de ofertă pop-up.

Percepția ferestrelor pop-up poate fi fie negativă, fie pozitivă. Depinde, ca în orice alt caz, dacă oferta conținută în pop-up este utilă și relevantă pentru potențialul client.

Avantajele și dezavantajele evidente ale personalizării ferestrelor pop-up

Avantaje ferestre pop-up:

  • Ele vă permit să atrageți atenția. Când utilizatorii dau clic pe un link de pe alt site, ei văd mai întâi un banner pop-up care oferă ceva benefic. Acest lucru îi întârzie și îi determină să ia măsuri suplimentare.
  • Când le folosiți, conversia crește. Statisticile arată o eficiență mult mai mare (de 13 ori) a bannerelor pop-up față de cele convenționale create pentru a crește traficul pe site sau numărul de vizualizări.
  • Prin intermediulpop-sus ferestre, puteți obține rapid feedback. Având un banner pop-up pe pagina Întrebări frecvente va permite vizitatorilor să contacteze mai rapid administratorii site-ului.

Defecte ferestre pop-up:

  • Scăderea prezenței.În cazul instalării incorecte a ferestrelor pop-up, vizitatorii vor simți supărare doar atunci când apar. De exemplu, dacă bannerul este imens sau trebuie să cauți o cruce pe care să o închizi pentru o perioadă lungă de timp, atunci utilizatorii pot da preferință altor site-uri.
  • Tratează bannerele ca spam. Acest lucru este posibil cu un număr foarte mare de ferestre pop-up. Rezultatul poate fi o deteriorare a reputației companiei.
  • pop-bannerele în sus pot fi blocate. Unii oameni știu că este posibil să instalezi un program în browser care va bloca apariția ferestrelor pop-up. În același timp, puteți uita de eficiența publicității folosind ferestre pop-up.

Care sunt elementele ferestrei pop-up

Cheia unei comunicări eficiente cu vizitatorii site-ului prin intermediul bannerelor pop-up este testarea în mod continuu a textelor, a designului și a formatului afișajului acestora.

Să enumerăm cele mai importante elemente:

  1. Textul titlului. Trebuie să formulați o propoziție pop-up în cuvinte simple și ușor de înțeles, apoi va funcționa eficient. Luați în considerare diverse opțiuni, analizați atitudinea vizitatorilor față de fiecare dintre ele.
  2. Design antet. După ce ați ales un titlu potrivit, proiectați-l frumos (alegeți culoarea, fontul, dimensiunea). Ar trebui să fie lizibil.
  3. Design bloc și imagine. Aflați ce format, culoare și dimensiune blocuri sunt cele mai bune pentru pagina dvs. Adesea, pentru a crește conversia, este suficient să adăugați o imagine la bloc.
  4. Câmpuri formular. Puteți utiliza fonturi diferite, puteți plasa descrieri în moduri diferite (în interiorul, deasupra sau în stânga câmpului). Trebuie reținut că orice ecran trebuie să le afișeze corect.
  5. Butonul de ieșire. Un element necesar al ferestrei pop-up este un buton care vă permite să refuzați o ofertă (de exemplu, „Nu, mulțumesc”, etc.). Puteți oferi utilizatorilor posibilitatea de a închide fereastra pop-up făcând clic pe pagina de pornire.
  6. Textul principal. Ar trebui să includă cu siguranță o descriere a beneficiilor ofertei și a caracteristicilor acesteia. Conform rezultatelor testelor, lipsa unor astfel de informații pe banner poate duce la o conversie scăzută.
  7. Text îndemn.Încercați mai multe alternative. Butonul „Trimite” poate fi înlocuit cu „Obține un raport gratuit”, „Descarcă acum”, „Înscrie-mă pentru newsletter”.
  8. Design buton de acțiune. Testați butoanele de diferite forme, dimensiuni și culori pentru a găsi pe cel pe care se poate face clic cel mai mult.

Tipuri de ferestre pop-up pe site

Există două grupuri de ferestre pop-up: Hello-Board și Page-Stop.

Prima categorie se caracterizează prin plasarea orizontală sau verticală a bannerelor, în care informațiile principale ale paginii rămân vizibile pentru utilizator, iar funcționalitatea acesteia rămâne aproape aceeași. Această opțiune pop-up este soft, permițându-vă să mențineți un echilibru între percepția vizitatorilor și rezultatul care se obține prin utilizarea bannerelor.

Astfel de ferestre pop-up au dezavantaje, dar nu pot fi eliminate momentan - revizuirea site-ului, deși parțial, este limitată. Acest lucru face ca ferestrele Hello-board să fie mai puțin eficiente decât ferestrele Page-Stop.

Categoria de bannere Page-Stop presupune o restrângere completă a activității pe site până când vizitatorul dă clic pe unul dintre butoane - acceptă oferta sau o respinge prin închiderea pop-up-ului. O astfel de fereastră pop-up în cele mai multe cazuri doar enervează utilizatorii, deoarece îi distrage atenția de la scopul principal de a vizita pagina.

Exemplu bun, rău și grozav de pop-up

  • Bun exemplu

Când vizitați pentru prima dată magazinele online Lamoda și Quelle, apar oferte speciale:

„Efectuați o achiziție și livrarea va fi pe cheltuiala noastră”; „Abonează-te și vom reduce 40%.” Oferte atractive, nu? Trebuie remarcat faptul că astfel de tehnici sunt utilizate în mod constant în comerț. Dacă ești atent, vei observa că în fiecare departament al centrelor comerciale există reclame despre vânzări și reduceri mari, care se presupune că acționează astăzi. Cu toate acestea, un astfel de sistem de vânzare este practicat tot timpul.

Este foarte important ca un magazin online (inclusiv Lamoda) să primească adresa de e-mail a unui vizitator. Specialiştii în marketing îl vor include în lista lor de corespondenţă şi vor oferi produsele lor. Este benefic pentru toată lumea. Utilizatorii primesc reduceri, iar magazinele online primesc clienți obișnuiți. Acest model se numește „win-win”.


Trimiteți cererea dvs

Cunoscutul CallBackHunter. Când această tehnologie tocmai s-a născut pe Runet, a provocat un efect wow. La urma urmei, trebuie să fii de acord, conduci în telefon și vei fi sunat automat înapoi în 30 de secunde și sfătuit cu privire la anumite probleme. Rata de conversie a multor site-uri a crescut. Dar incapacitatea majorității proprietarilor de site-uri de a configura corect această tehnologie a dus curând la faptul că irită pe toată lumea. Există două motive pentru aceasta. Prima este apariția sa instantanee după accesarea site-ului. Vizitatorul nici nu are timp să afle unde se află și dacă are nevoie de ceva aici. Al doilea - formularea din CallBackHunter este cel puțin enigmatică:

Fereastra pop-up nu conține nicio ofertă avantajoasă, utilizatorul nu este convins să se aboneze. Aici intervine așteptarea efectului surpriză. Dacă un vizitator face clic pe butonul pop-up necesar fără să-și dea seama cum să închidă fereastra, atunci un apel va fi trimis automat către companie. Angajații vor începe să ofere produse și pot chiar să „vândă” ceva. Astfel, organizația nu poate decât să-și piardă reputația.

Ar trebui să vă străduiți să satisfaceți nevoile clienților, nu să creșteți vânzările cu orice preț. Construirea relațiilor cu consumatorii ar trebui să se bazeze pe încredere, apoi puteți conta pe o cooperare pe termen lung, benefică ambelor părți.

  • Excelent exemplu

Pe site-ul revistei „Director general”, care este clientul nostru, apare următorul banner:

Acest formular apare la citirea unui articol sau la găsirea unei anumite perioade de timp pe site. Scopul principal al acestui formular este de a oferi oamenilor conținut util atunci când sunt pe cale să părăsească site-ul.

Rețineți că fereastra pop-up de pe site-ul directorului general conține suficiente informații încât oferta sa este tentantă. Cu importunitate, de asemenea, nu a exagerat. Vizitatorii nu au impresia că acest pop-up aparține altui site sau face publicitate, așa că funcționează eficient.

7 idei despre cum să personalizați ferestrele pop-up pe site-ul dvs

1. Fereastra pop-up în loc de banner

Webmasterii folosesc adesea bannere, plasându-le pe partea laterală a site-ului sau în bara laterală. Dacă dați clic pe banner, se va deschide o anumită pagină. Dacă conține o ofertă de abonare la lista de corespondență, atunci pot fi folosite formulare pop-up.

Pro:

  • Fereastra pop-up se va deschide instantaneu, în timp ce pagina de abonament va dura ceva timp pentru a se încărca. Acest lucru poate duce la o creștere a conversiilor abonaților.
  • Există o oportunitate de a economisi spațiu. Dacă bannerul a fost înlocuit cu un formular de abonare, atunci vă puteți limita la un singur buton, eliminând toate câmpurile. Făcând clic pe el, va apărea fereastra pop-up.

Minusuri:

  • Nu veți putea plasa multe informații în fereastra pop-up, spre deosebire de pagina de abonare. De asemenea, nu veți putea încărca o imagine sau un videoclip.

2. Popup în loc de abonament

Aceasta se referă la formularele de abonare care sunt plasate atât pe pagini separate, cât și pe partea laterală a paginii principale (în bara laterală, ca în exemplu). În bloguri, ofertele de abonare la newsletter sunt tot la sfârșitul articolului. O opțiune bună în acest caz este eliminarea tuturor câmpurilor, lăsând un singur clic pentru clic, care va apela pop-up-ul. Și poate conține deja numărul necesar de câmpuri.

Pro:

  • Creșterea numărului de abonați. Motivul pentru aceasta este că, făcând clic pe butonul pop-up, vizitatorul este deja mai înclinat să completeze câmpurile. Dacă formularul de abonare este afișat imediat, acesta este de obicei ignorat.
  • Utilizarea mai economică a spațiului de internet. Câmpurile din formularul de abonare pot fi înlocuite cu informații publicitare. O altă opțiune este să proiectați pagina într-un stil minimalist, făcând-o îngrijită.

Minusuri:

  • Așteptările utilizatorilor rămân nejustificate. De exemplu, făcând clic pe butonul „Descărcare”, o persoană așteaptă să înceapă descărcarea. După aceasta, apariția unui formular de completat poate provoca emoții negative. Cu toate acestea, puteți combina acest lucru cu orice element și, ulterior, puteți crea butoane care vă permit să descărcați fișiere imediat (fără ferestre pop-up).

3. Fereastra pop-up în loc de cuvinte de recunoștință

Aceasta este o soluție bună și simplă. Nu este nevoie să creezi pagini, să postezi cuvinte de recunoștință și link-uri pentru a descărca fișierele de interes. În schimb, ar trebui să direcționați persoana către aceeași pagină, schimbându-i ușor adresa (de exemplu, /? Yhx935 / a fost adăugat la / pagina /). Un astfel de supliment va da o comandă pentru a deschide o fereastră pop-up cu recunoştinţă sau link-uri de descărcare.

Pro:

  • Puteți crea astfel de pagini în mult mai puțin timp.

Minusuri:

  • Va trebui să găsiți un specialist care va personaliza aspectul unei ferestre pop-up atunci când un parametru secret este adăugat la adresa paginii.
  • Nu toate ferestrele pop-up au suport pentru link-urile de social media.

4. Fereastra pop-up în locul paginii „Mulțumesc pentru abonare”.

Această formă pop-up este similară cu vizualizările anterioare. Utilizatorul care se abonează la newsletter este direcționat nu către pagina de mulțumire, ci către pagina de vânzare, unde imediat apare un pop-up. Conține link-urile și cuvintele de recunoștință necesare vizitatorului. Sub fereastra pop-up, puteți plasa informații despre un produs plătit legat de un abonament înregistrat și o ofertă de achiziție pentru o promoție.

Pro:

  • Nu este nevoie de o pagină de mulțumire.
  • Creșterea conversiei. Când fereastra este închisă, o persoană este dusă la o pagină complet încărcată cu o reclamă pentru un produs plătit. Dacă îl proiectați într-un mod atractiv, atunci mulți vor închide fereastra pop-up pentru a vedea oferta mai detaliat.

Minusuri:

  • Fereastra pop-up ar trebui să apară instantaneu, altfel utilizatorii vă pot suspecta de înșelăciune și lipsa linkurilor necesare. Ca urmare, vânzările vor scădea.

5. Popup secret

Pentru utilizatorii care călătoresc mult timp pe resursa dvs. de internet, puteți dezvolta un pop-up secret postând informații despre oferte foarte profitabile pe acesta. Dacă îl creați corect, atunci doar anumite persoane care sunt cele mai active vor avea ocazia să vadă un astfel de pop-up. Acesta este un bonus frumos.

Un astfel de pop-up poate apărea, de exemplu, după 36 de minute de a fi pe pagina ta (sau mai mult). Alternativ, puteți afla de cât timp nu mai mult de 1% dintre vizitatori au fost pe site-ul dvs. și puteți nota de data aceasta într-o fereastră pop-up. Nu este necesar să oferi o promoție, poți face sondaje utilizatorilor (+ apoi oferi o reducere) dacă vrei să colectezi orice date despre cei care vă vizualizează pagina de mult timp.

Pro:

  • Cei mai activi primesc bonusuri. Dacă oferta este bună, utilizatorii vor fi mulțumiți. Un astfel de pop-up pentru un site web este un analog al unui ou de Paște ascuns.

Minusuri:

  • Dacă toată lumea găsește „oul”, atunci vei suferi pierderi.

Adăugarea personalizării la listă ar putea fi ciudată. Cu toate acestea, acum nu este folosit des și împreună cu ferestrele pop-up ar funcționa destul de eficient. Constă în următoarele. Dacă cunoașteți persoanele de contact ale utilizatorului (de exemplu, numele, adresa de e-mail, numărul de telefon), atunci:

  • Completați automat formularele de abonare de pe pagină.
  • Ștergeți formularele inutile. Sunt inutile, deoarece puteți trimite propunerea dvs. vizitatorului prin e-mail. Formularele șterse pot fi înlocuite cu publicitate (în loc de formularul din partea laterală a paginii, creați un banner care să reclame un site de vânzare sau o promovare).

Pro:

  • Veți putea realiza o conversie mai mare, deoarece câmpurile vor fi completate automat, trebuie doar să faceți clic pe butonul pop-up.
  • Veți putea posta mai multe anunțuri pe site.

7. Fereastra pop-up în interiorul articolului

Este posibil nu numai să creați ferestre pop-up care apar de la sine, ci și să includeți mai multe butoane în textul paginii, făcând clic pe care vor apărea ferestre pop-up. Cu cât articolul este mai lung, cu atât mai multe butoane puteți plasa.

Pro:

  • Utilizatorii nu vor fi enervați de distragerea atenției ferestrelor pop-up, deoarece pot numi ei înșiși oricând doresc.
  • Capacitatea de a crește conversia. Pentru a face acest lucru, trebuie să atrageți interesul vizitatorilor către butoanele de apel pop-up.

Minusuri:

  • În articol apar elemente inutile. În acest sens, se recomandă asocierea unor astfel de butoane cu personalizarea: persoana care se abonează să nu le mai vadă în text.

Cum să creați singur un pop-up

Cum să faci singur un pop-up? Pentru a face acest lucru, trebuie să cunoașteți limbajul HTML cel puțin la un nivel de bază. În acest caz, puteți face cu ușurință o fereastră pop-up pentru site.

Pentru a-l crea, sunt adesea folosite biblioteci cadru JavaScript (jQuery, MooTools, Prototype etc.), dar profanul nu are nevoie de ele. Limbajul de marcare hipertext HTML și limbajul de descriere a foii de stil în cascadă CSS vă permit să creați ferestre pop-up bune. Windows scris în aceste limbi nu va depinde de JavaScript în browser.

Codul care dă comanda de deschidere a ferestrei pop-up este plasat pe două linii. Prima sarcină este să generați un link, un clic pe care face să apară o fereastră pop-up:

Valorile atributelor etichetei pentru acest link sunt după cum urmează. Onmouseover definește tipul de cursor al mouse-ului care apare când treci cu mouse-ul peste butonul pop-up. Оnclic este necesar pentru a lansa o comandă pentru apariția unui bloc ascuns cu identificatorul pop-up după ce utilizatorul face clic pe buton.

A doua linie este pop-up-ul. Identificatorul pop-up este folosit pentru a indica stratul. Atributul stil vă permite să setați parametrii ferestrei, fontului și cadrului (culoarea, dimensiunea, fundalul acestora):

Fereastra pop-up este invizibilă în mod implicit (deoarece selectorul de afișare este setat la niciunul în textul codului).

Aceste două linii sunt suficiente pentru a crea un pop-up în html. Va trebui să le inserați între etichete și site-ul dvs. și pop-up-ul va funcționa.

Pentru ca fereastra pop-up să se închidă, trebuie să introduceți înainte de etichetă

link care oferă comanda pentru a ascunde stratul vizibil cu identificatorul pop-up:


Dacă doriți, puteți seta fereastra să apară nu atunci când faceți clic pe un link, ci numai când treceți cu mouse-ul peste ea. Pentru a face acest lucru, schimbați prima linie:

muta mouse-ul aici!

Popup pentru WordPress

Există mai mult de un plugin pop-up pentru Wordpress. Cum să-l alegi pe cel potrivit dintr-o varietate de opțiuni? Pop-up-urile pot apărea în mod neașteptat sau fără probleme, pe pagina principală a site-ului sau pe pagina internă, imediat după trecerea la pagină sau când aceasta este închisă. Mai jos sunt cele mai bune opțiuni de plugin:

  • Plugin pop-up ITRO

Este gratis. Este foarte convenabil de utilizat, nici editarea nu este dificilă. Pluginul oferă posibilitatea de a descărca imagini, etichete pentru titluri, videoclipuri de pe YouTube.

Setările permit personalizarea. Puteți crea un banner de orice dimensiune, culoare. Chenarurile ferestrelor pop-up sunt, de asemenea, editabile. De asemenea, puteți alege paginile în care vor apărea ferestrele pop-up.

  • Buletinul informativ YITH Popup

Este, de asemenea, gratuit. Conceput pentru a crea o fereastră pop-up în formularul de abonare. Nu este dificil de instalat și configurat. Trebuie să lucrezi doar pe două pagini. Pe una - setări generale, pe cealaltă - editor de design pop-up.

Setările generale fac posibilă scrierea unui titlu, inserarea unei imagini și a informațiilor sub formă de text. Aici puteți seta culoarea fundalului, textul, selectați fontul. Dezavantajul este incapacitatea de a alege locația textului și a imaginilor. Cu toate acestea, pop-up-ul este destul de drăguț.

  • PopUp WordPress

Acest plugin vă permite să creați ferestre pop-up creative. Avantajele sale includ ușurința de a adăuga formulare și imagini, o selecție largă de parametri de aspect. Puteți seta fereastra pop-up să apară doar în fața utilizatorilor care nu au comentat nimic pe site sau care au ajuns la pagină dintr-un motor de căutare. Puteți specifica în setări de câte ori poate apărea fereastra pop-up în fața fiecărui vizitator.

  • Optinmonster

Acest plugin este plătit, dar oferă opțiuni extinse pentru editarea ferestrelor pop-up. Este susținut automat de GetResponse, MailChimp și alții. După alegerea unui serviciu de e-mail, are loc configurarea automată. Versiunea plătită este concepută pentru a efectua teste și a analiza rezultatele pentru a identifica o opțiune pop-up mai eficientă. Videoclipurile pot fi încorporate direct în formular.

  • Ferestre pop-up Ninja

De asemenea, un plugin plătit susținut de multe servicii de e-mail. Șabloanele sunt dezvoltate la nivel profesional, designul bannerului poate fi realizat în stilul site-ului. Este posibil să personalizați aspectul unei ferestre pop-up pe orice pagină, în orice categorie. Fereastra pop-up poate apărea și când site-ul este închis.

Puteți face pagina privată până când utilizatorul o distribuie pe rețelele sociale sau se abonează. Este posibil să se efectueze teste pentru a îmbunătăți eficiența ferestrei pop-up.

9 sfaturi pentru a crea un pop-up și pentru a nu exagera

1. Nu vă familiarizați

În niciun caz nu ar trebui să fii nepoliticos, păstrează vizitatorii pentru idioți. De asemenea, este mai bine să nu te aprofundezi în ceea ce îi determină. Sub interdicție, inscripții în ferestre pop-up precum „Nu, prefer să nu am adepți”, deoarece pot fi înțelese ca „Nu, nu vreau să fac afaceri cu tine”.

2. Nu compensa calitatea cu cantitatea.

Dorința de a ajunge la 400% nu trebuie să ducă la o creștere a numărului de ferestre pop-up în detrimentul calității acestora. Pentru a alege cea mai eficientă opțiune, rulați teste. Nu pune ferestre pop-up pe fiecare pagină a site-ului tău.

3. Nu apare în locul nepotrivit la momentul nepotrivit

O fereastră pop-up în timp ce pagina se încarcă va duce la pierderea de vizitatori. Dacă fereastra pop-up este mare și dificil de închis, este mai probabil să ducă la pierderi de clienți potențiali.

Cea mai bună opțiune este să faceți pop-up cu puțin timp înainte ca utilizatorul să închidă pagina. Îl puteți configura în acest fel analizând cât timp sunt vizitatorii pe site-ul dvs. De asemenea, puteți remedia modul în care cursorul se mișcă de la blocul de conținut la blocurile care cad pe calea către butonul de închidere a paginii.

4. Personalizați-vă ferestrele pop-up

În zilele noastre, la organizarea vânzărilor electronice, este la modă să faci personalizare. Se crede că este mai plăcut pentru o persoană să facă cumpărături în magazinele în care mărfurile îi sunt oferite personal. Nimeni nu vrea să fie un utilizator fără chip.

Dacă este posibil, personalizați ferestrele pop-up. Dacă sunteți proprietarul unui magazin online, atunci așteptați până când clientul indică ceea ce îl interesează, apoi faceți o ofertă în conformitate cu aceasta.

5. Nu ascunde crucea pentru a închide fereastra

Dacă este dificil să închideți fereastra pop-up, atunci utilizatorul poate dezvolta o atitudine negativă față de site-ul dvs. Prin urmare, probabilitatea lor de a face o achiziție (sau de a se abona etc.) va fi redusă.

6. Nu fi exagerat de enervant pe cat posibil.

Evenimentele neașteptate nu fac întotdeauna o persoană fericită, mai ales dacă îi stau în calea scopului. Dacă apare o fereastră pop-up în timp ce citiți un articol interesant sau alegeți un produs și vă oferă să vă abonați la un buletin informativ săptămânal, atunci nu va exista nicio interacțiune productivă.

7. Fii specific

Particularitatea ferestrei pop-up este necesitatea de a atrage rapid atenția vizitatorului. Pentru a face acest lucru, trebuie să vă formulați în mod clar propunerile, apoi potențialii clienți o vor înțelege.

8. Fii concis

Nu numai informațiile textuale ar trebui să fie laconice, ci și designul ferestrei pop-up. Este mai bine să alegeți un design simplu, culorile sunt calme, iar elementele funcționale sunt familiare majorității utilizatorilor. Împărțirea ferestrei pop-up în zone este eficientă, făcând structura propunerii dvs. clară la un nivel intuitiv.

9. Cântărește argumentele pro și contra

Creați ferestre pop-up numai când nu sunt disponibile alte opțiuni.

9 motive pentru care fereastra pop-up nu funcționează

Fereastra pop-up nu este mobilă

Aproximativ 1/3 dintre utilizatori folosesc smartphone-uri pentru a naviga pe site-uri. Cu toate acestea, în majoritatea cazurilor, ferestrele pop-up de pe telefon nu sunt afișate corect. Imaginea ferestrei pop-up de pe telefon pare neclară, nu există posibilitatea de a o închide sau de a o vedea complet. Acesta este motivul pierderii veniturilor. Asigurați-vă că verificați funcționalitatea ferestrelor pop-up. În caz de probleme, site-ul ar trebui adaptat pentru smartphone-uri.

Nu ați evaluat funcționarea pluginului

Reactivitatea site-ului dvs. scade cu fiecare plugin. Dacă pagina este lentă, atunci există mai puțin trafic, respectiv, mai puține vânzări. Puteți verifica viteza de încărcare pe Sitespeed.ru sau pe PageSpeed ​​​​Insights. Pe lângă rezultat, vi se vor oferi recomandări pentru îmbunătățirea vitezei site-ului:

Dar asta nu este tot.

Dacă există un conflict între pluginurile pop-up ale site-ului dvs., acest lucru le poate face să arate urât. Înainte de a permite afișarea ferestrelor pop-up vizitatorilor, trebuie să vă asigurați că arată normal pe toate dispozitivele.

Aveți un design pop-up substandard

Afișați pop-up-ul potențialilor dvs. clienți. Pentru ca aceștia să își formeze o părere despre produsele mărcii dvs. ca fiind practice, de înaltă calitate, cu un design bun, trebuie să lucrați la designul ferestrelor pop-up, asigurați-vă că acestea sunt convenabile pentru vizitatori. Creați o fereastră pop-up în stilul paginii dvs., utilizați fonturi frumoase, încărcați imagini.

Nu ați inventat, ci ați copiat textul pentru fereastra pop-up

Un om de afaceri trebuie să fie original pentru a ieși în evidență față de concurenți. Atunci are succesul garantat. Dacă strategia ta este să-i copiezi pe alții, nu vei reuși să ieși în frunte. Utilizatorii vor fi ultimii care vă vizitează site-ul. Trebuie să arăți publicului tău că ești un lider. Luați în considerare acest lucru atunci când creați ferestre pop-up.

Ai conținut irelevant

De exemplu, un utilizator a trimis un articol în coș, nu a mai rămas mult înainte de finalizarea achiziției și, din anumite motive, închide fila... În același timp, apare o fereastră pop-up care oferă cartea în formă electronică. Crezi că această decizie este corectă?

Alt exemplu. O persoană vă citește blogul fără să cumpere nimic. Ii poti oferi o reducere la produs, crezi?

Aceeași ofertă pentru utilizatorii din diferite etape ale procesului de cumpărare nu va fi la fel de eficientă. Cei care sunt în proces de alegere, adăugând un articol în coș vor găsi o reducere sau livrare gratuită la momentul potrivit. Și pentru cei care sunt noi pe pagina dvs., puteți oferi o versiune de probă a produsului.

Merită să reamintim că trebuie să existe o potrivire între conținutul ferestrelor pop-up și conținutul paginii. De exemplu, în catalogul de îmbrăcăminte pentru femei nu ar trebui permise ferestre pop-up cu reclame pentru cravate.

Cereți prea multe informații

Ceea ce faceți depinde de informațiile pe care doriți să le primiți despre clienții dvs. pentru a putea coopera cu aceștia în viitor. De obicei, oamenii sunt mai dispuși să completeze formulare dacă nu sunt multe.

Totuși, dacă o persoană furnizează informații suplimentare (sex, vârstă, nume, adresă etc.), atunci personalizarea propunerilor va fi mai profundă.

În cazul creării unei ferestre pop-up într-un singur pas, cel mai bine este să solicitați numai e-mail.

Dacă fereastra este în mai multe etape, atunci pot fi solicitate alte date. Dacă vizitatorii sunt interesați de primul pop-up, ei sunt de obicei gata să ofere informații mai detaliate despre ei înșiși în al doilea pop-up. Cu toate acestea, ar trebui să conțină cel mult patru câmpuri.

Nu ați făcut teste A/B

Profesioniștii în marketing știu că testarea eficientă A/B poate crește marjele de profit cu traficul existent.

Înainte de testarea divizată, trebuie să:

  • determinați care declanșatoare au impactul principal asupra utilizatorilor;
  • măsurați punctul A înainte de setarea punctului B;
  • verificați totul singur, fără a avea încredere în statisticile generale;
  • creșterea numărului de vizite necesare pentru testare (cel puțin 1500 pentru fiecare fereastră);
  • determina indicatorii care trebuie masurati.

Ar trebui să existe mai multe teste. După compararea designului ferestrelor pop-up, identificați-le pe cele mai eficiente. Chiar și modificările mici pot dubla conversiile.

Dacă ați exclus influența motivelor de mai sus, atunci trebuie să săpați mai adânc - să auditați site-ul. Și pentru asta este mai bine să apelezi la profesioniști! Specialiști Agenție de internet „Generator de vânzări”în scurt timp vor efectua pentru tine o analiză completă a erorilor de optimizare internă și externă a resursei, precum și 47+ recomandări pentru creșterea traficului și a vânzărilor de pe site-ul tău.


Trimiteți cererea dvs

=> html [~ DETAIL_TEXT_TYPE] => html => De ce avem nevoie de ferestre pop-up? Care sunt avantajele și dezavantajele ferestrelor pop-up? Cum creez un pop-up? Ce pluginuri pop-up WordPress gratuite și plătite există? Cum să nu exagerezi cu designul? Din ce motive este posibil ca un pop-up să nu funcționeze? [~ PREVIEW_TEXT] => De ce am nevoie de ferestre pop-up? Care sunt avantajele și dezavantajele ferestrelor pop-up? Cum creez un pop-up? Ce pluginuri pop-up WordPress gratuite și plătite există? Cum să nu exagerezi cu designul? Din ce motive este posibil ca un pop-up să nu funcționeze? => html [~ PREVIEW_TEXT_TYPE] => html => Array (=> 1078 => 04/03/2018 13:21:47 => iblock => 622 => 998 => 84151 => imagine / png => iblock / 60a => .png =>. png => => => [~ src] => => /upload/iblock/60a/60ac938f22cff102a2262faf8d9e8913.png => /upload/iblock/60a/60ac938f22cff102a2262faf8d9e8913.png => /upload/iblock/60a/60ac938f22cff102a8dlock /iblock /iblock /.png => 7 trucuri când ferestrele pop-up au succes => 7 trucuri când ferestrele pop-up au succes) [~ DETAIL_PICTURE] => 1078 => 2018-04-03 13:21:47 => TIME STAMP [_] 03.04.2018 13:21:47 => 27.09.2017 16:09:26 [~ ACTIVE_FROM] => 27.09.2017 16:09:26 => / blog / [~ LIST_PAGE_URL] => / blog / => / blog / vsplyvayushchie-okna / [~ DETAIL_PAGE_URL] => / blog / vsplyvayushchie-okna / => / [~ LANG_DIR] => / => vsplyvayushchie-okna [~ CODE] => vsplyvayushchie-okna => 48 [~ EXTERNAL_ID] => 48 => blog [~ IBLOCK_TYPE_ID] => blog => blog [~ IBLOCK_CODE] => blog => [~ IBLOCK_EXTERNAL_ID] => => s1 [~ LID] => s1 => => 27/09/2017 => Matrice (=> 7 trucuri când ferestrele pop-up au succes => ferestre pop-up, programe pop-up, ferestre pop-up , ferestre pop-up, permite ferestre pop-up, reclame pop-up, face pop-up, pop-up html, deschide pop-up, pop-up telefon, buton pop-up, plugin pop-up, formular pop-up, pop-up de site, pop-up pentru un site, un formular pop-up, cum se face un pop-up => Articolul explică de ce sunt necesare ferestre pop-up, cum să le creați și să le faceți eficiente.) => Array ( => 21977) => Array () => Array (=> 6 [~ ID] => 6 => 27.02.2018 14:50:13 [~ TIMESTAMP_X] => 27.02.2018 14:50:13 => blog [~ IBLOCK_TYPE_ID] => blog => s1 [ ~ LID] => s1 => blog [~ CODE] => blog => Blog [~ NAME] => Blog => Y [~ ACTIV] => Y => 500 [~ SORT] => 500 => / blog /index.php? ID = 6 [~ LIST_PAGE_URL] => /blog/index.php?ID=6 => # SITE_DIR # / blog / # ELEMENT_CODE # / [~ DETAIL_PAGE_URL] => # SITE_DIR # / blog / # ELEMENT_CODE # / => # SITE_DIR # / blog / list.php? SECTION_ID = # SECTION_ID # [~ SECTION_PAGE_URL] => # SITE_DIR # / blog / list.php? SECTION_ID = # SECTION_ID # => [~ CANONICAL_P_URL] => [~ PICTURE] = > => [~ DESCRIPTION] => => text [~ DESCRIPTION_TYPE] => text => 24 [~ RSS_TTL] => 24 => Y [~ RSS_ACTIVE] => Y => N [~ RSS_FILE_ACTIVE] => N = > [~ RSS_FILE_LIMIT] => => [~ RSS_FILE_DAYS] => => N [~ RSS_YANDEX_ACTIVE] => N => [~ XML_ID] => => [~ TMP_ID] => => Y [~ INDEX_ELEMENT] => Y => Y [~ INDEX_SECTION] => Y => N [~ WORKFLOW] => N => N [~ BIZPROC] => N => L [~ SECTION_CHOOSER] => L => [~ LIST_MODE] => = > E [~ RIGHTS_MODE] => E => [~ SECTION_PROPERTY] => => [~ PROPERTY_INDEX] => 1 [~ VERSION] => 1 => 0 [~ LAST_CONV_ELEMENT] => 0 => [~ SOCNET_GROUP_ID ] => => [~ EDIT_FILE_BEFORE] => => [~ EDIT_FILE_AFTER] => => Secțiuni [~ SECT IONS_NAME] => Secțiuni => Secțiune [~ SECTION_NAME] => Secțiune => Elemente [~ ELEMENTS_NAME] => Elemente => Element [~ ELEMENT_NAME] => Element => [~ EXTERNAL_ID] => => / [~ LANG_DIR] => / => [~ SERVER_NAME] =>) => Array (=> Array ()) => => Array (=> 7 trucuri când ferestrele pop-up au succes => 7 trucuri când ferestrele pop-up (pop-up-uri) up-uri) aduce succes => ferestre pop-up, programe pop-up, ferestre pop-up, ferestre pop-up, permite ferestre pop-up, reclame pop-up, face pop-up, pop-up html, deschide pop-up, pop-up up-uri pe telefon, buton pop-up, plugin pop-up, formular pop-up, pop-up site, pop-up site, formular pop-up, cum se face un pop-up => Articolul explică de ce ferestre pop-up sunt necesare, cum să le creați și să-l faceți eficient.))

pop-sus Este o fereastră pop-up care apare pe ecran atunci când vizitează un site și încurajează o persoană să întreprindă anumite acțiuni (abonarea la un buletin informativ, a deveni participant la o promoție, a introduce informațiile de contact etc.). Practic sarcina pop-sus-windows - colectează adrese de e-mail.

Diverse studii arată eficiența utilizării ferestrelor pop-up. De exemplu, un site cu 44 de mii de vizitatori a dobândit zilnic 10-15 abonați pentru lista sa de corespondență, iar după lansarea ferestrelor pop-up cu o întârziere de un minut, aproximativ 100-150 de vizitatori au început să se aboneze în fiecare zi.

Care este scopul colectiei e-Poștă- Folosește ferestre pop-up? Să facem o analogie simplă. Site-ul este o găleată deteriorată umplută cu apă. Toate eforturile tale de a-l umple sunt sortite eșecului, deoarece lichidul se revarsă din găuri. Situația este similară cu vizitatorii paginilor de internet. Mulți oameni închid fila după ce vizitează site-ul și nu se întorc niciodată la „găleată”.

Pentru ca o afacere să aibă succes, trebuie să obțineți un trafic ridicat către resursa dvs. de internet. Cu cât colectați mai multe adrese de e-mail, cu atât mai multe persoane puteți atrage ulterior pe site-ul dvs. prin utilizarea unor buletine informative eficiente prin e-mail.

În acest articol, veți învăța:

  1. Afișarea ferestrelor pop-up este rău sau un instrument eficient
  2. Avantajele și dezavantajele evidente ale ferestrelor pop-up
  3. Care sunt elementele ferestrei pop-up
  4. Tipuri de ferestre pop-up pe site
  5. Exemplu bun, rău și grozav de pop-up
  6. 7 idei despre cum să personalizați ferestrele pop-up pe site-ul dvs
  7. Cum să creați singur un pop-up
  8. Popup pentru WordPress
  9. 9 sfaturi pentru a crea un pop-up și pentru a nu exagera
  10. 9 motive pentru care fereastra pop-up nu funcționează

Afișarea ferestrelor pop-up este rău sau un instrument eficient

Imaginați-vă o situație: sunteți fascinat de citirea informațiilor de pe o pagină, încercarea de a derula prin ea... iar în fața voastră apar ferestre cu reclame. Prima reacție este iritația. Cu toate acestea, dacă vă aflați pe site-ul unui magazin online și doriți să cumpărați ceva, atunci reducerea oferită în pop-up vă va mulțumi cu siguranță.

Este posibilă și o altă situație. În timp ce citiți publicațiile unui blogger care este un agent de marketing pe internet, o fereastră pop-up vă invită să descărcați un ghid cu cele mai frecvente greșeli din Google Adwords complet gratuit. Cel mai probabil, vei fi interesat de o astfel de ofertă pop-up.

Percepția ferestrelor pop-up poate fi fie negativă, fie pozitivă. Depinde, ca în orice alt caz, dacă oferta conținută în pop-up este utilă și relevantă pentru potențialul client.

Avantajele și dezavantajele evidente ale personalizării ferestrelor pop-up

Avantaje ferestre pop-up:

  • Ele vă permit să atrageți atenția. Când utilizatorii dau clic pe un link de pe alt site, ei văd mai întâi un banner pop-up care oferă ceva benefic. Acest lucru îi întârzie și îi determină să ia măsuri suplimentare.
  • Când le folosiți, conversia crește. Statisticile arată o eficiență mult mai mare (de 13 ori) a bannerelor pop-up față de cele convenționale create pentru a crește traficul pe site sau numărul de vizualizări.
  • Prin intermediulpop-sus ferestre, puteți obține rapid feedback. Având un banner pop-up pe pagina Întrebări frecvente va permite vizitatorilor să contacteze mai rapid administratorii site-ului.

Defecte ferestre pop-up:

  • Scăderea prezenței.În cazul instalării incorecte a ferestrelor pop-up, vizitatorii vor simți supărare doar atunci când apar. De exemplu, dacă bannerul este imens sau trebuie să cauți o cruce pe care să o închizi pentru o perioadă lungă de timp, atunci utilizatorii pot da preferință altor site-uri.
  • Tratează bannerele ca spam. Acest lucru este posibil cu un număr foarte mare de ferestre pop-up. Rezultatul poate fi o deteriorare a reputației companiei.
  • pop-bannerele în sus pot fi blocate. Unii oameni știu că este posibil să instalezi un program în browser care va bloca apariția ferestrelor pop-up. În același timp, puteți uita de eficiența publicității folosind ferestre pop-up.

Care sunt elementele ferestrei pop-up

Cheia unei comunicări eficiente cu vizitatorii site-ului prin intermediul bannerelor pop-up este testarea în mod continuu a textelor, a designului și a formatului afișajului acestora.

Să enumerăm cele mai importante elemente:

  1. Textul titlului. Trebuie să formulați o propoziție pop-up în cuvinte simple și ușor de înțeles, apoi va funcționa eficient. Luați în considerare diverse opțiuni, analizați atitudinea vizitatorilor față de fiecare dintre ele.
  2. Design antet. După ce ați ales un titlu potrivit, proiectați-l frumos (alegeți culoarea, fontul, dimensiunea). Ar trebui să fie lizibil.
  3. Design bloc și imagine. Aflați ce format, culoare și dimensiune blocuri sunt cele mai bune pentru pagina dvs. Adesea, pentru a crește conversia, este suficient să adăugați o imagine la bloc.
  4. Câmpuri formular. Puteți utiliza fonturi diferite, puteți plasa descrieri în moduri diferite (în interiorul, deasupra sau în stânga câmpului). Trebuie reținut că orice ecran trebuie să le afișeze corect.
  5. Butonul de ieșire. Un element necesar al ferestrei pop-up este un buton care vă permite să refuzați o ofertă (de exemplu, „Nu, mulțumesc”, etc.). Puteți oferi utilizatorilor posibilitatea de a închide fereastra pop-up făcând clic pe pagina de pornire.
  6. Textul principal. Ar trebui să includă cu siguranță o descriere a beneficiilor ofertei și a caracteristicilor acesteia. Conform rezultatelor testelor, lipsa unor astfel de informații pe banner poate duce la o conversie scăzută.
  7. Text îndemn.Încercați mai multe alternative. Butonul „Trimite” poate fi înlocuit cu „Obține un raport gratuit”, „Descarcă acum”, „Înscrie-mă pentru newsletter”.
  8. Design buton de acțiune. Testați butoanele de diferite forme, dimensiuni și culori pentru a găsi pe cel pe care se poate face clic cel mai mult.

Tipuri de ferestre pop-up pe site

Există două grupuri de ferestre pop-up: Hello-Board și Page-Stop.

Prima categorie se caracterizează prin plasarea orizontală sau verticală a bannerelor, în care informațiile principale ale paginii rămân vizibile pentru utilizator, iar funcționalitatea acesteia rămâne aproape aceeași. Această opțiune pop-up este soft, permițându-vă să mențineți un echilibru între percepția vizitatorilor și rezultatul care se obține prin utilizarea bannerelor.

Astfel de ferestre pop-up au dezavantaje, dar nu pot fi eliminate momentan - revizuirea site-ului, deși parțial, este limitată. Acest lucru face ca ferestrele Hello-board să fie mai puțin eficiente decât ferestrele Page-Stop.

Categoria de bannere Page-Stop presupune o restrângere completă a activității pe site până când vizitatorul dă clic pe unul dintre butoane - acceptă oferta sau o respinge prin închiderea pop-up-ului. O astfel de fereastră pop-up în cele mai multe cazuri doar enervează utilizatorii, deoarece îi distrage atenția de la scopul principal de a vizita pagina.

Exemplu bun, rău și grozav de pop-up

  • Bun exemplu

Când vizitați pentru prima dată magazinele online Lamoda și Quelle, apar oferte speciale:

„Efectuați o achiziție și livrarea va fi pe cheltuiala noastră”; „Abonează-te și vom reduce 40%.” Oferte atractive, nu? Trebuie remarcat faptul că astfel de tehnici sunt utilizate în mod constant în comerț. Dacă ești atent, vei observa că în fiecare departament al centrelor comerciale există reclame despre vânzări și reduceri mari, care se presupune că acționează astăzi. Cu toate acestea, un astfel de sistem de vânzare este practicat tot timpul.

Este foarte important ca un magazin online (inclusiv Lamoda) să primească adresa de e-mail a unui vizitator. Specialiştii în marketing îl vor include în lista lor de corespondenţă şi vor oferi produsele lor. Este benefic pentru toată lumea. Utilizatorii primesc reduceri, iar magazinele online primesc clienți obișnuiți. Acest model se numește „win-win”.


Trimiteți cererea dvs

Cunoscutul CallBackHunter. Când această tehnologie tocmai s-a născut pe Runet, a provocat un efect wow. La urma urmei, trebuie să fii de acord, conduci în telefon și vei fi sunat automat înapoi în 30 de secunde și sfătuit cu privire la anumite probleme. Rata de conversie a multor site-uri a crescut. Dar incapacitatea majorității proprietarilor de site-uri de a configura corect această tehnologie a dus curând la faptul că irită pe toată lumea. Există două motive pentru aceasta. Prima este apariția sa instantanee după accesarea site-ului. Vizitatorul nici nu are timp să afle unde se află și dacă are nevoie de ceva aici. Al doilea - formularea din CallBackHunter este cel puțin enigmatică:

Fereastra pop-up nu conține nicio ofertă avantajoasă, utilizatorul nu este convins să se aboneze. Aici intervine așteptarea efectului surpriză. Dacă un vizitator face clic pe butonul pop-up necesar fără să-și dea seama cum să închidă fereastra, atunci un apel va fi trimis automat către companie. Angajații vor începe să ofere produse și pot chiar să „vândă” ceva. Astfel, organizația nu poate decât să-și piardă reputația.

Ar trebui să vă străduiți să satisfaceți nevoile clienților, nu să creșteți vânzările cu orice preț. Construirea relațiilor cu consumatorii ar trebui să se bazeze pe încredere, apoi puteți conta pe o cooperare pe termen lung, benefică ambelor părți.

  • Excelent exemplu

Pe site-ul revistei „Director general”, care este clientul nostru, apare următorul banner:

Acest formular apare la citirea unui articol sau la găsirea unei anumite perioade de timp pe site. Scopul principal al acestui formular este de a oferi oamenilor conținut util atunci când sunt pe cale să părăsească site-ul.

Rețineți că fereastra pop-up de pe site-ul directorului general conține suficiente informații încât oferta sa este tentantă. Cu importunitate, de asemenea, nu a exagerat. Vizitatorii nu au impresia că acest pop-up aparține altui site sau face publicitate, așa că funcționează eficient.

7 idei despre cum să personalizați ferestrele pop-up pe site-ul dvs

1. Fereastra pop-up în loc de banner

Webmasterii folosesc adesea bannere, plasându-le pe partea laterală a site-ului sau în bara laterală. Dacă dați clic pe banner, se va deschide o anumită pagină. Dacă conține o ofertă de abonare la lista de corespondență, atunci pot fi folosite formulare pop-up.

Pro:

  • Fereastra pop-up se va deschide instantaneu, în timp ce pagina de abonament va dura ceva timp pentru a se încărca. Acest lucru poate duce la o creștere a conversiilor abonaților.
  • Există o oportunitate de a economisi spațiu. Dacă bannerul a fost înlocuit cu un formular de abonare, atunci vă puteți limita la un singur buton, eliminând toate câmpurile. Făcând clic pe el, va apărea fereastra pop-up.

Minusuri:

  • Nu veți putea plasa multe informații în fereastra pop-up, spre deosebire de pagina de abonare. De asemenea, nu veți putea încărca o imagine sau un videoclip.

2. Popup în loc de abonament

Aceasta se referă la formularele de abonare care sunt plasate atât pe pagini separate, cât și pe partea laterală a paginii principale (în bara laterală, ca în exemplu). În bloguri, ofertele de abonare la newsletter sunt tot la sfârșitul articolului. O opțiune bună în acest caz este eliminarea tuturor câmpurilor, lăsând un singur clic pentru clic, care va apela pop-up-ul. Și poate conține deja numărul necesar de câmpuri.

Pro:

  • Creșterea numărului de abonați. Motivul pentru aceasta este că, făcând clic pe butonul pop-up, vizitatorul este deja mai înclinat să completeze câmpurile. Dacă formularul de abonare este afișat imediat, acesta este de obicei ignorat.
  • Utilizarea mai economică a spațiului de internet. Câmpurile din formularul de abonare pot fi înlocuite cu informații publicitare. O altă opțiune este să proiectați pagina într-un stil minimalist, făcând-o îngrijită.

Minusuri:

  • Așteptările utilizatorilor rămân nejustificate. De exemplu, făcând clic pe butonul „Descărcare”, o persoană așteaptă să înceapă descărcarea. După aceasta, apariția unui formular de completat poate provoca emoții negative. Cu toate acestea, puteți combina acest lucru cu orice element și, ulterior, puteți crea butoane care vă permit să descărcați fișiere imediat (fără ferestre pop-up).

3. Fereastra pop-up în loc de cuvinte de recunoștință

Aceasta este o soluție bună și simplă. Nu este nevoie să creezi pagini, să postezi cuvinte de recunoștință și link-uri pentru a descărca fișierele de interes. În schimb, ar trebui să direcționați persoana către aceeași pagină, schimbându-i ușor adresa (de exemplu, /? Yhx935 / a fost adăugat la / pagina /). Un astfel de supliment va da o comandă pentru a deschide o fereastră pop-up cu recunoştinţă sau link-uri de descărcare.

Pro:

  • Puteți crea astfel de pagini în mult mai puțin timp.

Minusuri:

  • Va trebui să găsiți un specialist care va personaliza aspectul unei ferestre pop-up atunci când un parametru secret este adăugat la adresa paginii.
  • Nu toate ferestrele pop-up au suport pentru link-urile de social media.

4. Fereastra pop-up în locul paginii „Mulțumesc pentru abonare”.

Această formă pop-up este similară cu vizualizările anterioare. Utilizatorul care se abonează la newsletter este direcționat nu către pagina de mulțumire, ci către pagina de vânzare, unde imediat apare un pop-up. Conține link-urile și cuvintele de recunoștință necesare vizitatorului. Sub fereastra pop-up, puteți plasa informații despre un produs plătit legat de un abonament înregistrat și o ofertă de achiziție pentru o promoție.

Pro:

  • Nu este nevoie de o pagină de mulțumire.
  • Creșterea conversiei. Când fereastra este închisă, o persoană este dusă la o pagină complet încărcată cu o reclamă pentru un produs plătit. Dacă îl proiectați într-un mod atractiv, atunci mulți vor închide fereastra pop-up pentru a vedea oferta mai detaliat.

Minusuri:

  • Fereastra pop-up ar trebui să apară instantaneu, altfel utilizatorii vă pot suspecta de înșelăciune și lipsa linkurilor necesare. Ca urmare, vânzările vor scădea.

5. Popup secret

Pentru utilizatorii care călătoresc mult timp pe resursa dvs. de internet, puteți dezvolta un pop-up secret postând informații despre oferte foarte profitabile pe acesta. Dacă îl creați corect, atunci doar anumite persoane care sunt cele mai active vor avea ocazia să vadă un astfel de pop-up. Acesta este un bonus frumos.

Un astfel de pop-up poate apărea, de exemplu, după 36 de minute de a fi pe pagina ta (sau mai mult). Alternativ, puteți afla de cât timp nu mai mult de 1% dintre vizitatori au fost pe site-ul dvs. și puteți nota de data aceasta într-o fereastră pop-up. Nu este necesar să oferi o promoție, poți face sondaje utilizatorilor (+ apoi oferi o reducere) dacă vrei să colectezi orice date despre cei care vă vizualizează pagina de mult timp.

Pro:

  • Cei mai activi primesc bonusuri. Dacă oferta este bună, utilizatorii vor fi mulțumiți. Un astfel de pop-up pentru un site web este un analog al unui ou de Paște ascuns.

Minusuri:

  • Dacă toată lumea găsește „oul”, atunci vei suferi pierderi.

Adăugarea personalizării la listă ar putea fi ciudată. Cu toate acestea, acum nu este folosit des și împreună cu ferestrele pop-up ar funcționa destul de eficient. Constă în următoarele. Dacă cunoașteți persoanele de contact ale utilizatorului (de exemplu, numele, adresa de e-mail, numărul de telefon), atunci:

  • Completați automat formularele de abonare de pe pagină.
  • Ștergeți formularele inutile. Sunt inutile, deoarece puteți trimite propunerea dvs. vizitatorului prin e-mail. Formularele șterse pot fi înlocuite cu publicitate (în loc de formularul din partea laterală a paginii, creați un banner care să reclame un site de vânzare sau o promovare).

Pro:

  • Veți putea realiza o conversie mai mare, deoarece câmpurile vor fi completate automat, trebuie doar să faceți clic pe butonul pop-up.
  • Veți putea posta mai multe anunțuri pe site.

7. Fereastra pop-up în interiorul articolului

Este posibil nu numai să creați ferestre pop-up care apar de la sine, ci și să includeți mai multe butoane în textul paginii, făcând clic pe care vor apărea ferestre pop-up. Cu cât articolul este mai lung, cu atât mai multe butoane puteți plasa.

Pro:

  • Utilizatorii nu vor fi enervați de distragerea atenției ferestrelor pop-up, deoarece pot numi ei înșiși oricând doresc.
  • Capacitatea de a crește conversia. Pentru a face acest lucru, trebuie să atrageți interesul vizitatorilor către butoanele de apel pop-up.

Minusuri:

  • În articol apar elemente inutile. În acest sens, se recomandă asocierea unor astfel de butoane cu personalizarea: persoana care se abonează să nu le mai vadă în text.

Cum să creați singur un pop-up

Cum să faci singur un pop-up? Pentru a face acest lucru, trebuie să cunoașteți limbajul HTML cel puțin la un nivel de bază. În acest caz, puteți face cu ușurință o fereastră pop-up pentru site.

Pentru a-l crea, sunt adesea folosite biblioteci cadru JavaScript (jQuery, MooTools, Prototype etc.), dar profanul nu are nevoie de ele. Limbajul de marcare hipertext HTML și limbajul de descriere a foii de stil în cascadă CSS vă permit să creați ferestre pop-up bune. Windows scris în aceste limbi nu va depinde de JavaScript în browser.

Codul care dă comanda de deschidere a ferestrei pop-up este plasat pe două linii. Prima sarcină este să generați un link, un clic pe care face să apară o fereastră pop-up:

Valorile atributelor etichetei pentru acest link sunt după cum urmează. Onmouseover definește tipul de cursor al mouse-ului care apare când treci cu mouse-ul peste butonul pop-up. Оnclic este necesar pentru a lansa o comandă pentru apariția unui bloc ascuns cu identificatorul pop-up după ce utilizatorul face clic pe buton.

A doua linie este pop-up-ul. Identificatorul pop-up este folosit pentru a indica stratul. Atributul stil vă permite să setați parametrii ferestrei, fontului și cadrului (culoarea, dimensiunea, fundalul acestora):

Fereastra pop-up este invizibilă în mod implicit (deoarece selectorul de afișare este setat la niciunul în textul codului).

Aceste două linii sunt suficiente pentru a crea un pop-up în html. Va trebui să le inserați între etichete și site-ul dvs. și pop-up-ul va funcționa.

Pentru ca fereastra pop-up să se închidă, trebuie să introduceți înainte de etichetă

link care oferă comanda pentru a ascunde stratul vizibil cu identificatorul pop-up:


închide

Dacă doriți, puteți seta fereastra să apară nu atunci când faceți clic pe un link, ci numai când treceți cu mouse-ul peste ea. Pentru a face acest lucru, schimbați prima linie:

muta mouse-ul aici!

Popup pentru WordPress

Există mai mult de un plugin pop-up pentru Wordpress. Cum să-l alegi pe cel potrivit dintr-o varietate de opțiuni? Pop-up-urile pot apărea în mod neașteptat sau fără probleme, pe pagina principală a site-ului sau pe pagina internă, imediat după trecerea la pagină sau când aceasta este închisă. Mai jos sunt cele mai bune opțiuni de plugin:

  • Plugin pop-up ITRO

Este gratis. Este foarte convenabil de utilizat, nici editarea nu este dificilă. Pluginul oferă posibilitatea de a descărca imagini, etichete pentru titluri, videoclipuri de pe YouTube.

Setările permit personalizarea. Puteți crea un banner de orice dimensiune, culoare. Chenarurile ferestrelor pop-up sunt, de asemenea, editabile. De asemenea, puteți alege paginile în care vor apărea ferestrele pop-up.

  • Buletinul informativ YITH Popup

Este, de asemenea, gratuit. Conceput pentru a crea o fereastră pop-up în formularul de abonare. Nu este dificil de instalat și configurat. Trebuie să lucrezi doar pe două pagini. Pe una - setări generale, pe cealaltă - editor de design pop-up.

Setările generale fac posibilă scrierea unui titlu, inserarea unei imagini și a informațiilor sub formă de text. Aici puteți seta culoarea fundalului, textul, selectați fontul. Dezavantajul este incapacitatea de a alege locația textului și a imaginilor. Cu toate acestea, pop-up-ul este destul de drăguț.

  • PopUp WordPress

Acest plugin vă permite să creați ferestre pop-up creative. Avantajele sale includ ușurința de a adăuga formulare și imagini, o selecție largă de parametri de aspect. Puteți seta fereastra pop-up să apară doar în fața utilizatorilor care nu au comentat nimic pe site sau care au ajuns la pagină dintr-un motor de căutare. Puteți specifica în setări de câte ori poate apărea fereastra pop-up în fața fiecărui vizitator.

  • Optinmonster

Acest plugin este plătit, dar oferă opțiuni extinse pentru editarea ferestrelor pop-up. Este susținut automat de GetResponse, MailChimp și alții. După alegerea unui serviciu de e-mail, are loc configurarea automată. Versiunea plătită este concepută pentru a efectua teste și a analiza rezultatele pentru a identifica o opțiune pop-up mai eficientă. Videoclipurile pot fi încorporate direct în formular.

  • Ferestre pop-up Ninja

De asemenea, un plugin plătit susținut de multe servicii de e-mail. Șabloanele sunt dezvoltate la nivel profesional, designul bannerului poate fi realizat în stilul site-ului. Este posibil să personalizați aspectul unei ferestre pop-up pe orice pagină, în orice categorie. Fereastra pop-up poate apărea și când site-ul este închis.

Puteți face pagina privată până când utilizatorul o distribuie pe rețelele sociale sau se abonează. Este posibil să se efectueze teste pentru a îmbunătăți eficiența ferestrei pop-up.

9 sfaturi pentru a crea un pop-up și pentru a nu exagera

1. Nu vă familiarizați

În niciun caz nu ar trebui să fii nepoliticos, păstrează vizitatorii pentru idioți. De asemenea, este mai bine să nu te aprofundezi în ceea ce îi determină. Sub interdicție, inscripții în ferestre pop-up precum „Nu, prefer să nu am adepți”, deoarece pot fi înțelese ca „Nu, nu vreau să fac afaceri cu tine”.

2. Nu compensa calitatea cu cantitatea.

Dorința de a ajunge la 400% nu trebuie să ducă la o creștere a numărului de ferestre pop-up în detrimentul calității acestora. Pentru a alege cea mai eficientă opțiune, rulați teste. Nu pune ferestre pop-up pe fiecare pagină a site-ului tău.

3. Nu apare în locul nepotrivit la momentul nepotrivit

O fereastră pop-up în timp ce pagina se încarcă va duce la pierderea de vizitatori. Dacă fereastra pop-up este mare și dificil de închis, este mai probabil să ducă la pierderi de clienți potențiali.

Cea mai bună opțiune este să faceți pop-up cu puțin timp înainte ca utilizatorul să închidă pagina. Îl puteți configura în acest fel analizând cât timp sunt vizitatorii pe site-ul dvs. De asemenea, puteți remedia modul în care cursorul se mișcă de la blocul de conținut la blocurile care cad pe calea către butonul de închidere a paginii.

4. Personalizați-vă ferestrele pop-up

În zilele noastre, la organizarea vânzărilor electronice, este la modă să faci personalizare. Se crede că este mai plăcut pentru o persoană să facă cumpărături în magazinele în care mărfurile îi sunt oferite personal. Nimeni nu vrea să fie un utilizator fără chip.

Dacă este posibil, personalizați ferestrele pop-up. Dacă sunteți proprietarul unui magazin online, atunci așteptați până când clientul indică ceea ce îl interesează, apoi faceți o ofertă în conformitate cu aceasta.

5. Nu ascunde crucea pentru a închide fereastra

Dacă este dificil să închideți fereastra pop-up, atunci utilizatorul poate dezvolta o atitudine negativă față de site-ul dvs. Prin urmare, probabilitatea lor de a face o achiziție (sau de a se abona etc.) va fi redusă.

6. Nu fi exagerat de enervant pe cat posibil.

Evenimentele neașteptate nu fac întotdeauna o persoană fericită, mai ales dacă îi stau în calea scopului. Dacă apare o fereastră pop-up în timp ce citiți un articol interesant sau alegeți un produs și vă oferă să vă abonați la un buletin informativ săptămânal, atunci nu va exista nicio interacțiune productivă.

7. Fii specific

Particularitatea ferestrei pop-up este necesitatea de a atrage rapid atenția vizitatorului. Pentru a face acest lucru, trebuie să vă formulați în mod clar propunerile, apoi potențialii clienți o vor înțelege.

8. Fii concis

Nu numai informațiile textuale ar trebui să fie laconice, ci și designul ferestrei pop-up. Este mai bine să alegeți un design simplu, culorile sunt calme, iar elementele funcționale sunt familiare majorității utilizatorilor. Împărțirea ferestrei pop-up în zone este eficientă, făcând structura propunerii dvs. clară la un nivel intuitiv.

9. Cântărește argumentele pro și contra

Creați ferestre pop-up numai când nu sunt disponibile alte opțiuni.

9 motive pentru care fereastra pop-up nu funcționează

Fereastra pop-up nu este mobilă

Aproximativ 1/3 dintre utilizatori folosesc smartphone-uri pentru a naviga pe site-uri. Cu toate acestea, în majoritatea cazurilor, ferestrele pop-up de pe telefon nu sunt afișate corect. Imaginea ferestrei pop-up de pe telefon pare neclară, nu există posibilitatea de a o închide sau de a o vedea complet. Acesta este motivul pierderii veniturilor. Asigurați-vă că verificați funcționalitatea ferestrelor pop-up. În caz de probleme, site-ul ar trebui adaptat pentru smartphone-uri.

Nu ați evaluat funcționarea pluginului

Reactivitatea site-ului dvs. scade cu fiecare plugin. Dacă pagina este lentă, atunci există mai puțin trafic, respectiv, mai puține vânzări. Puteți verifica viteza de încărcare pe Sitespeed.ru sau pe PageSpeed ​​​​Insights. Pe lângă rezultat, vi se vor oferi recomandări pentru îmbunătățirea vitezei site-ului:

Dar asta nu este tot.

Dacă există un conflict între pluginurile pop-up ale site-ului dvs., acest lucru le poate face să arate urât. Înainte de a permite afișarea ferestrelor pop-up vizitatorilor, trebuie să vă asigurați că arată normal pe toate dispozitivele.

Aveți un design pop-up substandard

Afișați pop-up-ul potențialilor dvs. clienți. Pentru ca aceștia să își formeze o părere despre produsele mărcii dvs. ca fiind practice, de înaltă calitate, cu un design bun, trebuie să lucrați la designul ferestrelor pop-up, asigurați-vă că acestea sunt convenabile pentru vizitatori. Creați o fereastră pop-up în stilul paginii dvs., utilizați fonturi frumoase, încărcați imagini.

Nu ați inventat, ci ați copiat textul pentru fereastra pop-up

Un om de afaceri trebuie să fie original pentru a ieși în evidență față de concurenți. Atunci are succesul garantat. Dacă strategia ta este să-i copiezi pe alții, nu vei reuși să ieși în frunte. Utilizatorii vor fi ultimii care vă vizitează site-ul. Trebuie să arăți publicului tău că ești un lider. Luați în considerare acest lucru atunci când creați ferestre pop-up.

Ai conținut irelevant

De exemplu, un utilizator a trimis un articol în coș, nu a mai rămas mult înainte de finalizarea achiziției și, din anumite motive, închide fila... În același timp, apare o fereastră pop-up care oferă cartea în formă electronică. Crezi că această decizie este corectă?

Alt exemplu. O persoană vă citește blogul fără să cumpere nimic. Ii poti oferi o reducere la produs, crezi?

Aceeași ofertă pentru utilizatorii din diferite etape ale procesului de cumpărare nu va fi la fel de eficientă. Cei care sunt în proces de alegere, adăugând un articol în coș vor găsi o reducere sau livrare gratuită la momentul potrivit. Și pentru cei care sunt noi pe pagina dvs., puteți oferi o versiune de probă a produsului.

Merită să reamintim că trebuie să existe o potrivire între conținutul ferestrelor pop-up și conținutul paginii. De exemplu, în catalogul de îmbrăcăminte pentru femei nu ar trebui permise ferestre pop-up cu reclame pentru cravate.

Cereți prea multe informații

Ceea ce faceți depinde de informațiile pe care doriți să le primiți despre clienții dvs. pentru a putea coopera cu aceștia în viitor. De obicei, oamenii sunt mai dispuși să completeze formulare dacă nu sunt multe.

Totuși, dacă o persoană furnizează informații suplimentare (sex, vârstă, nume, adresă etc.), atunci personalizarea propunerilor va fi mai profundă.

În cazul creării unei ferestre pop-up într-un singur pas, cel mai bine este să solicitați numai e-mail.

Dacă fereastra este în mai multe etape, atunci pot fi solicitate alte date. Dacă vizitatorii sunt interesați de primul pop-up, ei sunt de obicei gata să ofere informații mai detaliate despre ei înșiși în al doilea pop-up. Cu toate acestea, ar trebui să conțină cel mult patru câmpuri.

Nu ați făcut teste A/B

Profesioniștii în marketing știu că testarea eficientă A/B poate crește marjele de profit cu traficul existent.

Înainte de testarea divizată, trebuie să:

  • determinați care declanșatoare au impactul principal asupra utilizatorilor;
  • măsurați punctul A înainte de setarea punctului B;
  • verificați totul singur, fără a avea încredere în statisticile generale;
  • creșterea numărului de vizite necesare pentru testare (cel puțin 1500 pentru fiecare fereastră);
  • determina indicatorii care trebuie masurati.

Ar trebui să existe mai multe teste. După compararea designului ferestrelor pop-up, identificați-le pe cele mai eficiente. Chiar și modificările mici pot dubla conversiile.

Dacă ați exclus influența motivelor de mai sus, atunci trebuie să săpați mai adânc - să auditați site-ul. Și pentru asta este mai bine să apelezi la profesioniști! Specialiști Agenție de internet „Generator de vânzări”în scurt timp vor efectua pentru tine o analiză completă a erorilor de optimizare internă și externă a resursei, precum și 47+ recomandări pentru creșterea traficului și a vânzărilor de pe site-ul tău.


Ferestrele pop-up externe cu reclame sunt idei groaznice! Toți webmasterii sănătoși nu v-ar sfătui niciodată să le utilizați pe site-ul dvs. Dar, când vine vorba de ferestre pop-up interne, acesta este un element util care oferă informații suplimentare, avertizează, previne, oferă posibilitatea de a alege și multe altele.

Ce vom crea?

În acest tutorial vom crea o fereastră pop-up jquery simplă și frumoasă. Va fi similar cu cel folosit pe twitter. Desigur, vei putea da stilul pe placul tău.

Ce funcționalitate va avea fereastra?

  • Dorim ca acesta să fie centrat pe pagina site-ului atunci când este afișat.
  • Ar trebui să existe un buton de „închidere” sau ceva asemănător.
  • Când facem clic în afara blocului, fereastra pop-up se va închide automat.
  • Când este afișată fereastra, pagina trebuie să fie umbrită pentru ca utilizatorul să se concentreze.

Să începem dezvoltarea

Pentru a implementa fereastra pop-up, vom folosi CSS și câteva linii de cod jQuery și, desigur, HTML. Rețineți că pentru a implementa ideea noastră, nu aveți nevoie de pluginuri sau instrumente suplimentare, totul este foarte simplu și de încredere!

Click pe mine

Casetă pop-up (poziție: absolut; rază de margine: 5px; fundal: #fff; afișare: niciuna; umbră casetă: 1px 1px 5px rgba (0,0,0,0.2); familia de fonturi: Arial, sans-serif ; z-index: 9999999; font-size: 14px;) .popup-box .close (poziție: absolut; sus: 0px; dreapta: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold ; cursor: indicator; culoare: # 434343; padding: 20px; font-size: 20px;) .popup-box .close: hover (culoare: # 000;) .popup-box h2 (padding: 0; margin: 0; dimensiunea fontului: 18px;) .popup-box .top (padding: 20px;) .popup-box .bottom (fundal: #eee; chenar-sus: 1px solid # e5e5e5; padding: 20px; border-bottom-left- rază: 5px; chenar-jos-dreapta-rază: 5px;) #blackout (fond: rgba (0,0,0,0.3); poziție: absolut; sus: 0; overflow: ascuns; z-index: 999999; stânga : 0; afișare: niciunul;)

Vom defini alte stiluri CSS în codul JavaScript. Aceste stiluri sunt intensive din punct de vedere computațional, așa că jQuery este cel mai bun mod de a face acest lucru. Să trecem la codul javascript.

Cod pop-up pentru fereastra jQuery

Mai întâi, includeți fișierul bibliotecă jQuery. După aceea, inițializam jQuery și adăugăm #blackout div în corpul documentului. De asemenea, definim lățimea ferestrei pop-up.

$ (document) .ready (funcție () ($ ("corp"). append ("

"); var boxWidth = 400;

Apoi, creăm o funcție care centrează fereastra. Mai devreme am stabilit poziționarea absolută în CSS, nu putem folosi margin: 0px auto; trebuie să determinăm lățimea ecranului, să scădem lățimea ferestrei pop-up din aceasta și să împărțim toate acestea la 2. Înălțimea va fi poziția curentă a scrollului, plus undeva în jur de 150px.

Mai devreme am creat un #blackout div pentru a acoperi conținutul paginii cu o umbră. Acum trebuie să ne asigurăm că această casetă va avea aceeași lățime și înălțime ca și monitorul. Acest lucru este calculat și în această funcție.

funcția centerBox () (/ * definește datele necesare * / var winWidth = $ (fereastră) .width (); var winHeight = $ (document) .height (); var scrollPos = $ (fereastră) .scrollTop (); / * Calculați poziția * / var disWidth = (winWidth - boxWidth) / 2 var disHeight = scrollPos + 150; / * Adăugați stiluri la blocuri * / $ (". Popup-box"). Css (("width": boxWidth + „px” , „stânga”: disWidth + „px”, „sus”: disHeight + „px”)); $ („# blackout”). css ((„lățime”: winWidth + „px”, „înălțime”) ": winHeight + "px") ); return false;)

Această funcție trebuie să ruleze de 3 ori. Când utilizatorul folosește derularea, când utilizatorul redimensionează fereastra, și inițial când pagina este încărcată.

$ (fereastră) .resize (centerBox); $ (fereastră) .scroll (centerBox); centerBox ();

În cele din urmă, trebuie să setăm evenimente de clic. Când utilizatorul face clic pe o zonă din afara ferestrei, aceasta ar trebui să se închidă. Când utilizatorul a făcut clic pe „X”, și fereastra ar trebui să dispară. În cazul clicurilor în interiorul ferestrei pop-up, nu ar trebui să se întâmple nimic. S-au adăugat comentarii la cod pentru a fi mai ușor de înțeles.

$ (""). faceți clic pe (funcția (e) (/ * Preveniți acțiunile implicite * / e.preventDefault (); e.stopPropagation (); / * Obțineți id (ultimul număr din numele clasei de link) * / var name = $ (aceasta) .attr ("clasa"); var id = nume; var scrollPos = $ (fereastră) .scrollTop (); / * Afișarea corectă a ferestrei pop-up, acoperind cu umbră, împiedicând derularea * / $ ("# popup- caseta - „+ id) .show (); $ (" # blackout "). show (); $ (" html, body "). css (" overflow "," ascuns "); / * Eliminați eroarea din Firefox * / $ ("html"). scrollTop (scrollPos);)); $ (""). faceți clic (funcția (e) (/ * Împiedicați funcționarea linkului dacă este popup-ul nostru * / e.stopPropagation ();)); $ ("html"). click (function () (var scrollPos = $ (window) .scrollTop (); / * Ascundeți fereastra când facem clic în afara zonei sale * / $ (""). hide (); $ (" #blackout "). hide (); $ (" html, body "). css (" overflow "," auto "); $ (" html "). scrollTop (scrollPos);)); $ (". close"). click (function () (var scrollPos = $ (window) .scrollTop (); / * Ascunde umbra și fereastra când utilizatorul face clic pe X * / $ (""). hide () ; $ ("# blackout"). hide (); $ ("html, body"). css ("overflow", "auto"); $ ("html"). scrollTop (scrollPos);)); ));

Pe aceasta, creațiaferestre pop-up activatejQuery este complet! Nu trebuie să descarcăm pluginuri și să scriem funcții complexe, doar câteva linii de cod. Puteți descărca sursele și puteți vedea cum funcționează local pe computer.

Un popUP este un anunț pop-up conceput pentru a genera trafic web sau pentru a colecta adrese de e-mail. Astfel de elemente sunt adesea forme de publicitate online pe WorldWideWeb. De obicei, acestea sunt ferestre noi care se deschid într-un browser web pentru a afișa reclame. Acestea sunt de obicei generate de JavaScript folosind cross-site scripting (XSS), uneori cu o sarcină utilă secundară și folosind Adobe Flash.

Aromele popUP sunt anunțuri pop-up care se deschid într-o nouă fereastră de browser care este ascunsă în fereastra activă.

Istoria originii

Primele reclame pop-up au apărut pe Tripod.com la sfârșitul anilor 1990. Ethan Zuckerman susține că a scris codul pentru a rula reclame în ferestre separate, ca răspuns la plângerile despre anunțurile banner. Ulterior, dezvoltatorul și-a cerut scuze în mod repetat pentru inconvenientul pe care a început să-l provoace invenția sa.

Opera a fost primul browser major care a inclus instrumente de blocare a ferestrelor pop-up. Browserul Mozilla a îmbunătățit ulterior aceste evoluții prin blocarea PopUP-ului generat la încărcarea paginii. La începutul anilor 2000, toate browserele web majore, cu excepția Internet Explorer, permiteau utilizatorului să elimine aproape complet anunțurile pop-up nedorite. În 2004, Microsoft a lansat Windows XP SP2, care a adăugat blocare și acestui browser.

Majoritatea browserelor moderne vin cu instrumente de protecție pop-up. Instrumentele terță parte includ de obicei și alte funcții, cum ar fi filtrarea anunțurilor.

Ferestre pop-up

Anumite tipuri de conținut descărcabil - imagini, muzică gratuită și altele - pot provoca ferestre pop-up. În plus, acestea arată uneori ca pagini web obișnuite și numele site-ului va apărea în bara de căutare. Multe resurse folosesc ferestre pop-up pentru a afișa informații fără a întrerupe pagina deschisă în prezent. De exemplu, dacă ați completat un formular pe o pagină web și aveți nevoie de îndrumare suplimentară, PopUP vă va oferi informații suplimentare fără a vă face să pierdeți datele deja introduse în formular. Majoritatea aplicațiilor de blocare a ferestrelor pop-up permit această descărcare.

Rețineți, totuși, că unele programe de instalare web, cum ar fi cele utilizate de McAfee, folosesc o fereastră pop-up pentru a instala software. În multe browsere de internet, apăsarea tastei Ctrl în timp ce faceți clic pe un link va ocoli filtrul.

În acest caz, făcând clic (chiar accidental) pe o fereastră pop-up poate duce la deschiderea altora.

Ocoliți blocarea ferestrelor pop-up

Combinația de pop-up de anunțuri banner este un „anunț de trecere” care utilizează DHTML pentru a afișa pe ecran conținutul paginii. Folosind JavaScript, un anunț poate fi suprapus peste o pagină web într-un strat transparent. Acest anunț poate apărea în aproape toate cazurile când agentul de publicitate îl dorește. Un astfel de script de fereastră PopUP nu poate fi observat în avans. De exemplu, un anunț poate conține o animație Adobe Flash asociată cu site-ul agentului de publicitate. De asemenea, poate arăta ca o fereastră obișnuită. Deoarece reclamele fac parte dintr-o pagină web, ele nu pot fi blocate de un blocator, dar pot fi împiedicate să se deschidă utilizând aplicații terțe (cum ar fi AdBlock și AdblockPlus) sau folosind foi de stil personalizate.

PopUNDER

O astfel de declarație este similară cu o fereastră PopUP obișnuită, dar apare ascunsă în spatele ferestrei principale a browserului, mai degrabă decât să apară în fața acesteia. Când reclamele pop-up s-au răspândit și au ocupat un întreg ecran de computer, mulți utilizatori au învățat să le închidă imediat, fără să se uite. Prin urmare, au apărut PopUNDER-uri care nu împiedică utilizatorul să vizualizeze conținutul site-ului. Acestea tind să treacă neobservate până când fereastra principală a browserului este închisă sau minimizată. Cercetările au arătat că utilizatorii răspund mai bine la aceste reclame decât reclamele pop-up, deoarece nu par atât de intruzive.

Tehnologia publicitară populară

Anunțul folosește două funcții JavaScript foarte simple introduse în 1997 folosind browserul Netscape 2.0B3. Această metodologie este utilizată pe scară largă pe Internet. Editorii web și agenții de publicitate moderni îl folosesc pentru a crea o fereastră în fața conținutului paginii, pentru a încărca anunțul și apoi pentru a-l trimite de pe ecran.

Majoritatea browserelor moderne permit deschiderea PopUP-ului numai dacă are loc orice interacțiune cu utilizatorul (cum ar fi un clic de mouse). Orice apeluri non-interactive (reapel cu temporizator, evenimente de încărcare etc.) vor bloca noua fereastră. Pentru a evita această limitare, majoritatea anunțurilor pop-up sunt declanșate cu un ascultător de evenimente mouse atașat direct la document sau corpul documentului. Acest lucru vă permite să capturați orice apariție a clicurilor de mouse pe pagină care nu au fost consumate de alți handler de evenimente. De exemplu, atunci când utilizatorul selectează text, clicul mouse-ului este observat de un ascultător atașat documentului. Acest lucru are ca rezultat o fereastră pop-up folosind codul de mai sus.

Tricky PopUP generator de ferestre

Utilizatorii diferitelor site-uri web și aplicații web se confruntă în mod constant cu ferestre pop-up nedorite atunci când își folosesc browserul. De obicei, o astfel de fereastră PopUP este eliminată folosind funcția „închidere” sau „anulare”. Deoarece acesta este un răspuns tipic al utilizatorului, dezvoltatorii au început să aplice câteva trucuri. Deci, atunci când se dezvoltă mesaje publicitare, se creează butoane sau comenzi de pe ecran care sunt similare cu opțiunea „închidere” sau „anulare”. Cu toate acestea, atunci când utilizatorul selectează una dintre aceste opțiuni, butonul efectuează o acțiune neașteptată sau neautorizată (de exemplu, deschiderea unei noi ferestre pop-up sau descărcarea unui fișier nedorit în sistemul utilizatorului).

Deoarece tehnologiile de web design permit autorilor să folosească orice fel de „fals”, unii utilizatori refuză să facă clic sau să interacționeze cu orice element din interiorul pop-up-ului.

Redirecționare URL

Uneori, adresele URL sunt redirecționate către pagini de publicitate folosind funcția de redirecționare a adreselor URL de fundal. Uneori se deschid într-o filă nouă, apoi conținutul vechii file de fundal este înlocuit cu pagini de anunțuri folosind o redirecționare. AdblockPlus, uBlock sau NoScript nu pot bloca aceste redirecționări pop-up. Această funcție este folosită din ce în ce mai mult de distribuitorii de anunțuri care caută o modalitate de a face fereastra PopUP mai activă.

Cum să scapi de ferestre pop-up

Cum să eliminați reclamele din browser? Verificați mai întâi actualizările. Menținerea browserului dvs. la zi va contribui în mare măsură la combaterea ferestrelor pop-up. Majoritatea browserelor sunt setate să se actualizeze automat, dar pot fi dezactivate. Acest proces durează de obicei doar câteva minute.

  • Firefox: faceți clic pe butonul cu numele aplicației din colțul din stânga sus. Plasați cursorul peste Ajutor și selectați Despre Firefox. Aceasta va deschide o fereastră cu informații despre versiunea browserului. Dacă browserul dvs. nu este descărcat și instalat automat.
  • Chrome: faceți clic pe butonul de meniu din colțul din dreapta sus. Selectați „Despre Chrome” în partea de jos, se va deschide o filă nouă și browserul va verifica dacă există actualizări. Dacă sunt, vor fi instalate automat.
  • Internet Explorer: metoda de actualizare depinde de versiunea browserului pe care îl utilizați. Pentru opțiunile mai vechi, va trebui să vă conectați la Windows Update. Pentru Internet Explorer 10 și 11, puteți activa actualizările automate făcând clic pe pictograma roată și selectând Despre Internet Explorer.

Dacă actualizările nu ajută

Uneori, PopUP pentru un site și software similar este prea profund încorporat pentru a fi dezinstalat printr-o actualizare. În astfel de cazuri, reinstalarea sau schimbarea browserului web poate ajuta la rezolvarea problemei.

Mai întâi descărcați cea mai recentă versiune a browserului pe care doriți să-l utilizați. Puteți găsi linkuri de descărcare pe pagina de pornire a fiecărei aplicații.

26/09/14 23K

Pentru mulți utilizatori de internet, termenul „pop-up” are conotații negative. O poză „plutește” imediat în fața ochilor mei despre cum, atunci când încearcă să vizualizeze informațiile necesare pe site, această reptilă închide fragmentul de text necesar. Și mai rău, dacă încercați să-l închideți, utilizatorul este adesea aruncat către o altă resursă cu totul.

Sunt ferestrele tale pop-up-uri atât de groaznice?

În ciuda acestei notorietăți, ferestrele pop-up pot fi enervante, dar și pline de satisfacții. Inițial, acestea sunt doar un fel de casete de dialog folosite în programare ca elemente ale interfeței cu utilizatorul.

Acestea servesc la informare și ca mijloc de dialog între utilizator și program (aplicație web). Dar, din păcate, o astfel de atitudine negativă a multor utilizatori față de ferestrele pop-up este în mare măsură justificată, deoarece pe web sunt folosite în principal în scopuri publicitare.

  • Deschidere în prim-plan (pop-up) - plutește deasupra celui principal;
  • Deschidere în fundal (pop-under) - se deschide în spatele ferestrei principale.

Acestea din urmă sunt cele mai insidioase. Ele devin active și vizibile pentru utilizator numai după ce cea principală este închisă. Prin urmare, nu va fi posibil să se determine sursa și să le blocheze în timp.

Mijloace de luptă

Din cauza utilizării omniprezente a reclamelor pop-up pentru reclamele nedorite pe Internet, mulți dezvoltatori de software au început să creeze instrumente anti-spam în produsele lor.

Principalul program de utilizare a internetului este browserul. Prin urmare, principala metodă de blocare a acțiunii ferestrelor publicitare este implementată în browser:

  • Internet Explorer - a devenit ultimul dintre toate produsele software în care a fost implementată capacitatea de a bloca reclamele pop-up. Acest lucru s-a făcut abia în 2004;
  • Opera - Acest produs a devenit primul browser din lume cu un blocator de ferestre pop-up încorporat. Ferestrele pop-up din Opera pot fi blocate din 2000;
  • Mozilla Firefox - Acest browser îmbunătățește abordarea Opera de a lupta împotriva reclamelor. În schimb, nu toate reclamele pop-up sunt blocate în Mozilla, ci doar cele care sunt încărcate când se deschide fereastra principală.

În browserele moderne, sistemul de blocare a ferestrelor pop-up este configurat prin interfața cu utilizatorul. În Chrome, ca și în majoritatea celorlalte browsere, abilitatea de a activa sau dezactiva blocarea, precum și de a compila o listă de excepții ( site-uri de încredere):

Crearea ferestrelor pop-up cu javascript

Există mai multe tehnologii folosite în programarea web pentru a crea ferestre pop-up. Instrumentul principal pentru crearea acestora este încă javascript. Funcționalitatea sa are mai multe tipuri de dialoguri, a căror acțiune este similară cu acțiunea ferestrelor pop-up:

  • Metoda alertă () - afișează un mesaj text simplu pe ecran. Pentru a ascunde dialogul după citire, trebuie să faceți clic pe butonul „Ok” din partea de jos a ferestrei;
  • Metoda confirm () este similară cu metoda anterioară. Dar dialogul afișat de acesta, pe lângă „Ok”, este echipat și cu un buton „Anulare”. Cu ajutorul lor, utilizatorul poate accepta sau refuza condițiile specificate în fereastră;
  • Metoda prompt () este folosită pentru a invoca un alt tip de fereastră pop-up javascript. Spre deosebire de cele menționate mai sus, această fereastră este echipată și cu un câmp de text. Utilizatorul poate introduce date text în el, care pot fi atribuite valorii variabilei dorite.

Acțiunea tuturor celor trei metode și tipurile de dialog pe care le apelează sunt prezentate în imagine:

Dar acestea sunt doar soiuri de dialoguri. Pentru a crea o fereastră pop-up reală în javascript, utilizați metoda open () a obiectului fereastră.

Iată sintaxa completă a metodei:

win = fereastra. deschis (url, nume, parametri), Unde:

  • url este adresa paginii care se va deschide într-o fereastră nouă;
  • Nume - numele ferestrei create. Poate fi folosit pentru prelucrarea ulterioară în formulare (parametru țintă);
  • Params este un șir de parametri pentru noua fereastră. Puteți afla singuri lista lor completă din documentația javascript.

Imaginea de mai jos arată metoda în acțiune și arată un script pop-up simplificat:

Este creată funcția f1, în corpul căreia este implementată metoda de apel la fereastra. deschis (). Apoi această metodă este apelată cu un parametru care indică adresa paginii care se va deschide în fereastra creată. Metoda setTimeout () este apoi apelată. Ca parametri, i se trece funcția f1 și intervalul de timp după care se va deschide o nouă fereastră.

Crearea unui pop-up cu CSS

De asemenea, este posibil să creați un pop-up în CSS. Această caracteristică a fost realizată doar odată cu lansarea celei de-a treia versiuni a acestei tehnologii. Nu ar trebui să abuzați de această opțiune, deoarece va funcționa numai în cele mai noi versiuni de browsere:

După cum puteți vedea din figură, o astfel de fereastră modală a fost creată folosind CSS și html. Spre deosebire de cele create cu js, această fereastră pop-up nu poate fi mutată în pagină. Mai mult, codul său este prea greoi pentru a fi descris la scara acestui articol. Dar, pe de altă parte, o astfel de fereastră nu va fi blocată de browser.

Privire de ansamblu asupra altor tehnologii

Nu trebuie să proiectați singur pop-up-ul. Acum există multe plugin-uri jquery gratuite create pentru asta. Conectând unul dintre ele, veți primi o fereastră gata făcută.

Există, de asemenea, multe plugin-uri pentru CMS popular. Acestea pot include un întreg set de ferestre. Designul și funcționalitatea fiecăruia dintre ele sunt „ascuțite” pentru îndeplinirea unei sarcini specifice ( înregistrare, trimiterea unui mesaj și multe altele).

Există, de asemenea, mai multe scripturi populare. Un exemplu al unuia dintre ele va fi dat mai jos. Ferestrele pop-up în contact și alte rețele sociale populare funcționează conform acestui principiu:

Cum să faci o fereastră pop-up în Jquery

Exemplu pop-up
Afișați popup

Codul este dat în varianta „pentru leneși”. Inserându-l în orice editor și rulându-l pentru execuție, veți obține un exemplu gata făcut de fereastră pop-up bazată pe jquery.

Astăzi vom vorbi despre cum să vă creați propria fereastră pop-up pentru site-ul dvs. Acum această metodă este foarte populară, dar majoritatea soluțiilor pentru implementarea ei sunt plătite. Un exemplu de fereastră nu foarte frumoasă (dar acesta este doar un exemplu) în interiorul unei postări...

În această postare, vom învăța cum să facem o astfel de fereastră pop-up. Simplu, rapid, eficient și, cel mai important, gratuit!

Orice fereastră pop-up constă în esență din două părți. Primul este de a întuneca fundalul general. Al doilea este fereastra în sine. Fereastra, la rândul său, este de obicei împărțită într-un titlu, text și un formular de abonare. Să pregătim baza pentru fereastra noastră, având în vedere structura specificată.

Noi avem:
fs_popup_bg- Dimming site-ul;
fs_popup- Fereastra în sine;
fs_popup_head- Titlul ferestrei;
fs_content- Conținutul ferestrei, împărțit în două părți;

Acum să scriem stilurile necesare...

Să aruncăm o privire rapidă la stilurile ferestrei noastre pop-up.
#fs_popup_bg- indică faptul că fundalul nostru va fi negru și aproape opac (0.9), va fi situat în colțul din stânga sus și va ocupa întreaga zonă a ecranului. În acest caz, adâncimea elementului, sau mai degrabă ridicarea sa deasupra altor elemente, va fi foarte mare (evident mai mare decât altele).
#fs_popup- indică faptul că fereastra va fi la un nivel deasupra fundalului (altfel nu am fi văzut-o). Va fi 600px pe 300px, cu colțuri rotunjite și un chenar roșu.
.fs_content_left, .fs_content_right- ne spune că blocurile sunt apăsate spre stânga (trebuie să le plasați la același nivel), au indentări și fontul Arial.

Să ne umplem fereastra cu conținutul:

În această postare, vom învăța cum să facem o astfel de fereastră pop-up. Simplu, rapid, eficient și, cel mai important, gratuit!
Grăbește-te să introduci e-mail-ul tău și să primești o grămadă de informații utile!*

Email-ul tau:


* - Acest câmp este inactiv. Făcând clic pe butonul „Abonare” ești de acord cu utilizarea adresei dumneavoastră în scopul trimiterii în masă a materialelor publicitare. Și, de asemenea, îți vei lăsa moștenire mașina, apartamentul și 10% din venit autorului site-ului.

Și să adăugăm stilurile noastre pentru un afișaj mai frumos:

Atât, în principiu. După cum puteți vedea din exemplu, JavaScript pentru o fereastră pop-up este necesar în mod esențial în două cazuri:
1) Evenimentul închiderii ferestrei noastre;
2) Eveniment la clic pe butonul „Abonare”;
De asemenea, nu strica să verificați dacă această fereastră a fost afișată pe acest computer. În aceste scopuri, lucrul cu cookie-uri este destul de potrivit.

Top articole similare

Categorii: