odkaz poskytujúci príkaz na skrytie viditeľnej vrstvy s vyskakovacím identifikátorom:

Ak chcete, môžete nastaviť, aby sa okno nezobrazovalo po kliknutí na odkaz, ale iba vtedy, keď naň umiestnite kurzor myši. Ak to chcete urobiť, zmeňte prvý riadok:

presuňte myš sem!

Vyskakovacie okno pre WordPress

Existuje viac ako jeden popup plugin pre Wordpress. Ako si vybrať ten správny z množstva možností? Vyskakovacie okná sa môžu objaviť neočakávane alebo plynulo, na hlavnej stránke webu alebo na internej stránke, ihneď po prepnutí na stránku alebo pri jej zatvorení. Uvažované nižšie najlepšie možnosti pluginy:

• ITRO Popup Plugin

Je to zadarmo. Používa sa veľmi pohodlne, úprava tiež nie je náročná. Doplnok poskytuje možnosť sťahovať obrázky, značky pre tituly, videá z YouTube.

Nastavenia umožňujú prispôsobenie. Môžete vytvoriť banner akejkoľvek veľkosti, farby. Okraje vyskakovacích okien sú tiež upraviteľné. Môžete si tiež vybrať stránky, na ktorých sa budú vyskakovacie okná zobrazovať.

• Vyskakovacie okno bulletinu YITH

Je tiež zadarmo. Navrhnuté na vytvorenie kontextového okna vo formulári predplatného. Nie je ťažké ho nainštalovať a nakonfigurovať. Musíte pracovať iba na dvoch stranách. Na jednom - všeobecné nastavenia, na druhom - vyskakovací editor dizajnu.

Všeobecné nastavenia umožňujú napísať nadpis, vložiť obrázok a informácie vo forme textu. Tu si môžete nastaviť farbu pozadia, textu, vybrať písmo. Nevýhodou je nemožnosť výberu umiestnenia textu a obrázkov. Vyskakovacie okno je však celkom roztomilé.

• Vyskakovacie okno WordPress

Tento doplnok vám umožňuje vytvárať kreatívne kontextové okná. Medzi jeho výhody patrí jednoduchosť pridávania formulárov a obrázkov, veľký výber parametrov vzhľadu. Môžete si nastaviť, aby sa vyskakovacie okno zobrazovalo iba používateľom, ktorí na stránke nič nekomentovali, prípadne sa na stránku dostali z vyhľadávača. V nastaveniach môžete určiť, koľkokrát môže vyskakovacie okno vyskočiť pred každým návštevníkom.

• Optinmonster

Tento doplnok je platený, ale poskytuje rozsiahle možnosti úpravy kontextových okien. Automaticky ho podporujú GetResponse, MailChimp a ďalšie. Po výbere poštová služba prebieha automatické ladenie. Platená verzia je navrhnutá tak, aby vykonávala testovanie a analyzovala jeho výsledky s cieľom identifikovať efektívnejšiu možnosť kontextového okna. Videá je možné vkladať priamo do formulára.

• Ninja vyskakovacie okná

Tiež platený plugin podporovaný mnohými e-mailovými službami. Šablóny sú vyvíjané na profesionálnej úrovni, bannerový dizajn je možné vyrobiť v štýle stránky. Je možné prispôsobiť vzhľad vyskakovacieho okna na akejkoľvek stránke v akejkoľvek kategórii. Vyskakovacie okno sa môže zobraziť aj vtedy, keď je stránka zatvorená.

Stránku môžete nastaviť ako súkromnú, kým ju používateľ nezdieľa na sociálnych sieťach alebo sa neprihlási na odber. Je možné vykonať testy na zlepšenie účinnosti vyskakovacieho okna.

9 tipov, ako urobiť pop-up a nepreháňať to

1. Nepoznajte sa

V žiadnom prípade by ste nemali byť drzí, návštevníkov si nechajte pre idiotov. Tiež je lepšie nehrabať sa v tom, čo ich poháňa. Pod zákazom sa objavujú nápisy vo vyskakovacích oknách ako „Nie, nechcem mať nasledovníkov“, pretože ich možno chápať ako „Nie, nechcem s vami obchodovať.“

2. Nekompenzujte kvalitu kvantitou.

Túžba dosiahnuť 400 % by nemala viesť k zvýšeniu počtu vyskakovacích okien na úkor ich kvality. Ak chcete vybrať čo najviac efektívna možnosť, spustiť testy. Neumiestňujte kontextové okná na každú stránku svojho webu.

3. Nevyskakujte v nesprávny čas na nesprávnom mieste

Vyskakovacie okno počas načítavania stránky bude mať za následok stratu návštevníkov. Ak je kontextové okno veľké a ťažko sa zavrie, je pravdepodobnejšie, že dôjde k strate potenciálnych zákazníkov.

