Tipy, jak vytvořit chytré pop-upy na webu

Zasypaly vás někdy pop-upy tak, že jste z webu rychle odešli? Představte si, že čtete něco důležitého a pop-up zakryje stránku, chce váš e-mail nebo se vám snaží něco prodat. Teď si představte své publikum na vašem webu. Nikdo nemá rád, když ho někdo vyrušuje.…

Koncept
Tipy, jak vytvořit chytré pop-upy na webu

Jak vytvořit chytré pop-upy

Vytvořit účinné pop-upy začíná zaměřením na hodnotu, relevanci a načasování.

1. Hodnota pro uživatele

Jeden z nejdůležitějších tipů je vždy nabídnout hodnotu dřív, než požádáte o akci. Ještě než začnete řešit načasování nebo design, prvním cílem je vytvořit pop-up, který uživateli dá hodnotu. Uživatele pop-up zaujme, jen když mu něco přinese. Když v něm hodnotu nenajde, z webu odejde.

  • Nabídněte zdarma průvodce, šablonu, checklist nebo tipy související se stránkou, kterou čtou.

  • Upozornění na slevy, předčasný přístup nebo exkluzivní obsah může motivovat k zapojení.

  • Ukažte jim přínos nebo hodnotu, kterou ze sdělení v pop-upu získají.

2. Relevance obsahu

Soulad s obsahem je jedna z nejúčinnějších strategií optimalizace pop-upů. Je důležité zůstat pro uživatele relevantní a ukázat správné sdělení na správné stránce ve správný čas. Když pop-up působí jako přirozené pokračování cesty uživatele, zážitek nenaruší. Naopak upoutá pozornost a posune ho k akci.

  • Udělejte pop-up na stránce víc kontextový. Když někdo čte článek o marketingu na sociálních sítích, ukažte mu pop-up s bezplatnou sadou nástrojů pro sociální sítě nebo podrobným průvodcem, jak zvýšit zapojení.

  • Slaďte pop-up s cestou návštěvníka. Když uživatel doscrolluje za polovinu stránky, je jasné, že ho obsah zajímá. To může být správná chvíle na dobrou nabídku související s obsahem stránky.

  • Když se uživatelé snaží stránku opustit, udržte je pop-upem s nabídkou a zeptejte se, jestli opravdu chtějí odejít.

3. Relevance značky

Pop-up na vaší stránce musí vypadat jako pop-up vaší značky. Dodržování zásad designu pop-upů zajistí, že budou působit jako přirozená součást webu. Mnoho nástrojů na pop-upy nabízí pevné šablony. Vyberte nástroj, který vám pomůže vytvořit pop-upy v tónu a podle designu vaší značky. Musí vypadat, že jsou od vás, ne jako reklama jiné značky, která vyskočila na vašem webu.

  • Držte pop-up vizuálně v souladu s písmy a barvami webu.

  • Pokud je váš web hravý a konverzační, měl by takový být i pop-up. Držte stejný tón značky.

  • Použijte logo nebo vizuální prvky, které si návštěvníci spojují s vaší značkou, aby jim pop-up byl povědomý.

4. Načasování spouštění

Chytré načasování je jádrem tipů, které zvyšují zapojení místo míry opuštění. Když pop-up vyskočí pozdě, minul svůj účel. Když vyskočí ve špatnou chvíli, uživatele naštve. Měl by upoutat pozornost, aniž by návštěvníky dráždil.

  • Neukazujte pop-up hned, jak někdo přijde na web. Nechte ho nejdřív obsah poznat. Ideální je ukázat smysluplný pop-up 10 sekund po příchodu uživatele na web.

  • Pop-up ukažte až poté, co návštěvník projde 50 až 70 % stránky. Máte jistotu, že ho obsah zaujal a jen ho nepřelétl.

  • Pop-upy při odchodu spusťte, když se návštěvník chystá web opustit.

  • Nespouštějte víc pop-upů. Několik pop-upů rychle po sobě lidi silně odrazuje. Držte se jednoho na návštěvu.

5. Vzhled a čitelnost

Pop-upy jsou něco jiného než bannery. Některé weby ale zobrazují pop-upy široké jako bannery. Některé pop-upy pak zvědavost uživatele spíš otráví, než aby upoutaly pozornost. Design pop-upu je stejně důležitý jako jeho načasování. Čisté rozvržení a jasnost jsou základem dobrého designu pop-upů. Příliš složitý nebo přeplněný pop-up návštěvníky frustruje a hned ho zavřou. Zajistěte čistý pop-up s jednoduchým, ale účinným sdělením.

  • Držte se jednoduchého, minimalistického designu. Vyhněte se příliš mnoha obrázkům, písmům nebo barvám, které pop-up zaplní.

  • Návštěvníci nechtějí v pop-upu číst odstavec. Použijte méně slov, která předají celé sdělení.

  • Pop-up má mít vždy výzvu k akci. Tlačítko, na které mají uživatelé kliknout, musí být okamžitě vidět.

