Animované formuláre: automat na nové kontakty

Animovaný formulár je formulár na zber kontaktov, ktorý sa na vašom webe sám vysunie alebo vyskočí namiesto toho, aby čakal, kým si ho niekto všimne. Z nášho merania u niekoľkých zákazníkov Quandy vychádza, že získava až dva a pol krát viac kontaktov než formulár umiestnený napevno. Bežný vyskakovací formulár premení na kontakt dvoch až piatich ľudí zo sto, ktorí ho uvidia. Nižšie nájdete, prečo animácia funguje, kedy formulár zobraziť, aby neobťažoval, čo na vyskakovacie okná hovorí Google a ako animovaný formulár nastaviť v Quande bez programovania.

V skratke

1. Podľa merania u niekoľkých zákazníkov Quandy získa animovaný formulár až dva a pol krát viac kontaktov než formulár umiestnený napevno.
2. Priemerná konverzia vyskakovacích formulárov je 2,1 % (Omnisend, 2025) až 4,82 % (Wisepops, 2026). V B2B okolo 2 %.
3. Najlepšie fungujú formuláre, ktoré sa zobrazia po pár sekundách alebo po odrolovaní, nie hneď po načítaní stránky.
4. Do troch polí sa konverzia takmer nemení, od štyroch výrazne klesá.
5. Google na mobile trestá okná, ktoré zakryjú obsah. Lišta alebo malé okno s krížikom sú v poriadku.
6. V Quande animovaný formulár vytvoríte a nasadíte bez programovania, stačí vložiť dva krátke kódy.

Stručne: čo to je, kedy ho použiť, čo prináša a na čo si dať pozor

• Čo to je: formulár, ktorý sa na stránke sám objaví ako vyskakovacie okno, vysúvacia lišta alebo vysúvacie okno.
• Kedy ho použiť: všade, kde chcete osloviť aj ľudí, ktorí na web prišli za niečím iným. Typicky odber noviniek a lead magnet.
• Čo prináša: viac nových kontaktov z rovnakej návštevnosti než formulár umiestnený napevno.
• Na čo si dať pozor: vopred zaškrtnutý súhlas, web bez https a vyčerpaný limit kontaktov, ktorý formuláre vypne.

Čo sa zmenilo od vydania článku: Článok vyšiel v júli 2021. Doplnili sme aktuálne dáta o konverzii vyskakovacích formulárov za roky 2025 a 2026, porovnanie podľa načasovania a počtu polí, pravidlá Googlu pre mobilný web, zásady prístupnosti a súhlasu podľa GDPR a postup nastavenia v Quande krok za krokom. Pôvodný odhad „o 20 až 250 % viac kontaktov“ sme nahradili zistením z nášho merania u niekoľkých zákazníkov Quandy, že animované formuláre získavajú až dva a pol krát viac kontaktov než formuláre umiestnené napevno.

Čo je animovaný formulár

Animovaný formulár je formulár na zber kontaktov, ktorý sa na webovej stránke sám objaví vo chvíli, ktorú určíte. Vyskočí uprostred obrazovky alebo sa vysunie zo strany, zhora či zdola. Po slovensky sa mu hovorí aj vyskakovací formulár, po anglicky pop-up.

Aktívny formulár je nástroj Quandy, v ktorom formulár navrhnete, nadizajnujete tak, aby splynul s vaším webom, a vložíte ho na stránky. Keď ho niekto vyplní, vytvorí sa v Quande nový kontakt. Aktívny formulár môže byť pevne umiestnený alebo animovaný.

Pevne umiestnený formulár je súčasťou stránky, napríklad v pätičke, v pravom stĺpci alebo pod článkom, a čaká, kým si ho návštevník všimne. Animovaný formulár ide návštevníkovi naproti.

Formulár môžete umiestniť na web bez nutnosti čokoľvek na webe programovať alebo zložito nastavovať. A zvládnete to sami.

Prečo animované formuláre fungujú

Princíp ich efektivity spočíva v aktívnom pohybe po stránke. Tým, že sa formulár na stránke vysunie alebo vyskočí bez toho, aby túto akciu používateľ webu sám spôsobil, pritiahne na seba veľmi intenzívne pozornosť. A keď si formulár používateľ všimne, máme šancu zaujať ho atraktívnym titulkom a ďalším obsahom formulára a priviesť ho k registrácii.