Najlepšou možnosťou je vyskakovacie okno krátko predtým, ako používateľ zatvorí stránku. Môžete to nakonfigurovať tak, že analyzujete, ako dlho sú návštevníci na vašej stránke. Môžete tiež opraviť, ako sa kurzor pohybuje z bloku obsahu na bloky, ktoré padajú na cestu smerom k tlačidlu na zatvorenie stránky.

4. Prispôsobte si kontextové okná

Teraz s organizáciou elektronický predaj je módne robiť personalizáciu. Verí sa, že pre človeka je príjemnejšie nakupovať v obchodoch, kde sa mu osobne ponúka tovar. Nikto nechce byť používateľom bez tváre.

Ak je to možné, prispôsobte si kontextové okná. Ak ste vlastníkom internetového obchodu, počkajte, kým klient neuvedie, o čo má záujem, a podľa toho vytvorte ponuku.

5. Neschovávajte kríž na zatvorenie okna

Ak je ťažké zatvoriť kontextové okno, používateľ si môže vytvoriť negatívny postoj k vašej stránke. Preto sa ich pravdepodobnosť nákupu (alebo predplatenia atď.) zníži.

6. Nebuďte prehnane otravní, ako sa len dá.

Nečakané udalosti nie vždy urobia človeka šťastným, najmä ak mu prekážajú v dosiahnutí cieľa. Ak sa pri čítaní objaví kontextové okno zaujímavý článok alebo výberom produktu a ponúk na odber týždenného bulletinu, potom produktívna interakcia nebude fungovať.

7. Buďte konkrétni

Zvláštnosťou vyskakovacieho okna je potreba rýchlo upútať pozornosť návštevníka. Aby ste to dosiahli, musíte jasne formulovať svoje návrhy potenciálnych klientov bude to jasné.

8. Buďte struční

Nielen textové informácie by mali byť lakonické, ale aj dizajn vyskakovacieho okna. Je lepšie zvoliť jednoduchý dizajn, pokojné farby a funkčné prvky- známe väčšine používateľov. Rozdelenie vyskakovacieho okna do zón je efektívne, vďaka čomu je štruktúra vášho návrhu jasná na intuitívnej úrovni.

9. Zvážte pre a proti

Vyskakovacie okná vytvárajte iba vtedy, keď nie sú dostupné žiadne iné možnosti.

9 dôvodov, prečo vaše kontextové okno nefunguje

Vaše kontextové okno nie je mobilné

Približne 1/3 používateľov používa smartfóny na prehliadanie stránok. Vo väčšine prípadov sa však kontextové okná na telefóne nezobrazujú správne. Obraz vyskakovacieho okna na telefóne vyzerá rozmazane, nie je možné ho zavrieť alebo ho úplne vidieť. To je dôvod straty príjmu. Nezabudnite skontrolovať funkčnosť vyskakovacích okien. V prípade problémov by mala byť stránka prispôsobená pre smartfóny.

Nehodnotili ste prácu pluginu

S každým doplnkom klesá odozva vášho webu. Ak je stránka pomalá, návštevnosť je nižšia, resp. menší predaj... Rýchlosť sťahovania nájdete na stránkach Sitespeed.ru alebo PageSpeed ​​Insights... Okrem výsledku vám budú poskytnuté odporúčania na zlepšenie rýchlosti webu:

To však nie je všetko.

Ak dôjde ku konfliktu medzi kontextovými doplnkami vašej stránky, môže to spôsobiť, že budú vyzerať škaredo. Pred povolením zobrazovania kontextových okien návštevníkom sa musíte uistiť, že vyzerajú normálne na všetkých zariadeniach.

Máte neštandardný dizajn vyskakovacích okien

Zobrazíte kontextové okno svojim potenciálnym zákazníkom. Aby mali názor na produkty vašej značky ako praktické, kvalitné, majúce dobrý dizajn, musíte popracovať na dizajne vyskakovacích okien, uistite sa, že sú vhodné pre návštevníkov. Vytvorte vyskakovacie okno na úpravu štýlu stránky, použite krásne písma, nahrajte obrázky.

Vy ste nevymysleli, ale skopírovali text pre vyskakovacie okno

Podnikateľ musí byť originálny, aby sa odlišoval od svojich konkurentov. Vtedy má úspech zaručený. Ak je vašou stratégiou kopírovanie ostatných, nebudete schopní dostať sa na vrchol. Používatelia budú ako poslední navštíviť vašu stránku. Musíte ukázať publiku, že ste lídrom. Zvážte to pri vytváraní kontextových okien.

Máte irelevantný obsah

Používateľ napríklad odoslal položku do košíka, pred dokončením nákupu toho veľa nezostalo a z nejakého dôvodu zatvorí kartu ... Zároveň sa objaví vyskakovacie okno s ponukou knihy v v elektronickom formáte... Je toto rozhodnutie podľa vás správne?

