Tvůrce registračních formulářů: Návrh formulářů

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

Tvůrce registračních formulářů je vizuální editor pro všechny registrační formuláře a vstupní stránky v Maildroppa.

Můžete v něm uspořádat rozvržení, přidat text a obrázky, nastavit pole odběratelů, změnit barvy a písma, přiřadit štítky a určit, co se stane po odeslání formuláře. Plátno zobrazuje výsledek průběžně během práce, takže k návrhu kompletní registrační zkušenosti nemusíte psát žádný kód.

Maildroppa používá stejného tvůrce pro čtyři typy formulářů:

• Vstupní stránky jsou kompletní samostatné stránky, které publikujete a sdílíte pomocí odkazu.
• Vložené formuláře se umisťují přímo do stránky na vašem webu.
• Vyskakovací okna se zobrazují nad vaším webem a lze je také otevřít z prvku stránky.
• Vysouvací okna se zobrazují u vybraného okraje nebo na vybraném místě okna prohlížeče.

Tato příručka vysvětluje všechny funkce společné pro tyto typy formulářů. Propojené příručky vysvětlují pouze nastavení a kroky jedinečné pro jednotlivé typy.

Otevření Tvůrce registračních formulářů

Otevřete v Maildroppa sekci „Signup Forms“. Poté můžete kliknutím na „Create Form“ vytvořit novou vstupní stránku, vložený formulář, vyskakovací okno nebo vysouvací okno.

Chcete-li pokračovat v práci na existujícím formuláři, klikněte na jeho název nebo v nabídce akcí se třemi tečkami v přehledu registračních formulářů zvolte „Edit Form“.

Formulář pojmenujte jasným interním názvem. Názvy jako „Homepage Newsletter“, „Webinar Popup“ nebo „Summer Lead Magnet“ se později rozpoznávají snáze než obecné názvy jako „Form 1“. Název formuláře vám pomáhá spravovat formulář v Maildroppa a návštěvníkům se automaticky nezobrazuje.

Jak tvůrce funguje

Tvůrce je rozdělen do čtyř hlavních oblastí.

Horní lišta obsahuje název formuláře a hlavní akce. Zde se můžete vrátit do přehledu, zobrazit náhled práce a uložit ji. Vstupní stránky mají na této liště také ovládací prvky konceptu a publikování.

Levý postranní panel obsahuje položky „Layout“, „Content“ a „Layers“. Pomocí něj vytváříte strukturu, přidáváte nové prvky a spravujete vše, co už je umístěno na plátně.

Plátno je centrální pracovní plocha. Zobrazuje aktuální stránku nebo formulář. Kliknutím na prvek jej vyberete. Prvky můžete také přetáhnout na jiné místo nebo přidat nové prvky z levého postranního panelu.

Pravý postranní panel obsahuje položky „Settings“ a „Page settings“. „Settings“ mění vybraný prvek. „Page settings“ mění celkové pozadí a výchozí nastavení návrhu.

Na menších obrazovkách se postranní panely otevírají jako panely pomocí tlačítek „Content“ a „Settings“. Dostupné funkce zůstávají stejné.

Začínáme se šablonou

Při vytváření formuláře nabídne tvůrce úvodní návrhy pro vybraný typ formuláře. Můžete začít s prázdným návrhem, použít standardní formulář nebo vybrat připravenou šablonu.

Šablony poskytují výchozí rozvržení, barvy, typografii a ukázkový obsah. Neomezují vás v tom, co můžete později změnit. Po výběru šablony lze každý prvek stále upravovat, přesouvat, duplikovat, měnit jeho styl nebo jej odstranit.

Každý typ formuláře má šablony přizpůsobené svému účelu. Vstupní stránky například obsahují kompletní návrhy stránek Newsletter, Lead Magnet, Webinar a Waitlist. Vložené formuláře, vyskakovací okna a vysouvací okna mají vlastní kompaktní úvodní návrhy.

Pokud si nejste jistí, kterou šablonu vybrat, zvolte tu, jejíž struktura je nejbližší vašemu cíli. Změna textu, barev a obrázků je obvykle rychlejší než vytváření stejné struktury na prázdném plátně.

Vytvoření rozvržení

Otevřete v levém postranním panelu položku „Layout“ a přidejte nový řádek buněk. Dostupná rozvržení zahrnují:

• Jednu buňku
• Dvě, tři nebo čtyři stejně široké buňky
• Dvě buňky v poměru 2:1
• Dvě buňky v poměru 1:2

Kliknutím na rozvržení jej přidáte na aktuální pozici vložení nebo jej přetáhnete na plátno. Poté můžete do jednotlivých buněk umístit obsah.

Vyberte rámeček nebo sloupec a v pravém postranním panelu upravte jeho velikost, mezery, zarovnání, pozadí, ohraničení a vnitřní okraje. U vícesloupcových rozvržení můžete také měnit vzájemnou šířku sloupců.

Rozvržení používejte k vytvoření jasného pořadí čtení. Jeden sloupec se dobře hodí pro kompaktní registrační formuláře. Dvousloupcové rozvržení je užitečné, když se vedle registračního formuláře má zobrazit obrázek, seznam výhod nebo informace o události.