Na web prichádza veľa ľudí, ktorí hneď nenakúpia, nepošlú dopyt ani nezavolajú. Podľa globálneho prehľadu Dynamic Yield Conversion Rate Benchmarks za 12 mesiacov do augusta 2026 dokončí nákup v e-shope len 2,71 % návštev. Analytická služba Littledata namerala vo vzorke 2 800 obchodov na Shopify za rok 2023 priemer 1,4 %. Zvyšných zhruba 97 ľudí zo sto odíde. Mnohí z nich by s vami pritom radi zostali v kontakte, len na to potrebujú jednoduchú príležitosť. Presne tú im dáva formulár.

Príklad z praxe: Cestovná kancelária Delfín travel mala na webe jednoduchý vysúvací formulár s nadpisom „Získajte informácie o novinkách a zájazdoch“ a jediným poľom na e-mail. V najlepších dňoch získal až 130 kontaktov za deň a za zhruba päť rokov prevádzky vyše 50 000 e-mailových adries. Je to extrém, cestovná kancelária má veľkú návštevnosť. Ukazuje ale, čo dokáže jednoduchý formulár, ktorý sa zobrazí v správnej chvíli.

Čo hovoria dáta: konverzia vyskakovacích formulárov

Konverzia vyskakovacieho formulára je podiel ľudí, ktorí formulár po zobrazení vyplnia. Počíta sa ako počet získaných e-mailov vydelený počtom zobrazení formulára.

Najrozsiahlejšie verejné dáta zverejňujú dva nástroje na vyskakovacie okná a e-mailing, Wisepops a Omnisend. Oba merajú len formuláre na zber e-mailov a oba vychádzajú z viac než miliardy zobrazení.

Zdroj: Wisepops, Popup statistics 2026; Omnisend, Email popup statistics (aktualizácia február 2026); Sumo, Pop-up statistics (aktualizácia apríl 2019).

Obe čísla sú priemery naprieč webmi najrôznejších odborov a veľkostí. Na odhad vašich čísel je dôležitejší odbor:

V B2B teda počítajte zhruba s dvoma kontaktmi na sto zobrazení. Ak formulár na vašom webe vidí 2 000 ľudí mesačne, je to okolo 40 nových kontaktov za mesiac z rovnakej návštevnosti, za ktorú už platíte.

Dáta tiež ukazujú, čo konverziu zvyšuje. Podľa Wisepops majú formuláre s obrázkom konverziu 5,71 % oproti 3,98 % bez obrázka a viackrokové formuláre 5,17 % oproti 4,62 % pri jednokrokových. Podľa Omnisendu zvýši ponuka zľavy konverziu z 1,7 na 2,4 %.

Pozor na porovnanie s pevne umiestneným formulárom: Verejné dáta, ktoré by spoľahlivo porovnávali vyskakovacie a pevne umiestnené formuláre, sme nenašli. Čísla „vyskakovacie okná majú X krát vyššiu konverziu“, ktoré kolujú po internete, pochádzajú z nedoložených prehľadov. Údaj o dva a pol násobku vyššie vychádza z nášho merania u niekoľkých zákazníkov Quandy, nie z verejnej štúdie.

Kedy má formulár vyskočiť

Okamih zobrazenia rozhoduje o tom, či formulár návštevníka zaujme alebo nahnevá. Formulár, ktorý vyskočí v prvej sekunde návštevy cez celý článok, väčšinu ľudí odradí skôr, než si stihnú prečítať nadpis.

Omnisend vidí optimum medzi 6 a 10 sekundami, Wisepops medzi 11 a 15 sekundami (6,45 %). Zhodujú sa v tom, že formulár zobrazený hneď po načítaní stránky funguje horšie než formulár, ktorý nechá návštevníka chvíľu čítať. Podľa Omnisendu ale nepomáha ani dlhé čakanie, po 16 a viac sekundách konverzia klesá na 1,8 až 1,9 %. Nielsen Norman Group, ktorá sa venuje použiteľnosti webu, v článku Popups: 10 Problematic Trends and Alternatives z roku 2019 odporúča nezobrazovať vyskakovacie okno skôr, než človek z webu získa nejakú hodnotu.

Zaujímavé je aj porovnanie podľa zariadenia. Wisepops nameral na mobile konverziu 4,98 % oproti 3,67 % na počítači, Omnisend pri formulároch len pre mobil 2,2 % oproti 1,4 % len pre počítač. Mobil sa teda oplatí, len na ňom musí byť formulár šetrný.

