Vytváření a umístění vysouvacích formulářů

Published: 16. července 2026 · Last updated: 21. července 2026 · By Marcus Biel

Vysouvací formulář je kompaktní registrační formulář, který se zobrazí u okraje nebo na vybraném místě okna prohlížeče.

Přitahuje více pozornosti než formulář umístěný přímo na stránce a zároveň překrývá menší část webu než centrovaný vyskakovací formulář. Vysouvací formuláře se dobře hodí pro připomenutí odběru newsletteru, slevy, aktualizace produktů a krátké nabídky, které mají zůstat viditelné, zatímco návštěvník čte stránku.

Tato příručka vysvětluje nastavení specifická pro vysouvací formuláře. Společné funkce rozvržení, obsahu, polí, štítků, typografie, vrstev a registračních procesů jsou popsány v hlavní příručce nástroje pro tvorbu registračních formulářů.

Vytvoření vysouvacího formuláře

Otevřete „Signup Forms“, klikněte na „Create Form“ a vyberte „Slide-in“. Zadejte jasný interní název a pokračujte do nástroje pro tvorbu formuláře.

Existující vysouvací formulář můžete upravit také kliknutím na jeho název v přehledu registračních formulářů.

Použijte například název „Blog Newsletter Slide-in“, „New Product Reminder“ nebo „Summer Coupon Slide-in“. Interní název vám pomáhá formulář spravovat a návštěvníkům se automaticky nezobrazuje.

Výběr šablony vysouvacího formuláře

Vysouvací formuláře nabízejí prázdný formulář, standardní formulář a čtyři navržené šablony:

• Čisté připomenutí
• Tmavá nabídka
• Teplý kupon
• Minimalistická poznámka

Šablony jsou navrženy pro stručná sdělení, ale každý prvek lze dále upravovat. Po výběru výchozí šablony můžete změnit obsah, pole, barvy, typografii, ohraničení, mezery i tlačítko pro odeslání.

Návrh vysouvacího formuláře

Pomocí vizuálního nástroje uspořádejte vysouvací formulář. Může obsahovat registrační formulář spolu s textem, obrázkem, videem, seznamem, tlačítkem, odkazy na sociální sítě, počítadlem odběratelů, prázdným prostorem nebo oddělovačem.

Prostor je omezenější než na vstupní stránce nebo v širokém vloženém formuláři. Nabídku udržujte zaměřenou a nepřidávejte obsah, kvůli kterému by návštěvníci museli hledat pole nebo tlačítko pro odeslání.

Vyberte blok registračního formuláře a nakonfigurujte pole, povinné údaje, skryté štítky, indikátor průběhu, počítadlo odběratelů, vstupní pole a tlačítko pro odeslání. Otevřete „Page settings“ a změňte pozadí vysouvacího formuláře i výchozí nastavení jeho vzhledu.

Rozvržení s jedním sloupcem je obvykle nejpřehlednější. Pokud použijete více sloupců, pečlivě ověřte, jak se zobrazí na úzkých obrazovkách.

Výběr pozice na obrazovce

Vyberte blok registračního formuláře a otevřete „Widget Settings“. Výběr pozice nabízí mřížku tři krát tři:

• Vlevo nahoře, uprostřed nahoře nebo vpravo nahoře
• Vlevo uprostřed, uprostřed nebo vpravo uprostřed
• Vlevo dole, uprostřed dole nebo vpravo dole

Zvolte pozici, která nezakryje důležité ovládací prvky webu. Před rozhodnutím zkontrolujte upozornění na cookies, chatovací widgety, navigaci, tlačítka nákupního košíku a další pevně umístěné prvky.

Na úzkých mobilních obrazovkách Maildroppa umístění zjednoduší, aby se vysouvací formulář vešel do dostupné šířky. Pozice nahoře zůstanou nahoře; ostatní pozice se zobrazí od dolního okraje. Výsledek vždy otestujte na malé obrazovce a nespoléhejte se pouze na pozici pro počítače.

Nastavení prodlevy zobrazení

„Display Delay“ určuje, kolik sekund Maildroppa počká, než zobrazí vysouvací formulář na stránce vložené do webu.