Přidání obsahu

Otevřete v levém postranním panelu položku „Content“ a přidejte jednotlivé bloky obsahu. Kliknutím na blok jej vložíte nebo jej přetáhnete na požadované místo na plátně.

Tvůrce nabízí následující bloky obsahu:

Signup form — Obsahuje pole odběratelů a tlačítko pro odeslání. Aby bylo možné návrh uložit jako funkční formulář, musí obsahovat jeden blok registračního formuláře. Jakmile je blok přítomen, přestane se nabízet jako další blok obsahu.

Text — Přidává nadpisy, odstavce nebo jiný formátovaný text.

Image — Přidává obrázek z URL, nahraného souboru nebo knihovny médií Maildroppa. Můžete zadat alternativní text, přidat odkaz a ovládat rozměry, poměr stran, ořez, ohnisko, otočení a převrácení.

Video — Přidává video z YouTube nebo Vimea, adresu pro vložení nebo přímý video soubor. Můžete také nastavit náhledový obrázek a vzhled tlačítka přehrávání.

List — Přidává odrážkový nebo číslovaný seznam. Upravujte položky a nastavujte barvu značek, mezery, typografii a zarovnání.

Button — Přidává tlačítko s odkazem a nastavitelným textem, URL, velikostí, šířkou, barvami, ohraničením, typografií a zarovnáním.

Social links — Přidává ikony s odkazy na služby jako Facebook, Instagram, LinkedIn, TikTok, YouTube nebo váš web.

Subscriber counter — Zobrazuje aktuální počet potvrzených odběratelů. Můžete přidat posun, změnit popisek a nastavit styl čísla a textu.

Spacer — Přidává řízený prázdný prostor. Mezery pro počítač a mobil lze nastavit samostatně.

Divider — Přidává vodorovnou čáru s nastavitelnou barvou, tloušťkou, šířkou, stylem, zarovnáním a mezerami.

Vstupní stránky nabízejí také kompletní znovu použitelné sekce. Ty jsou vysvětleny v příručce ke vstupním stránkám.

Výběr a uspořádání prvků

Kliknutím na prvek na plátně jej vyberete. Jeho nastavení se zobrazí v pravém postranním panelu.

Ovládací prvky na vybraném prvku nebo v jeho blízkosti umožňují prvek přesunout, duplikovat nebo odstranit. Prvek můžete také přetáhnout do jiné buňky nebo na jiné místo. Indikátor umístění ukazuje, kam bude vložen.

Pokud stránka obsahuje mnoho vnořených rámečků, sloupců a bloků obsahu, otevřete položku „Layers“. Panel Vrstvy zobrazuje kompletní strukturu v seznamu. Z něj můžete:

• Vybrat prvek
• Přejmenovat jej pro snazší identifikaci
• Přesunout jej nahoru nebo dolů
• Přetáhnout jej na jiné místo
• Zamknout nebo odemknout jej
• Duplikovat jej
• Odstranit jej

Zamknutí je užitečné, když nechcete, aby se hotové pozadí, obrázek nebo sekce omylem přesunuly. Chcete-li vrstvu znovu upravit nebo přemístit, odemkněte ji.

Pomocí tlačítek „Undo“ a „Redo“ na panelu nástrojů tvůrce se můžete vracet zpět nebo postupovat vpřed v posledních změnách návrhu.

Úprava textu

Kliknutím dovnitř textového prvku upravíte jeho obsah přímo na plátně. Panel nástrojů textu nabízí styly odstavců a nadpisů spolu s běžnými možnostmi formátování.

V závislosti na vybraném textu můžete použít tučné písmo, kurzívu, podtržení, přeškrtnutí, dolní a horní index, zarovnání, odrážkové nebo číslované seznamy, odkazy a emotikony. Nastavení vybraného textu vám také umožňuje upravit typografii a barvy, aniž byste měnili každý další textový prvek.

Pokud mají všechny nadpisy, základní text, odkazy nebo tlačítka sdílet jednotný styl, použijte globální nastavení typografie v části „Page settings“. Pokud má jinak vypadat pouze jeden blok, použijte nastavení vybraného prvku.

Nastavení registračního formuláře

Vyberte blok registračního formuláře na plátně a otevřete jeho nastavení. Dostupné sekce se týkají indikátoru průběhu, počítadla odběratelů, polí, skrytých štítků, kontejneru formuláře, vstupních polí a tlačítka pro odeslání.

Pole odběratelů

E-mailová adresa je hlavním polem registračního formuláře. Můžete také přidat pole odběratelů, která existují ve vašem účtu Maildroppa.

U každého pole můžete změnit popisek a zástupný text, určit, zda je povinné, a zvolit, zda se popisek pole zobrazí. Pořadí polí lze měnit jejich přetažením nebo pomocí ovládacích prvků pro přesun.

Ptejte se pouze na informace, které skutečně potřebujete. Kratší formuláře se vyplňují rychleji, zatímco další pole jsou užitečná, pokud budou informace použity pro segmentaci nebo personalizaci.

Skryté štítky

