Vytváření a vložení registračních formulářů

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

Vložený formulář je umístěn přímo uvnitř existující stránky na vašem webu. Zůstává součástí okolního obsahu, místo aby se zobrazil nad ním.

Vložené formuláře se hodí do článků na blogu, vstupních stránek na vlastním webu, sekcí newsletteru, postranních panelů a zápatí. Místo, kam přidáte kód formuláře, určuje, kde se formulář zobrazí.

Tato příručka popisuje kroky specifické pro vložené formuláře. Běžné funkce vizuální úpravy jsou vysvětleny v hlavní příručce k nástroji pro tvorbu registračních formulářů.

Vytvoření vloženého formuláře

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

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

Interní název se návštěvníkům nezobrazuje automaticky. Pojmenujte formulář podle jeho umístění nebo účelu, například „Newsletter na domovské stránce“, „Zápatí blogu“ nebo „Aktualizace produktu“.

Výběr výchozího návrhu

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

• Klidná poznámka
• Pruhový kupon
• Tmavý redakční
• Minimalistický modrý

Vyberte návrh, který nejlépe odpovídá prostoru a tónu webu, na kterém se formulář zobrazí. Každý výchozí návrh lze po výběru zcela změnit.

Návrh vloženého formuláře

Pomocí možností „Layout“ a „Content“ uspořádejte formulář. Vložený formulář může obsahovat registrační formulář spolu s doprovodným textem, obrázky, seznamy, tlačítky, odkazy na sociální sítě, počítadlem odběratelů, prázdnými místy nebo oddělovači.

Pro úzký postranní panel nebo zápatí se obvykle nejsnáze čte jednosloupcový návrh. V širší části stránky může dvousloupcové rozvržení umístit krátké vysvětlení nebo obrázek vedle polí.

Vyberte blok registračního formuláře a zvolte pole odběratelů, povinná pole, popisky, skryté štítky, indikátor průběhu a volitelné počítadlo odběratelů. Poté můžete samostatně upravit vzhled kontejneru formuláře, polí a tlačítka pro odeslání.

Otevřete „Page settings“ a změňte pozadí a celkové výchozí nastavení návrhu plátna vloženého formuláře. Myslete na okolní web. Průhledné nebo jednoduché pozadí se často začlení přirozeněji, zatímco kontrastní pozadí pomůže nabídce registrace vyniknout.

Kompletní pokyny k rozvržením, obsahu, vrstvám, polím, štítkům, typografii a vzhledu najdete v příručce Používání nástroje pro tvorbu registračních formulářů.

Propojení registračního procesu

Pomocí ovládacího prvku registračního procesu v záhlaví nástroje pro tvorbu formulářů zkontrolujte, co se stane po odeslání, který e-mail Double Opt-in se odešle a co návštěvník uvidí po potvrzení.

Můžete vybrat existující proces, upravit přiřazený proces nebo vytvořit nový. Pokud vybraný proces sdílí více formulářů, nezapomeňte, že jeho úprava může ovlivnit i tyto formuláře.

Náhled a uložení

Kliknutím na „Preview“ si před umístěním formuláře na web prohlédněte jeho kompletní podobu. Zkontrolujte pořadí polí, popisky, prostor pro chybové zprávy, text tlačítka a množství doprovodného obsahu.

Kliknutím na „Save changes“ uložte aktuální verzi. Až budete připraveni formulář vložit, vraťte se do přehledu registračních formulářů.

Aktivace formuláře

Vložený formulář musí být aktivní, než bude možné použít jeho veřejný kód.

Pokud je formulář neaktivní, otevřete v přehledu registračních formulářů nabídku akcí se třemi tečkami a zvolte „Activate“. U aktivního formuláře se zobrazuje akce „Show Code Snippet“.

Formulář deaktivujte, když už nemá být na vašem webu dostupný. Deaktivace formulář vypne, aniž by odstranila jeho návrh nebo předchozí data reportů.

Kopírování kódu JavaScriptu

Klikněte na „Show Code Snippet“ a otevřete kartu „JavaScript“. Maildroppa poskytuje krátký skript obsahující jedinečné ID formuláře.

Kód má tuto strukturu:

<script async src="https://form.maildroppa.com/md-form-loader.js" data-md-form="[form-id]"></script>

Zkopírujte celý kód, aniž byste měnili adresu skriptu nebo ID formuláře.

Varianta JavaScript načítá aktuálně uložený formulář prostřednictvím běhového prostředí formulářů Maildroppa. Když později stejný formulář v Maildroppa upravíte a uložíte, stávající úryvek kódu bude stále odkazovat na stejné ID formuláře. Pro změnu textu nebo návrhu nemusíte vytvářet nový formulář.

Přidání formuláře na váš web

Vložte skript do místa na stránce, kde se má vložený formulář zobrazit.

Přesný postup závisí na systému vašeho webu. V nástroji pro tvorbu stránek nebo systému pro správu obsahu použijte blok, který přijímá vlastní HTML nebo kód skriptu. Na vlastním webu přidejte skript do příslušné šablony nebo označení stránky.

Některé editory webů z bezpečnostních důvodů odstraňují značky skriptu. Pokud se formulář po zveřejnění stránky nezobrazí, nejprve zkontrolujte, zda editor zachoval celý skript Maildroppa. Možná budete muset použít vyhrazenou oblast systému pro vlastní kód nebo požádat osobu, která web spravuje.

Nevkládejte stejný úryvek kódu vloženého formuláře na jednu stránku několikrát, pokud záměrně nechcete stejný formulář zobrazit na více místech a toto nastavení jste otestovali.

Použití karty HTML

Karta „HTML“ poskytuje vygenerované označení formuláře. Tato možnost je určena pro vlastní implementace, při kterých chcete pracovat přímo s vykresleným HTML.

Pokud zvolíte tuto metodu, zkopírujte kompletní označení. Protože vlastní integraci HTML mohou ovlivnit styly a implementace vašeho webu, pečlivě otestujte její pole, validaci, odeslání a potvrzovací proces.

Pro běžný formulář spravovaný službou Maildroppa je úryvek JavaScriptu kratší integrací a načítá aktuální veřejnou konfiguraci formuláře podle jeho ID.

Testování vloženého formuláře

Zveřejněte nebo zobrazte náhled stránky webu, která obsahuje kód. Poté formulář otestujte jako návštěvník:

1. Zkontrolujte, zda se formulář zobrazuje na správném místě.
2. Zobrazte stránku na široké i úzké obrazovce.
3. Vyplňte všechna povinná pole.
4. Odešlete formulář a zkontrolujte odpověď.
5. Otevřete e-mail Double Opt-in.
6. Potvrďte adresu a zkontrolujte konečnou odpověď.
7. Ověřte, zda se odběratel a případné skryté štítky v Maildroppa zobrazují správně.

Pokud je formulář širší než jeho kontejner na webu, upravte v nástroji pro tvorbu formulářů šířku formuláře, rozvržení sloupců, vnitřní okraje nebo nastavení skládání na mobilních zařízeních. Problémy s rozvržením neřešte úpravou vygenerovaného kódu Maildroppa.

Aktualizace vloženého formuláře

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

Pokud chcete formulář dočasně odstranit, deaktivujte jej v přehledu registračních formulářů. Pokud už jej nepotřebujete, odstraňte úryvek kódu také z webu, aby stránka neobsahovala nepoužívaný kód.