Ďalší príklad. Osoba číta váš blog bez toho, aby si niečo kúpila. Môžete mu ponúknuť zľavu na produkt, čo myslíte?

Rovnaká ponuka pre používateľov v rôznych fázach procesu nákupu nebude rovnako účinná. Pre tých, ktorí sú v procese výberu, pridávania produktu do košíka, zľavy resp doprava zdarma... A pre tých, ktorí sú na vašej stránke prvýkrát, môžete ponúknuť skúšobná verzia tovar.

Je potrebné pripomenúť, že medzi obsahom kontextových okien a obsahom stránky musí byť zhoda. Napríklad v katalógu dámskeho oblečenia by nemali byť povolené vyskakovacie okná s reklamami na kravaty.

Žiadate príliš veľa informácií

To, čo robíte, závisí od toho, aké informácie chcete o svojich zákazníkoch dostávať, aby ste s nimi mohli v budúcnosti spolupracovať. Zvyčajne sú ľudia ochotnejší vyplniť formuláre, ak ich nie je veľa.

Ak však človek poskytne dodatočné informácie (pohlavie, vek, meno, adresa atď.), potom bude personalizácia návrhov hlbšia.

V prípade vytvorenia jednokrokového vyskakovacieho okna je najlepšie požiadať iba o e-mail.

Ak je okno viackrokové, je možné vyžiadať ďalšie údaje. Ak návštevníci prejavia záujem o prvé vyskakovacie okno, zvyčajne sú pripravení nahlásiť ďalšie detailné informácie o sebe v druhom vyskakovacom okne. Nemal by však obsahovať viac ako štyri polia.

Neurobili ste A/B test

Marketingoví profesionáli vedia, že efektívne A/B testovanie môže zvýšiť ziskové marže pri existujúcej návštevnosti.

Pred deleným testovaním musíte:

• určiť, ktoré spúšťače majú hlavný vplyv na používateľov;
• zmerajte bod A pred nastavením bodu B;
• skontrolujte všetko sami, neverte všeobecným štatistikám;
• zvýšiť počet návštev potrebných na testovanie (najmenej 1500 pre každé okno);
• určiť ukazovatele, ktoré sa majú merať.

Testov by malo byť niekoľko. Po porovnaní dizajnu vyskakovacích okien identifikujte tie najefektívnejšie. Dokonca aj malé zmeny môžu zdvojnásobiť konverzie.

Ak ste vylúčili vplyv vyššie uvedených dôvodov, potom musíte ísť hlbšie - vykonať audit stránky. A na to je lepšie obrátiť sa na profesionálov! Špecialisti Internetová agentúra "Sales Generator" v krátkom čase bude držať pre vás úplná analýza chyby vnútorných a externá optimalizácia zdroj, ako aj poskytnúť viac ako 47 odporúčaní na zvýšenie návštevnosti a predaja z vášho webu.

Odošlite žiadosť