Skryté štítky se návštěvníkům nezobrazují. Když se někdo prostřednictvím formuláře zaregistruje, Maildroppa vybrané štítky tomuto odběrateli automaticky přiřadí.

To je užitečné pro určení zdroje nebo zájmu, který za registrací stojí. Formulář pro webinář může například použít štítek „Webinar“, zatímco formulář pro lead magnet může použít štítek označující stažené téma.

Indikátor průběhu

Indikátor průběhu lze vypnout nebo zobrazit jako procento či dvoukrokový indikátor.

U procentuálního indikátoru můžete změnit text, barvy, velikost a tloušťku písma a zarovnání. U dvoukrokového indikátoru můžete upravit popisky obou kroků a zvolit aktivní a neaktivní barvy.

Indikátor průběhu může pomoci vysvětlit, že odeslání formuláře je prvním krokem a potvrzení e-mailu Double Opt-in druhým.

Počítadlo odběratelů uvnitř formuláře

Registrační formulář může před tlačítkem pro odeslání nebo za ním zobrazovat aktuální počet potvrzených odběratelů.

Můžete přidat posun, napsat popisek, zvolit umístění a upravit typografii a zarovnání. Posun se přičítá k počtu potvrzených odběratelů zobrazenému službou Maildroppa.

Toto počítadlo formuláře se liší od samostatného bloku obsahu „Subscriber counter“. Nastavení formuláře použijte, když má být číslo přímo propojeno s oblastí odeslání. Blok obsahu použijte, když se má počítadlo zobrazit jinde v návrhu.

Návrh formuláře, vstupních polí a tlačítka

Nastavení „Signup Form Block“ ovládá kontejner kolem polí včetně jeho pozadí, ohraničení, zaoblení rohů a mezer.

Nastavení vstupních polí ovládá pozadí polí, popisky, text, zástupné texty, ohraničení a mezery. Tlačítko pro odeslání má samostatné nastavení textu, typografie, barev, ohraničení, rozměrů a zarovnání.

Kliknutím přímo na indikátor průběhu nebo tlačítko pro odeslání na plátně okamžitě otevřete nastavení příslušné části.

Změna celkového vzhledu

Otevřete v pravém postranním panelu položku „Page settings“ a změňte celkový vzhled. U vložených formulářů, vyskakovacích oken a vysouvacích oken se tato nastavení vztahují na plátno formuláře, nikoli na kompletní hostovanou stránku.

Můžete nastavit hlavní pozadí, obrázek na pozadí, maximální šířku a mezery pro mobilní zařízení. Nastavení vzhledu určuje výchozí hodnoty pro:

• Písmo a barvu základního textu
• Barvu odkazů, podtržení a barvu při najetí kurzorem
• Písmo nadpisů, barvu, tloušťku, velikost a výšku řádku
• Tlačítka
• Rámečky, ohraničení, zaoblení rohů, mezery a vnitřní okraje
• Vnitřní okraje stránky na mobilu a bod, ve kterém se sloupce skládají pod sebe

Tyto výchozí hodnoty udržují jednotný vzhled. Jednotlivé bloky je podle potřeby stále mohou přepsat.

Propojení registračního procesu

Každý formulář je propojen s registračním procesem. Registrační proces řídí cestu odběratele po odeslání formuláře:

• Co návštěvník okamžitě po odeslání formuláře uvidí
• Který e-mail Double Opt-in se odešle
• Co se stane poté, co odběratel potvrdí e-mailovou adresu

Otevřete ovládací prvek registračního procesu v záhlaví tvůrce a zobrazte aktuálně přiřazený proces. Můžete vybrat jiný existující proces, upravit vybraný proces nebo vytvořit nový.

Jeden registrační proces může používat několik formulářů. Pokud upravíte sdílený proces, změna ovlivní každý formulář, který jej používá. Maildroppa vám proto umožňuje zvolit, zda chcete upravit sdílený proces, nebo vytvořit samostatnou kopii pro aktuální formulář.

Náhled a uložení

Kliknutím na „Preview“ zkontrolujete kompletní návrh a registrační zkušenost před jeho zveřejněním. Náhled je užitečný pro kontrolu dlouhého textu, proporcí obrázků, pořadí polí, popisků tlačítek a celkového vyvážení formuláře.

U vložených formulářů, vyskakovacích oken a vysouvacích oken klikněte na „Save changes“, až budete připraveni uložit aktuální verzi.

Vstupní stránky používají ovládací prvky konceptu a publikování v horní liště. Lze je uložit bez publikování a změny již publikované stránky zůstanou nepublikované, dokud je nezveřejníte. Kompletní postup je vysvětlen v části Vytvoření a publikování vstupní stránky.

Po uložení se vraťte do přehledu registračních formulářů, kde můžete webový formulář aktivovat a vložit nebo spravovat publikovanou vstupní stránku.

Pokračujte podle typu formuláře

Společná práce na návrhu je nyní dokončena. Pokračujte v příručce pro formulář, který vytváříte:

• Vytvoření a publikování vstupní stránky
• Vytvoření a vložení vloženého formuláře
• Nastavení a zobrazení vyskakovacího okna
• Nastavení a umístění vysouvacího okna