Koľko polí má formulár mať

Do troch polí sa počet vyplnení takmer nemení, od štvrtého poľa výrazne klesá. V drvivej väčšine prípadov si vystačíte s jedným poľom, a to je e-mailová adresa.

Medzi jedným a tromi poľami je rozdiel malý, od štvrtého poľa konverzia padá. Wisepops pritom nameral najlepšie výsledky pri troch poliach. Rozumný kompromis je e-mail a nanajvýš meno. Ďalšie údaje, napríklad odbor alebo veľkosť firmy, získate neskôr. Mnoho zákazníkov Quandy pridá do e-mailu s poďakovaním odkaz na krátky dotazník. Nie každý ho vyplní, ale kto áno, povie vám viac než akékoľvek povinné pole.

Tri veci, ktoré rozhodujú o počte kontaktov

Koľko kontaktov formulár získa, ovplyvňujú tri veci.

1. Stránka a jej návštevnosť. Keď na stránku chodí tisíc ľudí týždenne, má formulár iný potenciál, než keď ich chodí päť. Ľudia navyše neprichádzajú len cez úvodnú stránku, preto formuláre patria aj na najčítanejšie články a produktové stránky.
2. Čo ponúknete výmenou za kontakt. Formulár by mal stránku dopĺňať a rozširovať. Pod článkom o predmete e-mailu funguje príručka s príkladmi predmetov, na stránke zájazdov novinky o zájazdoch. Ako takú ponuku postaviť, opisuje článok Lead magnety v B2B marketingu.
3. Samotný formulár. Jednoduchý, pekne navrhnutý, s atraktívnym titulkom. Musí byť jasné, komu e-mail dávam a čo sa stane, keď kliknem na tlačidlo.

Tip: Na každú dôležitú stránku dajte formulár s ponukou, ktorá sa jej týka, a každému dajte vlastný štítok. Vo Vyplnených formulároch potom uvidíte, ktoré miesto na webe privádza najviac kontaktov.

Animované formuláre a Google

Rušivé vyskakovacie okná sú prvky stránky, ktoré zakryjú obsah, obvykle kvôli propagácii. Google o nich vo svojej dokumentácii pre vyhľadávanie píše, že môžu viesť k horším výsledkom vo vyhľadávaní. Pravidlo platí od januára 2017 pre mobilné stránky a dokumentácia je aktuálna aj v roku 2026.

Zdroj: Google Search Central, Avoid intrusive interstitials and dialogs (aktualizácia december 2025); oznámenie Googlu z augusta 2016.

Google pritom výslovne uvádza prihlásenie na odber newslettera ako vhodné použitie malej lišty. Na mobile preto voľte vysúvaciu lištu alebo vysúvacie okno, ktoré obsah nezakryje. Veľké vyskakovacie okno nechajte pre počítač a zobrazte ho až po odrolovaní.

Prístupnosť a GDPR

Formulár, ktorý vyskočí, musí ísť zavrieť každému. Pravidlá prístupnosti WCAG 2.2 vyžadujú, aby sa človek ovládajúci web klávesnicou z okna dostal von a aby okno nezakrylo prvok, na ktorom má práve kurzor. Ovládacie prvky vrátane krížika majú mať aspoň 24 × 24 pixelov. Od 28. júna 2025 sa v EÚ navyše uplatňuje európsky akt o prístupnosti, ktorý sa týka okrem iného e-shopov. Preto pri animovanom formulári vždy zapnite krížik na zatvorenie.

Pozor: Políčko so súhlasom musí návštevník zaškrtnúť sám. Vopred zaškrtnuté políčko podľa GDPR súhlas nezakladá, potvrdil to aj Súdny dvor EÚ v rozsudku Planet49 z októbra 2019. Plné znenie súhlasu dajte na web a z formulára naň odkážte. Tento článok nie je právna rada.

Stiahnutie e-booku samo osebe neoprávňuje na ďalšie marketingové oslovovanie. Ak chcete ľuďom posielať aj newsletter, ponúknite vo formulári samostatné políčko so súhlasom. Overenie, že adresa patrí tomu, kto formulár vyplnil, zabezpečí double opt-in. Čo musí súhlas obsahovať, opisuje článok Marketing vs. GDPR.