Použijte 0, pokud má být vysouvací formulář k dispozici okamžitě. Zadejte delší prodlevu, pokud chcete návštěvníkům nejprve umožnit interakci se stránkou. Nástroj pro tvorbu formuláře přijímá prodlevu až 86 400 sekund.

Krátká prodleva může dobře fungovat u jednoduchého připomenutí odběru newsletteru. U delšího článku může pozdější zobrazení působit přirozeněji a nabídka může být relevantnější pro zaujaté čtenáře.

Nastavení frekvence zobrazení

„Display Frequency“ určuje období, po jehož uplynutí lze vysouvací formulář stejnému návštěvníkovi znovu zobrazit. Můžete vybrat:

• Vždy
• Jednou za hodinu
• Jednou denně
• Jednou týdně
• Jednou měsíčně

Použijte frekvenci odpovídající nabídce. Dočasná propagace může vyžadovat kratší interval, zatímco obecné připomenutí newsletteru se obvykle nemusí zobrazovat při každé návštěvě.

Frekvence se ukládá v prohlížeči návštěvníka. Jiný prohlížeč, anonymní okno nebo vymazané úložiště prohlížeče se považují za jinou historii návštěv.

Propojení registračního procesu

V záhlaví nástroje pro tvorbu formuláře zkontrolujte přiřazený registrační proces. Určuje reakci po odeslání, e-mail s dvojitým potvrzením odběru a to, co se stane po potvrzení.

Můžete vybrat existující proces, upravit aktuální proces nebo vytvořit proces přímo pro tento vysouvací formulář. Pokud jeden proces sdílí několik formulářů, změny se projeví u všech.

Náhled a uložení

Kliknutím na „Preview“ zkontrolujte vysouvací formulář před jeho přidáním na web. Ověřte vybranou pozici, chování při otevření, pořadí polí, ovládací prvek pro zavření a kompletní reakci po registraci.

Jakmile jsou formulář a nastavení widgetu připravené, klikněte na „Save changes“. Poté se vraťte do přehledu registračních formulářů.

Aktivace a vložení vysouvacího formuláře

Pokud vysouvací formulář ještě není aktivní, aktivujte jej v nabídce akcí se třemi tečkami. Klikněte na „Show Code Snippet“ a zkopírujte celý kód z karty „JavaScript“.

Tento skript přidejte na každou stránku webu, na které má být vysouvací formulář k dispozici. Na rozdíl od vloženého formuláře přesné umístění skriptu na stránce neurčuje viditelnou pozici vysouvacího formuláře. O jeho zobrazení rozhoduje pozice zvolená v nastavení widgetu.

Karta „HTML“ poskytuje vygenerovaný kód pro vlastní implementace. Pokud tuto možnost používáte, pečlivě otestujte celou interakci a proces odeslání.

Obecné pokyny k umístění kódu najdete v příručce Vytváření a vkládání vloženého formuláře.

Testování vysouvacího formuláře na webu

Po přidání kódu otestujte skutečnou stránku webu:

1. Ověřte, že se vysouvací formulář zobrazí po zvolené prodlevě.
2. Potvrďte jeho pozici na široké obrazovce.
3. Na úzké obrazovce zkontrolujte upravenou pozici a šířku.
4. Ujistěte se, že nezakrývá navigaci, ovládací prvky cookies, tlačítka chatu ani jiné důležité akce.
5. Otestujte otevření a zavření vysouvacího formuláře.
6. Odešlete formulář a dokončete proces dvojitého potvrzení odběru.
7. Ověřte odběratele a skryté štítky v Maildroppa.

Nastavení frekvence může zabránit opětovnému zobrazení formuláře během opakovaných testů. Pokud potřebujete simulovat nového návštěvníka, použijte anonymní okno nebo vymažte příslušné úložiště prohlížeče.

Aktualizace nebo deaktivace vysouvacího formuláře

Otevřete stejný vysouvací formulář v Maildroppa, proveďte změny, zobrazte jejich náhled a klikněte na „Save changes“. Úryvek JavaScriptu nadále používá stejné ID formuláře a načte uloženou konfiguraci.

Když chcete vysouvací formulář dočasně vyřadit z provozu bez jeho smazání, zvolte v přehledu registračních formulářů možnost „Deactivate“. Pokud jej už na webu neplánujete používat, odstraňte z něj také skript.