Vytváranie a umiestnenie vysúvacích formulárov

Published: 16. júla 2026 · Last updated: 21. júla 2026 · By Marcus Biel

Vysúvací formulár je kompaktný registračný formulár, ktorý sa zobrazí na okraji alebo vo vybranej časti okna prehliadača.

Priťahuje viac pozornosti než formulár umiestnený priamo na stránke a zároveň zakrýva menšiu časť webu než centrované vyskakovacie okno. Vysúvacie formuláre sa hodia na pripomenutia newslettera, zľavy, aktualizácie produktov a krátke ponuky, ktoré majú zostať viditeľné, kým návštevník číta stránku.

Táto príručka vysvetľuje nastavenia špecifické pre vysúvacie formuláre. Bežné funkcie rozloženia, obsahu, polí, značiek, typografie, vrstiev a registračného procesu sú popísané v hlavnej príručke Tvorca registračných formulárov.

Vytvorenie vysúvacieho formulára

Otvorte „Signup Forms“, kliknite na „Create Form“ a vyberte „Slide-in“. Zadajte jasný interný názov a pokračujte do tvorcu.

Existujúci vysúvací formulár môžete upraviť aj kliknutím na jeho názov v prehľade registračných formulárov.

Použite názov ako „Blog Newsletter Slide-in“, „New Product Reminder“ alebo „Summer Coupon Slide-in“. Interný názov vám pomáha spravovať formulár a návštevníkom sa nezobrazuje automaticky.

Výber šablóny vysúvacieho formulára

Vysúvacie formuláre ponúkajú prázdny formulár, štandardný formulár a štyri navrhnuté šablóny:

• Čisté pripomenutie
• Tmavá ponuka
• Teplý kupón
• Minimalistická poznámka

Šablóny sú navrhnuté pre kompaktné správy, no každý prvok zostáva upraviteľný. Po výbere môžete zmeniť obsah, polia, farby, typografiu, orámovanie, rozostupy aj tlačidlo odoslania.

Návrh vysúvacieho formulára

Pomocou vizuálneho tvorcu usporiadajte vysúvací formulár. Môže obsahovať registračný formulár spolu s textom, obrázkom, videom, zoznamom, tlačidlom, sociálnymi odkazmi, počítadlom odberateľov, prázdnym priestorom alebo oddeľovačom.

Priestor je obmedzenejší než na vstupnej stránke alebo v širokom vloženom formulári. Ponuku udržujte zameranú a nepridávajte obsah, ktorý by návštevníkov nútil hľadať polia alebo tlačidlo odoslania.

Vyberte blok registračného formulára a nakonfigurujte polia, požadované informácie, skryté značky, indikátor priebehu, počítadlo odberateľov, vstupné polia a tlačidlo odoslania. Otvorte „Page settings“ a zmeňte pozadie vysúvacieho formulára a predvolené nastavenia celkového vzhľadu.

Rozloženie s jedným stĺpcom je zvyčajne najprehľadnejšou voľbou. Ak použijete viac stĺpcov, pozorne skontrolujte, ako sa usporiadajú na úzkych obrazovkách.

Výber pozície na obrazovke

Vyberte blok registračného formulára a otvorte „Widget Settings“. Výber pozície ponúka mriežku tri krát tri:

• Vľavo hore, v strede hore alebo vpravo hore
• Vľavo uprostred, v strede alebo vpravo uprostred
• Vľavo dole, v strede dole alebo vpravo dole

Vyberte pozíciu, ktorá nezakryje dôležité ovládacie prvky webu. Pred rozhodnutím skontrolujte upozornenia na cookies, chatové widgety, navigáciu, tlačidlá nákupného košíka a ďalšie pevne umiestnené prvky.

Na úzkych mobilných obrazovkách Maildroppa umiestnenie zjednoduší, aby sa vysúvací formulár zmestil do dostupnej šírky. Pozície hore zostávajú hore; ostatné pozície sa zobrazia od spodného okraja. Výsledok vždy otestujte na malej obrazovke a nespoliehajte sa iba na pozíciu v počítačovej verzii.

Nastavenie oneskorenia zobrazenia

„Display Delay“ určuje, koľko sekúnd Maildroppa počká, kým zobrazí vysúvací formulár na stránke vloženého webu.

Použite 0, keď má byť vysúvací formulár k dispozícii okamžite. Zadajte dlhšie oneskorenie, ak chcete návštevníkom najprv poskytnúť čas na interakciu so stránkou. Tvorca prijíma oneskorenie až do 86 400 sekúnd.