Ako vytvoriť animovaný formulár v Quande

Aktívny formulár s animáciou vytvoríte v Quande zhruba za pol hodiny. Quanda vás prevedie stranami nastavení, obsahu, dizajnu, animácie, automatizácií a vloženia kódu. Formuláre s animáciou obsahuje každý balíček na mieru od balíčka Standard vyššie.

1. V hornom menu otvorte Aktívne formuláre a zvoľte Vytvoriť nový formulár. Formulár pomenujte a zvoľte, čo sa stane po jeho odoslaní.
2. Na strane obsahu nechajte pole pre e-mailovú adresu, pridajte len údaje, ktoré naozaj použijete, a nezaškrtnuté políčko so súhlasom.
3. Na strane Dizajn nastavte farby, písmo a zaoblenie podľa svojho webu, aby formulár pôsobil ako jeho súčasť.
4. Na strane Animácia posuvným tlačidlom povoľte animáciu a zvoľte vyskakovacie okno, vysúvaciu lištu alebo vysúvacie okno a miesto na obrazovke.
5. Nastavte okamih zobrazenia: po načítaní stránky, s časovým odstupom alebo po odrolovaní na konkrétne miesto. V pokročilom nastavení zapnite krížik na zatvorenie.
6. V automatizáciách pridajte kontaktom štítok, prípadne e-mail s poďakovaním a upozornenie pre seba alebo kolegu.
7. Na strane Vložiť kód skopírujte kód na aktiváciu do hlavičky webu a kód na zobrazenie na miesto, kde sa má formulár objaviť. Potom formulár sami vyplňte a skontrolujte, že kontakt dorazil.

Ak vám prednastavená animácia nevyhovuje, upravíte si odsadenie, typ animácie aj jej rýchlosť. V pokročilom nastavení nájdete aj automatické zatvorenie pri nečinnosti a stmavenie pozadia. Ak má formulár vyskočiť po odrolovaní, vložte kód na zobrazenie presne na to miesto v zdrojovom kóde stránky.

Pozor: Formulár funguje len na webe so zabezpečeným protokolom https. Strážte aj limit kontaktov svojho tarifu. Keď v ňom dôjde miesto, Quanda všetky aktívne formuláre na webe vypne.

Postup s obrázkami nájdete v návodoch Ako vytvoriť a nastaviť aktívny formulár, Animácia formulára a Vloženie kódu formulára. Čo všetko dokážu automatizácie po vyplnení, opisuje návod Automatizácia vo formulári.

Ako nastaviť animáciu, aby neobťažovala

Animácia je silný nástroj a ako každý silný nástroj sa dá preháňať. Než formulár spustíte, prejdite si tento zoznam.

Kontrolný zoznam animovaného formulára

• Formulár sa nezobrazí skôr než po pár sekundách alebo po odrolovaní.
• Krížik na zatvorenie je dobre vidieť.
• Na mobile je zvolená vysúvacia lišta alebo malé vysúvacie okno.
• Titulok hovorí, čo človek za e-mail dostane.
• Vo formulári je len e-mail, prípadne meno.
• Políčko so súhlasom nie je vopred zaškrtnuté.
• Je zapnutý zákaz opakovaného vyplnenia, takže kto formulár raz vyplnil, tomu sa už znova nezobrazí.
• Formulár má vlastný štítok a e-mail s poďakovaním.
• Po dvoch týždňoch sa pozriete do Vyplnených formulárov a podľa výsledkov upravíte čas zobrazenia alebo typ animácie.

Nastavenie nie je jednorazové rozhodnutie. Skúste jednu variantu, zmerajte ju a potom skúste inú. Nula vyplnení po úpravách webu býva prvým príznakom, že sa stratil kód na zobrazenie.

Na záver: postavte si automat na kontakty

Animovaný formulár je jeden z najlacnejších spôsobov, ako z návštevnosti, za ktorú už platíte, získať viac kontaktov. Stačí mu dať dobrú ponuku, zobraziť ho v správnej chvíli a nechať ho pracovať.

Celou cestou od prvého formulára po lead magnet vás prevedie online kurz Získavanie kontaktov: formuláre a lead magnety. Ak si neviete rady, napíšte nám na support@onquanda.com alebo zavolajte na +420 605 163 892. Nastavenie formulára môžeme prejsť aj spoločne na konzultácii zdarma.

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