Jste v půlce článku, když se doprostřed obrazovky vsune okno. Nabízí slevový kód, když zadáte svůj e-mail. Můžete ho zavřít křížkem v rohu, nebo číst dál. Ta vrstva je vyskakovací okno na webu.
Ať je milujete, nebo vás obtěžují, vyskakovací okna jsou jedním z nejběžnějších nástrojů pro zapojení na webu. Vyskakovací okno je vrstva nad běžným obsahem stránky, obvykle spuštěná časovačem, rolováním nebo kliknutím. Tady je, co jsou zač, jak fungují a kdy dávají smysl.
Co je vyskakovací okno na webu?
Vyskakovací okno na webu je okno se zprávou, které se objeví nad webovou stránkou, aniž by z ní návštěvníka odvedlo. Může zakrývat část obrazovky nebo celé zobrazení. Většina vyskakovacích oken obsahuje nadpis, krátkou zprávu, výzvu k akci a způsob, jak je zavřít.
Vyskakovací okna záměrně přerušují běžný tok čtení. Upoutávají pozornost na něco, co majitel webu považuje za důležité: přihlášení k newsletteru, časově omezenou nabídku, upozornění na cookies nebo žádost o vyplnění dotazníku.
Proč weby používají vyskakovací okna?
Weby používají vyskakovací okna, protože si běžného obsahu stránky nemusí každý všimnout. Návštěvník může přečíst celý článek a odejít, aniž by kdy uviděl přihlašovací formulář v postranním panelu. Vyskakovací okno dá nabídku přímo před něj.
Když je design vyskakovacích oken promyšlený, mohou zvýšit počet přihlášení k e-mailům, propagovat sezónní slevy nebo upozornit na nový produkt. Když je design agresivní, návštěvy zkracují a škodí důvěře. Samotný nástroj je neutrální. O výsledku rozhoduje, jak ho použijete.
Běžné typy vyskakovacích oken na webu
Většina příkladů vyskakovacích oken spadá do několika kategorií. Uvítací okna vítají nové návštěvníky úvodní nabídkou. Okna při odchodu se objeví, když chce někdo odejít. Okna při rolování se spustí poté, co návštěvník přečte určitou část stránky. Okna po kliknutí se otevřou, když někdo klikne na konkrétní tlačítko nebo odkaz.
Každý typ slouží jinému cíli. Uvítací okna budují váš e-mailový seznam. Okna při odchodu se snaží získat zpět návštěvníka, který by jinak odešel. Okna při rolování odměňují zapojené čtenáře relevantní nabídkou. Přizpůsobit typ okna chování návštěvníka dělá velký rozdíl.
Jak vypadá dobrý design vyskakovacího okna
Dobrý design vyskakovacího okna je jednoduchý a ohleduplný. Použijte jasný nadpis, který říká přínos. Zprávu držte na jedné nebo dvou větách. Nabídněte jednu akci, ne tři. Tlačítko pro zavření ať je snadné najít.
Styl okna přizpůsobte svému webu. Barvy, písma a tón by měly odpovídat zbytku vaší značky. Okno, které vypadá, jako by patřilo na jiný web, okamžitě ničí důvěru.
Načasování je stejně důležité jako vzhled. Zobrazit okno dřív, než někdo přečte váš obsah, působí dotěrně. Zobrazit ho poté, co se se stránkou zapojil, působí jako přirozený další krok. Praktická pravidla načasování najdete v části jak používat vyskakovací okna bez obtěžování návštěvníků.
Podrobnější pohled na jeden konkrétní typ najdete v části co je vyskakovací okno při odchodu. Pokud chcete vyskakovací okna porovnat s méně rušivými možnostmi, přečtěte si na našem blogu vyskakovací okna a bannery.
Často kladené otázky
Škodí vyskakovací okna na webu uživatelskému zážitku?
Vyskakovací okna se stávají problémem, když blokují obsah, objeví se příliš brzy nebo se zobrazují při každém načtení stránky. Řiďte se osvědčenými postupy pro vyskakovací okna, aby vaše sdělení působilo užitečně, ne rušivě.
Co má vyskakovací okno říkat, aby získalo přihlášení?
Začněte přínosem, ne akcí. "Získejte týdenní tipy pro rozvoj svého podnikání" funguje lépe než "Odebírejte náš newsletter." Formulář nechte na jednom nebo dvou polích. Jméno a e-mail stačí většině webů.
Kolik vyskakovacích oken mám zobrazit za návštěvu?
Bezpečným výchozím bodem je jedno okno za návštěvu. Zobrazení více oken během jedné návštěvy lidi frustruje a zvyšuje míru odchodu. Pokud potřebujete několik sdělení, použijte pro doplňkové výzvy raději připnutou lištu.
Jaký je rozdíl mezi vyskakovacím oknem a připnutou lištou?
Vyskakovací okno zakrývá obsah stránky a vyžaduje pozornost. Připnutá lišta sedí nahoře nebo dole na obrazovce a neblokuje hlavní obsah. V části co je připnutá lišta pochopíte, kdy se který formát hodí lépe.
Fungují vyskakovací okna na mobilních zařízeních?
Vyskakovací okna mohou na mobilu fungovat, ale vyžadují zvláštní péči. Celoobrazovkové vrstvy na malých obrazovkách působí agresivněji než na počítači. Na malých obrazovkách zvažte místo časovače vyskakovací okno při odchodu nebo spuštění rolováním.
Mohu přidat vyskakovací okna na svůj web ve WEMASY?
Tvůrce webů WEMASY vám umožní přidávat prvky vyskakovacích oken na stránky pomocí vizuálního editoru. Sdělení, design i načasování ovládáte bez instalace samostatných zásuvných modulů a bez psaní kódu.