6. Kontrola uživatele

Když dáte uživatelům kontrolu nad pop-upem, spíš se zapojí na svých podmínkách. Respekt k volbě uživatele je jedna z nejsilnějších strategií optimalizace pop-upů. Uživatele nejvíc odrazuje pocit, že je k něčemu nutíte. Pokud pop-up uživatele uvězní nebo nedá snadnou možnost odejít, budou frustrovaní a web opustí.

  • Vždy přidejte do rohu zřetelné tlačítko „X“, aby uživatelé mohli pop-up zavřít, když je nezajímá.

  • Umožněte pop-up odložit, aby dočasně zmizel a po určité době se vrátil.

  • Místo toho, abyste návštěvníky nutili zadat e-mail, když chtějí pop-up zavřít, dejte jim možnost ho hned odmítnout.

7. Optimalizace pro mobily

Lidé váš web nenavštěvují jen na noteboocích. Pop-upy musí fungovat na obrazovce jakékoli velikosti. Responzivita je klíčová část tipů na pop-upy, které opravdu konvertují. Víc než polovina návštěvnosti webu přichází z mobilů, takže pop-upy musí na menších obrazovkách dobře vypadat i fungovat.

  • Zajistěte, aby se pop-up automaticky přizpůsobil velikosti obrazovky, od telefonů po tablety.

  • Místo překryvů přes celou obrazovku, které na mobilu působí zahlcujícím dojmem, používejte vysouvací pop-upy nebo pop-upy ve stylu banneru.

  • Zajistěte, aby tlačítko zavřít bylo velké a snadno se na něj klepalo.

Vytvářejte pop-upy s nástrojem Vyskakovací okna od WEMASY

Teď, když znáte nejlepší tipy na atraktivní a poutavé pop-upy, je čas je použít v praxi. Se správnými tipy a strategiemi optimalizace proměníte jednoduché pop-upy ve smysluplné nástroje pro konverze. Začněte je tvořit v nástroji Vyskakovací okna od WEMASY. Snadno navrhnete, upravíte a spustíte pop-upy, které přesně sedí na cíle vašeho webu. Vše bez technických znalostí a bez jediného řádku kódu. Vyzkoušejte to ještě dnes.

Více o výběru mezi pop-upy a bannery najdete v našem článku pop-upy vs. bannery. Jak A/B testování zlepší výsledky pop-upů, zjistíte v článku A/B testy pro váš web. Můžete si také přečíst, jak zajistit, aby design sloužil vašim cílům.

Často kladené otázky

Kdy je nejlepší ukázat pop-up na webu?

Počkejte aspoň 10 sekund po příchodu návštěvníka na stránku, nebo pop-up spusťte, až projde 50 až 70 procent obsahu. Máte tak jistotu, že je zapojený, než ho požádáte o pozornost. Pop-up hned po příchodu působí vtíravě a zvyšuje míru okamžitého opuštění.

Kolik pop-upů mám ukázat na jedné stránce?

Ideální limit je jeden pop-up na návštěvu. Víc pop-upů rychle po sobě návštěvníky frustruje a web pak působí jako spam. Pokud potřebujete předat víc sdělení, použijte na vedlejší sdělení banner a pop-up si nechte pro nejdůležitější akci.

Škodí pop-upy SEO mého webu?

Vtíravé pop-upy, které na mobilu zakrývají hlavní obsah, mohou zhoršit pozice ve vyhledávání. Vyhledávače penalizují stránky, kde pop-upy blokují obsah, kvůli kterému uživatelé přišli. Místo překryvů přes celou obrazovku, které se objeví hned, používejte pop-upy spouštěné časem, scrollováním nebo při odchodu. Nástroj Vyskakovací okna od WEMASY vám umožní tato nastavení snadno řídit.

Má pop-up odpovídat designu mého webu?

Ano. Pop-up, který nezapadá, narušuje důvěru. Použijte barvy, písma a tón své značky, aby pop-up působil jako přirozená součást webu. Když návštěvníci poznají, že pop-up patří k vaší značce, spíš se zapojí, místo aby ho hned zavřeli.

Co dělá pop-up při odchodu účinným?

Pop-up při odchodu funguje nejlépe, když nabídne něco, co návštěvník během návštěvy neviděl. Sleva na poslední chvíli, materiál zdarma nebo jednoduchá otázka, proč odchází, může získat zpět návštěvníky, které byste jinak ztratili. Sdělení držte krátké a akci jasnou.

Pomůže mi WEMASY vytvořit pop-upy bez kódování?

Ano. Nástroj Vyskakovací okna od WEMASY vám umožní navrhnout, upravit a spustit pop-upy bez psaní kódu. Spouštěče nastavíte podle času, hloubky scrollování nebo záměru odejít. Nástroj obsahuje i analytiku, takže sledujete, které pop-upy konvertují nejlépe, a optimalizujete podle skutečných dat.

Využijte to hned
na vlastním webu.

Začněte zdarma s WEMASY a postavte si web za pár minut.