Krátke oneskorenie môže dobre fungovať pri jednoduchom pripomenutí newslettera. Pri dlhšom článku môže neskoršie zobrazenie pôsobiť prirodzenejšie a ponuka môže byť relevantnejšia pre zaujatých čitateľov.

Nastavenie frekvencie zobrazenia

„Display Frequency“ určuje obdobie, po ktorom sa vysúvací formulár môže tomu istému návštevníkovi zobraziť znova. Môžete vybrať:

• Vždy
• Raz za hodinu
• Raz denne
• Raz týždenne
• Raz mesačne

Použite frekvenciu, ktorá zodpovedá ponuke. Dočasná akcia môže vyžadovať kratší interval, zatiaľ čo všeobecné pripomenutie newslettera sa zvyčajne nemusí zobrazovať pri každej návšteve.

Frekvencia sa ukladá v prehliadači návštevníka. Iný prehliadač, okno súkromného prehliadania alebo vymazané úložisko prehliadača sa považuje za inú históriu návštevy.

Prepojenie registračného procesu

V hlavičke tvorcu skontrolujte priradený registračný proces. Určuje odpoveď po odoslaní, e-mail s dvojitým potvrdením prihlásenia a to, čo sa stane po potvrdení.

Môžete vybrať existujúci proces, upraviť aktuálny proces alebo vytvoriť proces konkrétne pre tento vysúvací formulár. Ak je proces zdieľaný viacerými formulármi, jeho zmeny ovplyvnia všetky z nich.

Náhľad a uloženie

Kliknutím na „Preview“ si pred pridaním na web skontrolujte vysúvací formulár. Overte vybranú pozíciu, správanie pri otvorení, poradie polí, ovládací prvok zatvorenia a kompletnú reakciu po registrácii.

Keď sú formulár a nastavenia widgetu pripravené, kliknite na „Save changes“. Potom sa vráťte do prehľadu registračných formulárov.

Aktivácia a vloženie vysúvacieho formulára

Ak vysúvací formulár ešte nie je aktívny, aktivujte ho v ponuke akcií s tromi bodkami. Kliknite na „Show Code Snippet“ a skopírujte kompletný kód z karty „JavaScript“.

Pridajte tento skript na každú stránku webu, na ktorej má byť vysúvací formulár k dispozícii. Na rozdiel od vloženého formulára presná pozícia skriptu na stránke neurčuje viditeľnú pozíciu vysúvacieho formulára. Miesto jeho zobrazenia riadi pozícia vybraná v nastaveniach widgetu.

Karta „HTML“ poskytuje vygenerované značky pre vlastné implementácie. Ak váš web používa túto možnosť, dôkladne otestujte kompletnú interakciu a proces odoslania.

Všeobecné pokyny na umiestnenie kódu nájdete v časti Vytvorenie a vloženie vloženého formulára.

Testovanie vysúvacieho formulára na vašom webe

Po pridaní kódu otestujte skutočnú stránku webu:

1. Skontrolujte, či sa vysúvací formulár zobrazí po vybranom oneskorení.
2. Overte jeho pozíciu na širokej obrazovke.
3. Skontrolujte prispôsobenú pozíciu a šírku na úzkej obrazovke.
4. Uistite sa, že nezakrýva navigáciu, ovládacie prvky cookies, tlačidlá chatu ani iné dôležité akcie.
5. Otestujte otvorenie a zatvorenie vysúvacieho formulára.
6. Odošlite formulár a dokončite proces dvojitého potvrdenia prihlásenia.
7. Overte odberateľa a skryté značky v Maildroppe.

Nastavenie frekvencie môže zabrániť opätovnému zobrazeniu formulára počas opakovaných testov. Keď potrebujete simulovať nového návštevníka, použite okno súkromného prehliadania alebo vymažte príslušné úložisko prehliadača.

Aktualizácia alebo deaktivácia vysúvacieho formulára

Otvorte ten istý vysúvací formulár v Maildroppe, vykonajte zmeny, zobrazte ich v náhľade a kliknite na „Save changes“. Útržok JavaScriptu naďalej používa rovnaké ID formulára a načíta uloženú konfiguráciu.

V prehľade registračných formulárov vyberte „Deactivate“, keď chcete vysúvací formulár stiahnuť z prevádzky bez jeho odstránenia. Ak ho už na webe neplánujete používať, odstráňte z webu aj jeho skript.