Animované formuláře: automat na nové kontakty

Animovaný formulář je formulář pro sběr kontaktů, který se na vašem webu sám vysune nebo vyskočí, místo aby čekal, až si ho někdo všimne. Z našeho měření u několika zákazníků Quandy vychází, že získává až dvaapůlkrát víc kontaktů než formulář umístěný napevno. Běžný vyskakovací formulář promění v kontakt dva až pět lidí ze sta, kteří ho uvidí. Níže najdete, proč animace funguje, kdy formulář zobrazit, aby neobtěžoval, co na vyskakovací okna říká Google a jak animovaný formulář nastavit v Quandě bez programování.

V kostce

1. Podle měření u několika zákazníků Quandy získá animovaný formulář až dvaapůlkrát víc kontaktů než formulář umístěný napevno.
2. Průměrná konverze vyskakovacích formulářů je 2,1 % (Omnisend, 2025) až 4,82 % (Wisepops, 2026). V B2B kolem 2 %.
3. Nejlépe fungují formuláře, které se zobrazí po pár vteřinách nebo po odrolování, ne hned po načtení stránky.
4. Do tří polí se konverze téměř nemění, od čtyř výrazně klesá.
5. Google na mobilu trestá okna, která zakryjí obsah. Lišta nebo malé okno s křížkem jsou v pořádku.
6. V Quandě animovaný formulář vytvoříte a nasadíte bez programování, stačí vložit dva krátké kódy.

Stručně: co to je, kdy ho použít, co přináší a na co si dát pozor

• Co to je: formulář, který se na stránce sám objeví jako vyskakovací okno, vysouvací lišta nebo vysouvací okno.
• Kdy ho použít: všude, kde chcete oslovit i lidi, kteří na web přišli za něčím jiným. Typicky odběr novinek a lead magnet.
• Co přináší: víc nových kontaktů ze stejné návštěvnosti než formulář umístěný napevno.
• Na co si dát pozor: předem zaškrtnutý souhlas, web bez https a vyčerpaný limit kontaktů, který formuláře vypne.

Co se změnilo od vydání článku: Článek vyšel v květnu 2016. Doplnili jsme aktuální data o konverzi vyskakovacích formulářů za roky 2025 a 2026, srovnání podle načasování a počtu polí, pravidla Googlu pro mobilní web, zásady přístupnosti a souhlasu podle GDPR a postup nastavení v Quandě krok za krokem. Původní odhad „o 20 až 250 % víc kontaktů“ jsme nahradili zjištěním z našeho měření u několika zákazníků Quandy, že animované formuláře získávají až dvaapůlkrát víc kontaktů než formuláře umístěné napevno.

Co je animovaný formulář

Animovaný formulář je formulář pro sběr kontaktů, který se na webové stránce sám objeví ve chvíli, kterou určíte. Vyskočí uprostřed obrazovky nebo se vysune ze strany, shora či zdola. V češtině se mu říká také vyskakovací formulář, v angličtině pop-up.

Aktivní formulář je nástroj Quandy, ve kterém formulář navrhnete, nadesignujete tak, aby splynul s vaším webem, a vložíte ho na stránky. Když ho někdo vyplní, vytvoří se v Quandě nový kontakt. Aktivní formulář může být pevně umístěný nebo animovaný.

Pevně umístěný formulář je součástí stránky, třeba v patičce, v pravém sloupci nebo pod článkem, a čeká, až si ho návštěvník všimne. Animovaný formulář jde návštěvníkovi naproti.

Formulář můžete umístit na web bez nutnosti cokoliv na webu programovat nebo složitě nastavovat. A zvládnete to sami.

Proč animované formuláře fungují

Princip jejich efektivity spočívá v aktivním pohybu po stránce. Tím, že se formulář na stránce vysune nebo vyskočí, aniž by tuto akci uživatel webu sám způsobil, přitáhne na sebe velmi intenzivně pozornost. A když si formuláře uživatel všimne, máme šanci ho zaujmout atraktivním titulkem a dalším obsahem formuláře a přimět ho k registraci.