=> html [~ DETAIL_TEXT_TYPE] => html => Prečo potrebujeme kontextové okná? Aké sú výhody a nevýhody vyskakovacích okien? Ako vytvorím kontextové okno? Aké bezplatné a platené vyskakovacie doplnky WordPress existujú? Ako to nepreháňať s dizajnom? Z akých dôvodov nemusí kontextové okno fungovať? [~ PREVIEW_TEXT] => Prečo potrebujem kontextové okná? Aké sú výhody a nevýhody vyskakovacích okien? Ako vytvorím kontextové okno? Aké bezplatné a platené vyskakovacie doplnky WordPress existujú? Ako to nepreháňať s dizajnom? Z akých dôvodov nemusí kontextové okno fungovať? => html [~ PREVIEW_TEXT_TYPE] => html => Pole (=> 1078 => 4. 3. 2018 13:21:47 => iblock => 622 => 998 => 84151 => obrázok / png => iblock / 60a = > .png =>. png => => => [~ zdroj] => => /upload/iblock/60a/60ac938f22cff102a2262faf8d9e8913.png => /upload/iblock/60a/60ac8af20a2222 /.png => 7 trikov, keď sú vyskakovacie okná úspešné => 7 trikov, keď sú vyskakovacie okná úspešné) [~ DETAIL_PICTURE] => 1078 => 2018-04-03 MP:4> 17:21 ČAS] 04/03/2018 13:21:47 => 2017-09-27 16:09:26 [~ ACTIVE_FROM] => 09/27/2017 16:09:26 => / blog / [~ LIST_PAGE_URL] => / blog / => / blog / vsplyvayushchie-okna / [~ DETAIL_PAGE_URL] => / blog / vsplyvayushchie-okna / => / [~ LANG_DIR] => / => vsplyvayushchie-okna [~ KÓD] => vsplyvayushchie-okna => 48 [~ EXTERNAL_ID] => 48 => blog [~ IBLOCK_TYPE_ID] => blog => blog [~ IBLOCK_CODE] => blog => [~ IBLOCK_EXTERNAL_ID] => => s1 [~ VÍČKO] => s1 => => 27.09.2017 => Pole (=> 7 trikov, keď sú vyskakovacie okná úspešné => kontextové okná, vyskakovacie programy, kontextové okná , vyskakovacie okná, povoliť vyskakovacie okná, vyskakovacie reklamy, vyskakovacie okná, vyskakovacie okná html okno , otvorenie kontextového okna, kontextové okná v telefóne, kontextové tlačidlo, kontextový doplnok, kontextový formulár, kontextové okno pre web, kontextové okno pre web , kontextové okno formulára, ako vytvoriť kontextové okno => Článok vysvetľuje, prečo sú kontextové okná potrebné ( kontextové okná), ako ich vytvoriť a zefektívniť.) => Pole (=> 21977) = > Pole () => Pole (=> 6 [~ ID] => 6 => 27.02.2018 14:50:13 [~ TIMESTAMP_X] => 27.02.2018 14:50:13 => blog [~ IBLOCK_TYPE_ID ] => blog => s1 [~ VÍČKO] => s1 => blog [~ KÓD] => blog => Blog [~ MENO ] => Blog => Y [~ AKTÍVNE] => Y => 500 [~ TRIEDIŤ ] => 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 / zoznam.php? SECTION_ID = # SECTION_ID # [~ SURLECTION_PAGE ] => # SITE_DIR # / blog / zoznam.php? SECTION_ID = # SECTION_ID # => [~ CANONICAL_PAGE_URL] => => [~ OBRÁZOK] => => [~ 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 [~ VERZIA] => 1 => 0 [~ LAST_CONV_ELEMENT] => 0 => [~ SOCNET_GROUP_ID] => => [~ EDIT_FILE_BEFORE] => => [ ~ EDIT_FILE_AFTER] => => Sekcie [~ SECTIONS_NAME] => Sekcie => Sekcia [~ SECTION_NAME] => Sekcia => Prvky [~ ELEMENTS_NAME] => Prvky => Prvky [~ ELEMENT_NAME] => Prvky => [~ EXTERNAL_ID ] => => / [~ LANG_DIR] => / => [~ SERVER_NAME] =>) => Pole (=> Pole ()) => => Pole (=> 7 trikov pri vyskakovacích oknách ) prináša úspech = > 7 trikov pri vyskakovacích oknách ( vyskakovacie okná) prinášajú úspech => vyskakovacie okná, vyskakovacie programy, vyskakovacie okná, vyskakovacie okná, povoliť vyskakovacie okná, vyskakovacie reklamy, robiť vyskakovacie okná, html vyskakovacie okná, otvárať vyskakovacie okná, kontextové okná telefónu, kontextové tlačidlo, kontextový doplnok, kontextový formulár, kontextové okno lokality, kontextové okno lokality, kontextové okno formulára, ako vytvoriť kontextové okno => Článok vysvetľuje, prečo kontextové okno ako ich vytvoriť a zefektívniť. ))

Pop-hore Je vyskakovacie okno, ktoré sa objaví na obrazovke pri návšteve stránky a nabáda osobu, aby vykonala určité akcie (prihlásiť sa na odber bulletinu, stať sa účastníkom propagácie, zadať svoje kontaktné informácie atď.). V podstate úloha pop-hore-windows - zbierajte e-mailové adresy.

Rôzne štúdie ukazujú efektívnosť používania vyskakovacích okien. Napríklad web so 44-tisíc návštevníkmi získaval denne 10-15 odberateľov do svojho mailing listu a po spustení vyskakovacích okien s oneskorením jednej minúty sa denne začalo prihlasovať okolo 100-150 návštevníkov.

Aký je účel zbierky e-pošty-s pomocou vyskakovacích okien? Urobme si jednoduchú analógiu. Miesto je poškodené vedro naplnené vodou. Všetky vaše snahy o jeho naplnenie sú odsúdené na neúspech, pretože kvapalina sa vylieva z otvorov. Podobne je to s návštevníkmi internetových stránok. Mnoho ľudí po návšteve stránky zatvorí kartu a už sa do „vedra“ nevráti.

Aby bolo podnikanie úspešné, musíte dosiahnuť vysokú návštevnosť svojich internetových zdrojov. Čím viac e-mailových adries zhromažďujete, tým viac ľudí môžete následne prilákať na vašu stránku pomocou efektívnych e-mailových bulletinov.

V tomto článku sa dozviete:

1. Zobrazovanie vyskakovacích okien je zlý alebo účinný nástroj
2. Zjavné výhody a nevýhody automaticky otváraných okien
3. Aké sú prvky vyskakovacieho okna
4. Typy kontextových okien na stránke
5. Dobrý, zlý a skvelý príklad vyskakovacieho okna
6. 7 nápadov, ako prispôsobiť kontextové okná na vašom webe
7. Ako vytvoriť kontextové okno sami
8. Vyskakovacie okno pre WordPress
9. 9 tipov, ako urobiť pop-up a nepreháňať to
10. 9 dôvodov, prečo vaše kontextové okno nefunguje

Zobrazovanie vyskakovacích okien je zlý alebo účinný nástroj

Predstavte si situáciu: fascinuje vás čítanie informácií na stránke, snažíte sa ju posúvať ... a pred vami vyskočia okná s reklamami. Prvou reakciou je podráždenie. Ak sa však nachádzate na stránke internetového obchodu a chcete si niečo kúpiť, zľava ponúkaná vo vyskakovacom okne vás určite poteší.

Je možná aj iná situácia. Pri čítaní publikácií blogera, ktorý je internetovým marketérom, vás vyskakovacie okno pozýva na stiahnutie sprievodcu najčastejšími chybami v Google Adwords úplne zadarmo. S najväčšou pravdepodobnosťou vás takáto vyskakovacia ponuka zaujme.

Vnímanie automaticky otváraných okien môže byť negatívne alebo pozitívne. Závisí to, ako v každom inom prípade, od toho, či je ponuka obsiahnutá vo vyskakovacom okne užitočná a relevantná pre potenciálneho klienta.

Zjavné výhody a nevýhody prispôsobenia kontextových okien

Výhody vyskakovacie okná:

• Umožňujú vám upútať pozornosť. Keď používatelia kliknú na odkaz z inej stránky, najskôr sa im zobrazí vyskakovací banner, ktorý ponúka niečo prospešné. To ich zdržuje a podnecuje k ďalším krokom.
• Keď ich použijete, konverzia sa zvýši.Štatistiky ukazujú oveľa vyššiu efektivitu (13-krát) vyskakovacích bannerov v porovnaní s klasickými vytváranými za účelom zvýšenia návštevnosti webu alebo počtu zobrazení.
• Používanímpop-v oknách, môžete rýchlo získať spätnú väzbu. Vyskakovací banner na stránke FAQ umožní návštevníkom rýchlejšie kontaktovať administrátorov stránky.

nevýhody vyskakovacie okná:

• Znížená návštevnosť. V prípade nesprávnej inštalácie vyskakovacích okien budú návštevníci cítiť len nepríjemnosti, keď sa objavia. Napríklad, ak je banner veľký alebo musíte dlho hľadať kríž, ktorý sa má zavrieť, používatelia môžu dať prednosť iným stránkam.
• Zaobchádzanie s bannermi ako so spamom. To je možné pri veľkom počte vyskakovacích okien. Výsledkom môže byť zhoršenie dobrého mena firmy.
• Pop-up bannery môžu byť zablokované. Niektorí vedia, že do prehliadača je možné nainštalovať program, ktorý zablokuje zobrazovanie vyskakovacích okien. Zároveň môžete zabudnúť na efektivitu reklamy pomocou vyskakovacích okien.

Aké sú prvky vyskakovacieho okna

Kľúčom k efektívnej komunikácii s návštevníkmi stránok prostredníctvom pop-up bannerov je priebežné testovanie textov, dizajnu a formátu ich zobrazenia.

Uveďme si najvýznamnejšie prvky:

1. Text nadpisu. Musíte formulovať pop-up vetu jednoduchými a zrozumiteľnými slovami, potom to bude fungovať efektívne. Zvážte rôzne možnosti, analyzujte postoj návštevníkov ku každej z nich.
2. Dizajn hlavičky. Po výbere vhodného nadpisu ho krásne navrhnite (vyberte farbu, písmo, veľkosť). Malo by byť čitateľné.
3. Blokový a obrázkový dizajn. Zistite, aký formát, farba a veľkosť blokov je pre vašu stránku najvhodnejšia. Často na zvýšenie konverzie stačí pridať obrázok do bloku.
4. Polia formulára. Môžete použiť rôzne typy písma, umiestniť popisy rôznymi spôsobmi (vnútri, nad alebo naľavo od poľa). Je potrebné mať na pamäti, že každá obrazovka ich musí zobraziť správne.
5. Tlačidlo ukončenia. Povinným prvkom vyskakovacieho okna je tlačidlo, ktoré umožňuje odmietnuť ponuku (napríklad „Nie, ďakujem“ atď.). Používateľom môžete poskytnúť možnosť zatvoriť kontextové okno kliknutím na domovskú stránku.
6. Hlavný text. Určite by mal obsahovať popis výhod ponuky a jej vlastností. Podľa výsledkov testov môže nedostatok takýchto informácií na banneri viesť k nízkej konverzii.
7. Text výzvy na akciu. Vyskúšajte niekoľko alternatív. Tlačidlo „Odoslať“ možno nahradiť tlačidlami „Získať bezplatný prehľad“, „Stiahnuť teraz“, „Prihlásiť sa na odber bulletinu“.
8. Dizajn akčného tlačidla. Otestujte tlačidlá rôznych tvarov, veľkostí a farieb, aby ste našli to, na ktoré sa dá najviac klikať.

Typy kontextových okien na stránke

Existujú dve skupiny vyskakovacích okien: Hello-Board a Page-Stop.

Prvú kategóriu charakterizuje horizontálne alebo vertikálne umiestnenie bannerov, pri ktorých hlavné informácie o stránke zostávajú viditeľné pre používateľa a ich funkčnosť zostáva takmer rovnaká. Táto možnosť vyskakovania je mäkká a umožňuje vám zachovať rovnováhu medzi vnímaním návštevníkov a výsledkom, ktorý sa dosiahne použitím bannerov.

Takéto kontextové okná majú nevýhody, ale v súčasnosti ich nemožno odstrániť - kontrola stránok, aj keď čiastočne, je obmedzená. Vďaka tomu sú okná Hello-board menej efektívne ako okná Page-Stop.

Kategória Page-Stop bannerov predpokladá úplné obmedzenie aktivity na stránke, kým návštevník neklikne na jedno z tlačidiel - prijme ponuku alebo ju odmietne zatvorením vyskakovacieho okna. Takéto vyskakovacie okno vo väčšine prípadov iba obťažuje používateľov, pretože ich odvádza od hlavného účelu návštevy stránky.

Dobrý, zlý a skvelý príklad vyskakovacieho okna

• Dobrý príklad

Keď prvýkrát navštívite internetové obchody Lamoda a Quelle, objavia sa špeciálne ponuky:

„Urobte nákup a doručenie bude na naše náklady“; "Prihláste sa na odber a my Vám poskytneme zľavu 40%." Atraktívne ponuky, však? Treba poznamenať, že takéto techniky sa v obchode neustále používajú. Ak budete pozorní, všimnete si, že v každom oddelení nákupných centier sú reklamy o výpredajoch a veľkých zľavách, ktoré vraj platia dnes. Takýto systém predaja sa však praktizuje neustále.

Pre internetový obchod (vrátane Lamoda) je veľmi dôležité, aby dostal e-mailovú adresu návštevníka. Obchodníci to zahrnú do svojho zoznamu adries a ponúknu svoje produkty. Je to prospešné pre každého. Používatelia získajú zľavy a internetové obchody pravidelných zákazníkov. Tento model sa nazýva „win-win“.

Odošlite žiadosť

Známy CallBackHunter. Keď sa táto technológia práve zrodila na Runete, spôsobila úžasný efekt. Musíte predsa súhlasiť, jazdíte v telefóne a o 30 sekúnd vám automaticky zavolajú späť a poradia vám s určitými problémami. Konverzný pomer mnohých stránok sa zvýšil. Neschopnosť väčšiny vlastníkov stránok správne nakonfigurovať túto technológiu však čoskoro viedla k tomu, že dráždi každého. Má to dva dôvody. Prvým je jeho okamžitý vzhľad po prechode na stránku. Návštevník ani nestihne zistiť, kde sa nachádza a či tu niečo nepotrebuje. Druhá - znenie v CallBackHunter je prinajmenšom záhadné:

Vyskakovacie okno neobsahuje žiadnu výhodnú ponuku, používateľa nepresviedča k predplateniu. Tu prichádza očakávanie prekvapivého efektu. Ak návštevník klikne na potrebné vyskakovacie tlačidlo bez toho, aby zistil, ako zavrieť okno, spoločnosť automaticky zavolá hovor. Zamestnanci začnú ponúkať produkty a možno aj niečo „predávajú“. Organizácia tak môže iba stratiť svoju povesť.

Mali by ste sa snažiť vyhovieť potrebám zákazníkov, nie zvyšovať predaj za každú cenu. Budovanie vzťahov so spotrebiteľmi by malo byť založené na dôvere, potom sa môžete spoľahnúť na dlhodobú spoluprácu výhodnú pre obe strany.

• Skvelý príklad

Na stránke časopisu „Generálny riaditeľ“, ktorý je naším klientom, sa zobrazuje tento banner:

Tento formulár sa zobrazí pri čítaní článku alebo po nájdení určitého času na stránke. Hlavným účelom tohto formulára je poskytnúť ľuďom užitočný obsah, keď sa chystajú opustiť stránku.

Všimnite si, že pop-up na stránke generálneho riaditeľa obsahuje dostatok informácií, že jeho ponuka je lákavá. S dôležitosťou to tiež nepreháňal. Návštevníci nemajú dojem, že toto vyskakovacie okno patrí inej stránke alebo je reklamou, takže funguje efektívne.

7 nápadov, ako prispôsobiť kontextové okná na vašom webe

1. Vyskakovacie okno namiesto bannera

Webmasteri často používajú bannery a umiestňujú ich na bočnú stranu webu alebo na bočný panel. Ak kliknete na banner, otvorí sa konkrétna stránka. Ak obsahuje ponuku na prihlásenie sa do zoznamu adries, môžete namiesto toho použiť kontextové formuláre.

výhody:

• Vyskakovacie okno sa otvorí okamžite, zatiaľ čo načítanie stránky odberu bude chvíľu trvať. To môže viesť k zvýšeniu konverzií predplatiteľov.
• Je tu možnosť ušetriť miesto. Ak bol banner nahradený formulárom predplatného, ​​môžete sa obmedziť iba na jedno tlačidlo a odstrániť všetky polia. Kliknutím naň sa zobrazí kontextové okno.

mínusy:

• Na rozdiel od predplatiteľskej stránky nebudete môcť do kontextového okna umiestniť veľa informácií. Nebudete tiež môcť nahrať obrázok alebo video.

2. Vyskakovacie okno namiesto predplatného

Týka sa to formulárov predplatného, ​​ktoré sú umiestnené na samostatných stránkach aj na bočnej strane hlavnej stránky (na bočnom paneli, ako v príklade). V blogoch sú ponuky na odber newslettera aj na konci článku. Dobrou možnosťou v tomto prípade je odstrániť všetky polia a ponechať jedno kliknutie na kliknutie, ktoré vyvolá kontextové okno. A už môže obsahovať požadovaný počet polí.

výhody:

• Zvýšenie počtu predplatiteľov. Dôvodom je, že kliknutím na vyskakovacie tlačidlo je už návštevník viac naklonený vypĺňaniu polí. Ak sa formulár predplatného zobrazí okamžite, zvyčajne sa ignoruje.
• Ekonomickejšie využitie internetového priestoru. Polia z formulára predplatného môžu byť nahradené reklamnými informáciami. Ďalšou možnosťou je navrhnúť stránku v minimalistickom štýle, aby bola prehľadná.

mínusy:

• Očakávania používateľov zostávajú neopodstatnené. Napríklad kliknutím na tlačidlo „Stiahnuť“ človek čaká na spustenie sťahovania. Potom môže vzhľad formulára na vyplnenie spôsobiť negatívne emócie. Môžete to však skombinovať s akoukoľvek položkou a následne vytvárať tlačidlá, ktoré umožňujú okamžité sťahovanie súborov (bez vyskakovacích okien).

3. Vyskakovacie okno namiesto slov vďačnosti

Toto je dobré a jednoduché riešenie. Nie je potrebné vytvárať stránky, uverejňovať slová vďačnosti a odkazy na stiahnutie súborov, ktoré vás zaujímajú. Namiesto toho by ste mali osobu nasmerovať na rovnakú stránku a zároveň mierne zmeniť jej adresu (napríklad /? Yhx935 / bolo pridané na stránku /). Takýto doplnok vydá príkaz na otvorenie kontextového okna s vďačnosťou alebo odkazmi na stiahnutie.

výhody:

• Takéto stránky vytvoríte za oveľa kratší čas.

mínusy:

• Budete musieť nájsť špecialistu, ktorý prispôsobí vzhľad vyskakovacieho okna, keď sa k adrese stránky pridá tajný parameter.
• Nie všetky kontextové okná podporujú odkazy na sociálne siete.

4. Vyskakovacie okno namiesto stránky „Ďakujeme za odber“.

Tento tvar kontextového okna je podobný predchádzajúcim zobrazeniam. Používateľ, ktorý sa prihlási na odber noviniek, nie je presmerovaný na stránku s poďakovaním, ale na stránku predaja, kde okamžite vyskočí kontextové okno. Obsahuje odkazy a slová vďačnosti potrebné pre návštevníka. Pod vyskakovacie okno môžete umiestniť informácie o platenom produkte súvisiacom s prihláseným odberom a ponuku na jeho kúpu v rámci propagácie.

výhody:

• Nie je potrebná stránka s poďakovaním.
• Rast konverzie. Po zatvorení okna sa človek dostane na plne načítanú stránku s reklamou na platený produkt. Ak ho navrhnete atraktívnym spôsobom, mnohí zatvoria vyskakovacie okno, aby si ponuku pozreli podrobnejšie.

mínusy:

• Vyskakovacie okno by sa malo objaviť okamžite, inak vás používatelia môžu podozrievať z podvodu a nedostatku potrebných odkazov. V dôsledku toho predaje klesnú.

5. Tajné vyskakovacie okno

Pre používateľov, ktorí dlho cestujú po vašom internetovom zdroji, môžete vytvoriť tajné kontextové okno tak, že naň uverejníte informácie o veľmi výnosných ponukách. Ak ho vytvoríte správne, iba niektorí ľudia, ktorí sú najaktívnejší, budú mať možnosť vidieť takéto kontextové okno. Toto je príjemný bonus.

Takéto vyskakovacie okno sa môže objaviť napríklad po 36 minútach na vašej stránke (alebo dlhšie). Prípadne môžete zistiť, ako dlho nie je na vašej stránke viac ako 1 % návštevníkov, a tentoraz zabodovať vo vyskakovacom okne. Nie je potrebné ponúkať promo akciu, môžete sa dotazovať používateľov (+ potom poskytnúť zľavu), ak chcete zbierať nejaké údaje o tých, ktorí si vašu stránku prezerajú dlhodobo.

výhody:

• Tí najaktívnejší dostávajú bonusy. Ak je ponuka dobrá, používatelia budú spokojní. Takéto vyskakovacie okno pre webovú stránku je analógom skrytého veľkonočného vajíčka.

mínusy:

• Ak každý nájde „vajce“, utrpíte straty.

Pridanie prispôsobenia do zoznamu môže byť zvláštne. Teraz sa však nepoužíva často a spolu s vyskakovacími oknami by fungoval celkom efektívne. Spočíva v nasledujúcom. Ak poznáte kontakty používateľa (napríklad meno, e-mailová adresa, telefónne číslo), potom:

• Vykonajte automatické vypĺňanie predplatiteľských formulárov na stránke.
• Odstráňte nepotrebné formuláre. Sú zbytočné, pretože svoj návrh môžete poslať návštevníkovi e-mailom. Vymazané formuláre je možné nahradiť reklamou (namiesto formulára na bočnej strane stránky vytvorte banner propagujúci predajnú stránku alebo propagáciu).

výhody:

• Budete môcť dosiahnuť väčšiu konverziu, pretože polia sa vyplnia automaticky, stačí kliknúť na vyskakovacie tlačidlo.
• Na stránku budete môcť umiestniť viac reklám.

7. Vyskakovacie okno vo vnútri článku

Je možné nielen vytvárať automaticky otvárané okná, ale aj zahrnúť do textu na stránke niekoľko tlačidiel, na ktoré kliknutie vyvolá vyskakovacie okná. Čím dlhší je článok, tým viac tlačidiel môžete umiestniť.

výhody:

• Používateľov nebude rozčuľovať vyskakovacie okná, ktoré si môžu sami nazvať kedykoľvek budú chcieť.
• Schopnosť zvýšiť konverziu. Aby ste to dosiahli, musíte pritiahnuť záujem návštevníkov o vyskakovacie tlačidlá volania.

mínusy:

• V článku sa objavujú nepotrebné prvky. V tejto súvislosti sa odporúča spojiť takéto tlačidlá s personalizáciou: osoba, ktorá sa prihlási na odber, by ich už nemala vidieť v texte.

Ako vytvoriť kontextové okno sami

Ako si sami vytvoriť vyskakovacie okno? Aby ste to dosiahli, musíte ovládať jazyk HTML aspoň na základnej úrovni. V tomto prípade môžete jednoducho vytvoriť kontextové okno pre stránku.

Na jeho vytvorenie sa často používajú knižnice frameworku JavaScript (jQuery, MooTools, Prototype atď.), ktoré však laik nepotrebuje. Hypertextový značkovací jazyk HTML a jazyk popisu kaskádových štýlov CSS vám umožňujú navrhovať dobré kontextové okná. Windows napísaný v týchto jazykoch nebude závisieť od JavaScriptu v prehliadači.

Kód, ktorý dáva príkaz na otvorenie kontextového okna, je umiestnený na dvoch riadkoch. Prvou úlohou je vygenerovať odkaz, po kliknutí na ktorý sa zobrazí kontextové okno:

Hodnoty atribútu tagu pre tento odkaz sú nasledovné. Onmouseover definuje typ kurzora myši, ktorý sa zobrazí, keď umiestnite kurzor myši na vyskakovacie tlačidlo. Kliknite na tlačidlo je potrebný na vydanie príkazu na zobrazenie skrytého bloku s vyskakovacím identifikátorom po kliknutí používateľa na tlačidlo.

Druhý riadok je vyskakovacie okno. Vyskakovací identifikátor sa používa na označenie vrstvy. Atribút štýlu umožňuje nastaviť parametre okna, písma a rámu (ich farbu, veľkosť, pozadie):

Vyskakovacie okno je predvolene neviditeľné (keďže volič zobrazenia je v texte kódu nastavený na žiadny).

Tieto dva riadky stačia na vytvorenie kontextového okna v html. Budete ich musieť vložiť medzi značky a

vaše stránky a vyskakovacie okno bude fungovať.

Aby sa vyskakovacie okno zatvorilo, musíte ho vložiť pred značku