Na web přichází spousta lidí, kteří hned nenakoupí, nepošlou poptávku ani nezavolají. Podle globálního přehledu Dynamic Yield Conversion Rate Benchmarks za 12 měsíců do srpna 2026 dokončí nákup v e-shopu jen 2,71 % návštěv. Analytická služba Littledata naměřila ve vzorku 2 800 obchodů na Shopify za rok 2023 průměr 1,4 %. Zbylých zhruba 97 lidí ze sta odejde. Mnozí z nich by s vámi přitom rádi zůstali v kontaktu, jen k tomu potřebují jednoduchou příležitost. Přesně tu jim dává formulář.

Příklad z praxe: Cestovní kancelář Delfín travel měla na webu jednoduchý vysouvací formulář s nadpisem „Získejte informace o novinkách a zájezdech“ a jediným polem pro e-mail. V nejlepších dnech získal až 130 kontaktů za den a za zhruba pět let provozu přes 50 000 e-mailových adres. Je to extrém, cestovní kancelář má velkou návštěvnost. Ukazuje ale, co dokáže jednoduchý formulář, který se zobrazí ve správnou chvíli.

Co říkají data: konverze vyskakovacích formulářů

Konverze vyskakovacího formuláře je podíl lidí, kteří formulář po zobrazení vyplní. Počítá se jako počet získaných e-mailů vydělený počtem zobrazení formuláře.

Nejrozsáhlejší veřejná data zveřejňují dva nástroje pro vyskakovací okna a e-mailing, Wisepops a Omnisend. Oba měří jen formuláře pro sběr e-mailů a oba vycházejí z více než miliardy zobrazení.

Zdroj: Wisepops, Popup statistics 2026; Omnisend, Email popup statistics (aktualizace únor 2026); Sumo, Pop-up statistics (aktualizace duben 2019).

Obě čísla jsou průměry přes weby nejrůznějších oborů a velikostí. Pro odhad vašich čísel je důležitější obor:

V B2B tedy počítejte zhruba se dvěma kontakty na sto zobrazení. Pokud formulář na vašem webu vidí 2 000 lidí měsíčně, je to kolem 40 nových kontaktů za měsíc ze stejné návštěvnosti, za kterou už platíte.

Data také ukazují, co konverzi zvyšuje. Podle Wisepops mají formuláře s obrázkem konverzi 5,71 % proti 3,98 % bez obrázku a vícekrokové formuláře 5,17 % proti 4,62 % u jednokrokových. Podle Omnisendu zvedne nabídka slevy konverzi z 1,7 na 2,4 %.

Pozor na srovnání s pevně umístěným formulářem: Veřejná data, která by spolehlivě porovnávala vyskakovací a pevně umístěné formuláře, jsme nenašli. Čísla „vyskakovací okna mají X krát vyšší konverzi“, která kolují po internetu, pocházejí z nedoložených přehledů. Údaj o dvaapůlnásobku výše vychází z našeho měření u několika zákazníků Quandy, ne z veřejné studie.

Kdy má formulář vyskočit

Okamžik zobrazení rozhoduje o tom, jestli formulář návštěvníka zaujme nebo naštve. Formulář, který vyskočí na první vteřinu návštěvy přes celý článek, většinu lidí odradí dřív, než si stihnou přečíst nadpis.

Omnisend vidí optimum mezi 6 a 10 sekundami, Wisepops mezi 11 a 15 sekundami (6,45 %). Shodují se v tom, že formulář zobrazený hned po načtení stránky funguje hůř než formulář, který nechá návštěvníka chvíli číst. Podle Omnisendu ale nepomáhá ani dlouhé čekání, po 16 a více sekundách konverze klesá na 1,8 až 1,9 %. Nielsen Norman Group, která se věnuje použitelnosti webu, v článku Popups: 10 Problematic Trends and Alternatives z roku 2019 doporučuje nezobrazovat vyskakovací okno dřív, než člověk z webu získá nějakou hodnotu.

Zajímavé je i srovnání podle zařízení. Wisepops naměřil na mobilu konverzi 4,98 % proti 3,67 % na počítači, Omnisend u formulářů jen pro mobil 2,2 % proti 1,4 % jen pro počítač. Mobil se tedy vyplatí, jen na něm musí být formulář šetrný.

Kolik polí má formulář mít

Do tří polí se počet vyplnění téměř nemění, od čtvrtého pole výrazně klesá. V drtivé většině případů si vystačíte s jedním polem, a to je e-mailová adresa.

Mezi jedním a třemi poli je rozdíl malý, od čtvrtého pole konverze padá. Wisepops přitom naměřil nejlepší výsledky u tří polí. Rozumný kompromis je e-mail a nanejvýš jméno. Další údaje, třeba obor nebo velikost firmy, získáte později. Řada zákazníků Quandy přidá do e-mailu s poděkováním odkaz na krátký dotazník. Ne každý ho vyplní, ale kdo ano, řekne vám víc než jakékoli povinné pole.

Tři věci, které rozhodují o počtu kontaktů

Kolik kontaktů formulář získá, ovlivňují tři věci.

1. Stránka a její návštěvnost. Když na stránku chodí tisíc lidí týdně, má formulář jiný potenciál, než když jich chodí pět. Lidé navíc nepřicházejí jen přes úvodní stránku, proto formuláře patří i na nejčtenější články a produktové stránky.
2. Co nabídnete výměnou za kontakt. Formulář by měl stránku doplňovat a rozšiřovat. Pod článkem o předmětu e-mailu funguje příručka s příklady předmětů, na stránce zájezdů novinky o zájezdech. Jak takovou nabídku postavit, popisuje článek Lead magnety v B2B marketingu.
3. Samotný formulář. Jednoduchý, hezky navržený, s atraktivním titulkem. Musí být jasné, komu e-mail dávám a co se stane, když kliknu na tlačítko.

Tip: Na každou důležitou stránku dejte formulář s nabídkou, která se jí týká, a každému dejte vlastní štítek. Ve Vyplněných formulářích pak uvidíte, které místo na webu přivádí nejvíc kontaktů.

Animované formuláře a Google

Rušivá vyskakovací okna jsou prvky stránky, které zakryjí obsah, obvykle kvůli propagaci. Google o nich ve své dokumentaci pro vyhledávání píše, že mohou vést k horším výsledkům ve vyhledávání. Pravidlo platí od ledna 2017 pro mobilní stránky a dokumentace je aktuální i v roce 2026.

Zdroj: Google Search Central, Avoid intrusive interstitials and dialogs (aktualizace prosinec 2025); oznámení Googlu ze srpna 2016.

Google přitom výslovně uvádí přihlášení k newsletteru jako vhodné použití malé lišty. Na mobilu proto volte vysouvací lištu nebo vysouvací okno, které obsah nezakryje. Velké vyskakovací okno nechte pro počítač a zobrazte ho až po odrolování.

Přístupnost a GDPR

Formulář, který vyskočí, musí jít zavřít každému. Pravidla přístupnosti WCAG 2.2 vyžadují, aby se člověk ovládající web klávesnicí z okna dostal ven a aby okno nezakrylo prvek, na kterém má právě kurzor. Ovládací prvky, včetně křížku, mají mít aspoň 24 × 24 pixelů. Od 28. června 2025 se v EU navíc uplatňuje evropský akt o přístupnosti, který se týká mimo jiné e-shopů. Proto u animovaného formuláře vždy zapněte křížek pro zavření.

Pozor: Políčko se souhlasem musí návštěvník zaškrtnout sám. Předem zaškrtnuté políčko podle GDPR souhlas nezakládá, potvrdil to i Soudní dvůr EU v rozsudku Planet49 z října 2019. Plné znění souhlasu dejte na web a z formuláře na něj odkažte. Tento článek není právní rada.

Stažení e-booku samo o sobě neopravňuje k dalšímu marketingovému oslovování. Pokud chcete lidem posílat i newsletter, nabídněte ve formuláři samostatné políčko se souhlasem. Ověření, že adresa patří tomu, kdo formulář vyplnil, zajistí double opt-in. Co musí souhlas obsahovat, popisuje článek Marketing vs. GDPR.

Jak vytvořit animovaný formulář v Quandě

Aktivní formulář s animací vytvoříte v Quandě za zhruba půl hodiny. Quanda vás provede stranami nastavení, obsahu, designu, animace, automatizací a vložení kódu. Formuláře s animací obsahuje každý balíček na míru od balíčku Standard výš.

1. V horním menu otevřete Aktivní formuláře a zvolte Vytvořit nový formulář. Formulář pojmenujte a zvolte, co se stane po jeho odeslání.
2. Na straně obsahu nechte pole pro e-mailovou adresu, přidejte jen údaje, které opravdu použijete, a nezaškrtnuté políčko se souhlasem.
3. Na straně Design nastavte barvy, písmo a zaoblení podle svého webu, aby formulář působil jako jeho součást.
4. Na straně Animace posuvným tlačítkem povolte animaci a zvolte vyskakovací okno, vysouvací lištu nebo vysouvací okno a místo na obrazovce.
5. Nastavte okamžik zobrazení: po načtení stránky, s časovým odstupem nebo po odrolování na konkrétní místo. V pokročilém nastavení zapněte křížek pro zavření.
6. V automatizacích přidejte kontaktům štítek, případně e-mail s poděkováním a upozornění pro sebe nebo kolegu.
7. Na straně Vložit kód zkopírujte kód pro aktivaci do hlavičky webu a kód pro zobrazení na místo, kde se má formulář objevit. Pak formulář sami vyplňte a zkontrolujte, že kontakt dorazil.

Pokud vám přednastavená animace nevyhovuje, upravíte si odsazení, typ animace i její rychlost. V pokročilém nastavení najdete také automatické zavření při nečinnosti a ztmavení pozadí. Má-li formulář vyskočit po odrolování, vložte kód pro zobrazení přesně na to místo ve zdrojovém kódu stránky.

Pozor: Formulář funguje jen na webu se zabezpečeným protokolem https. Hlídejte také limit kontaktů svého tarifu. Když v něm dojde místo, Quanda všechny aktivní formuláře na webu vypne.

Postup s obrázky najdete v návodech Jak vytvořit a nastavit aktivní formulář, Animace formuláře a Vložení kódu formuláře. Co všechno umí automatizace po vyplnění, popisuje článek Jak využít automatizace formulářů naplno.

Jak nastavit animaci, aby neobtěžovala

Animace je silný nástroj a jako každý silný nástroj se dá přehnat. Než formulář spustíte, projděte si tento seznam.

Kontrolní seznam animovaného formuláře

• Formulář se nezobrazí dřív než po pár vteřinách nebo po odrolování.
• Křížek pro zavření je dobře vidět.
• Na mobilu je zvolená vysouvací lišta nebo malé vysouvací okno.
• Titulek říká, co člověk za e-mail dostane.
• Ve formuláři je jen e-mail, případně jméno.
• Políčko se souhlasem není předem zaškrtnuté.
• Je zapnutý zákaz opakovaného vyplnění, takže kdo formulář jednou vyplnil, tomu se už znovu nezobrazí.
• Formulář má vlastní štítek a e-mail s poděkováním.
• Po dvou týdnech se podíváte do Vyplněných formulářů a podle výsledků upravíte čas zobrazení nebo typ animace.

Nastavení není jednorázové rozhodnutí. Zkuste jednu variantu, změřte ji a pak zkuste jinou. Nula vyplnění po úpravách webu bývá prvním příznakem, že se ztratil kód pro zobrazení.

Závěrem: postavte si automat na kontakty

Animovaný formulář je jeden z nejlevnějších způsobů, jak z návštěvnosti, za kterou už platíte, získat víc kontaktů. Stačí mu dát dobrou nabídku, zobrazit ho ve správnou chvíli a nechat ho pracovat.

Celou cestu od prvního formuláře po lead magnet vás provede online kurz Získávání kontaktů: formuláře a lead magnety. Pokud si nevíte rady, napište nám na support@onquanda.com nebo zavolejte na +420 605 163 892. Nastavení formuláře můžeme projít i společně na konzultaci zdarma.

Držím vám palce
Jan Spáčil