Tvorca registračných formulárov: Navrhujte formuláre

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

Tvorca registračných formulárov je vizuálny editor pre všetky registračné formuláre a vstupné stránky Maildroppa.

Môžete ho použiť na usporiadanie rozložení, pridávanie textu a obrázkov, nastavenie polí odberateľov, zmenu farieb a písiem, priradenie štítkov a určenie toho, čo sa stane po odoslaní formulára. Plátno počas práce zobrazuje výsledok, takže na vytvorenie kompletného registračného prostredia nemusíte písať žiadny kód.

Maildroppa používa rovnakého tvorcu pre štyri typy formulárov:

• Vstupné stránky sú kompletné samostatné stránky, ktoré zverejníte a zdieľate pomocou odkazu.
• Vložené formuláre sa umiestňujú priamo na stránku vašej webovej lokality.
• Vyskakovacie okná sa zobrazujú nad vašou webovou lokalitou a možno ich otvoriť aj z prvku na stránke.
• Vysúvacie okná sa zobrazujú na vybranom okraji alebo mieste okna prehliadača.

Táto príručka vysvetľuje všetky funkcie spoločné pre tieto typy formulárov. Odkazované príručky vysvetľujú iba nastavenia a kroky jedinečné pre jednotlivé typy.

Otvorenie tvorcu registračných formulárov

V Maildroppe otvorte položku „Signup Forms“. Potom môžete kliknúť na „Create Form“ a vytvoriť novú vstupnú stránku, vložený formulár, vyskakovacie okno alebo vysúvacie okno.

Ak chcete pokračovať v práci na existujúcom formulári, kliknite na jeho názov alebo v ponuke akcií s tromi bodkami v prehľade registračných formulárov vyberte možnosť „Edit Form“.

Formuláru priraďte jasný interný názov. Názvy ako „Newsletter na domovskej stránke“, „Vyskakovacie okno webinára“ alebo „Letný magnet na kontakty“ sa neskôr rozpoznávajú ľahšie než všeobecné názvy ako „Formulár 1“. Názov formulára vám pomáha spravovať formulár v Maildroppe a návštevníkom sa automaticky nezobrazuje.

Zoznámenie sa s tvorcom

Tvorca je rozdelený na štyri hlavné oblasti.

Horný panel obsahuje názov formulára a hlavné akcie. Tu sa môžete vrátiť do prehľadu, zobraziť náhľad práce a uložiť ju. Vstupné stránky v tomto paneli zobrazujú aj ovládacie prvky konceptu a zverejnenia.

Ľavý bočný panel obsahuje položky „Layout“, „Content“ a „Layers“. Použite ho na vytvorenie štruktúry, pridávanie nových prvkov a správu všetkého, čo už bolo umiestnené na plátno.

Plátno je centrálna pracovná plocha. Zobrazuje aktuálnu stránku alebo formulár. Kliknutím na prvok ho vyberiete. Prvky môžete tiež presúvať na iné miesto alebo pridávať nové prvky z ľavého bočného panela.

Pravý bočný panel obsahuje položky „Settings“ a „Page settings“. „Settings“ mení vybraný prvok. „Page settings“ mení celkové pozadie a predvolené nastavenia dizajnu.

Na menších obrazovkách sa bočné panely otvárajú ako panely pomocou tlačidiel „Content“ a „Settings“. Dostupné funkcie zostávajú rovnaké.

Začiatok so šablónou

Pri vytváraní formulára ponúka tvorca úvodné návrhy pre vybraný typ formulára. Môžete začať s prázdnym návrhom, použiť štandardný formulár alebo vybrať hotovú šablónu.

Šablóny poskytujú počiatočné rozloženie, farby, typografiu a ukážkový obsah. Neobmedzujú to, čo môžete neskôr zmeniť. Po výbere šablóny možno každý prvok naďalej upravovať, presúvať, duplikovať, meniť jeho štýl alebo odstraňovať.

Každý typ formulára má šablóny prispôsobené svojmu účelu. Vstupné stránky napríklad obsahujú kompletné návrhy stránok pre newsletter, magnet na kontakty, webinár a čakaciu listinu. Vložené formuláre, vyskakovacie okná a vysúvacie okná majú vlastné kompaktné úvodné návrhy.

Ak si nie ste istí, ktorú šablónu vybrať, zvoľte tú, ktorej štruktúra je najbližšia vášmu cieľu. Zmena textu, farieb a obrázkov je zvyčajne rýchlejšia než vytváranie rovnakej štruktúry na prázdnom plátne.

Vytvorenie rozloženia

Otvorte položku „Layout“ v ľavom bočnom paneli a pridajte nový riadok buniek. Dostupné rozloženia zahŕňajú:

• Jedna bunka
• Dve, tri alebo štyri rovnaké bunky
• Dve bunky v pomere 2:1
• Dve bunky v pomere 1:2

Kliknutím na rozloženie ho pridáte na aktuálne miesto vloženia alebo ho presuňte na plátno. Potom môžete do každej bunky umiestniť obsah.

Výberom boxu alebo stĺpca môžete v pravom bočnom paneli upraviť jeho veľkosť, rozostupy, zarovnanie, pozadie, okraj a vnútorné odsadenie. Pri viacstĺpcových rozloženiach môžete meniť aj vzájomnú šírku stĺpcov.

Rozloženia používajte na vytvorenie jasného poradia čítania. Jeden stĺpec funguje dobre pri kompaktných registračných formulároch. Dvojstĺpcové rozloženie je užitočné, keď sa vedľa registračného formulára má zobrazovať obrázok, zoznam výhod alebo informácie o podujatí.

Pridanie obsahu

Otvorte položku „Content“ v ľavom bočnom paneli a pridajte jednotlivé bloky obsahu. Kliknutím na blok ho vložíte alebo ho presuňte na požadované miesto na plátne.

Tvorca poskytuje tieto bloky obsahu:

Signup form — Obsahuje polia odberateľov a tlačidlo odoslania. Aby bolo možné návrh uložiť ako funkčný formulár, musí obsahovať jeden blok registračného formulára. Keď je blok prítomný, už sa neponúka ako ďalší blok obsahu.

Text — Pridáva nadpisy, odseky alebo iný formátovaný text.

Image — Pridáva obrázok z URL adresy, nahraného súboru alebo knižnice médií Maildroppa. Môžete zadať alternatívny text, pridať odkaz a ovládať rozmery, pomer strán, orezanie, ohnisko, otočenie a prevrátenie.

Video — Pridáva video zo služby YouTube alebo Vimeo, URL adresu na vloženie alebo priamy videosúbor. Môžete tiež nastaviť náhľadový obrázok a vzhľad tlačidla prehrávania.

List — Pridáva odrážkový alebo číslovaný zoznam. Upravujte položky a ovládajte farbu značiek, rozostupy, typografiu a zarovnanie.

Button — Pridáva tlačidlo s odkazom a nastaviteľným textom, URL adresou, veľkosťou, šírkou, farbami, okrajom, typografiou a zarovnaním.

Social links — Pridáva ikony s odkazmi na služby ako Facebook, Instagram, LinkedIn, TikTok, YouTube alebo vašu webovú lokalitu.

Subscriber counter — Zobrazuje aktuálny počet potvrdených odberateľov. Môžete pridať posun, zmeniť označenie a nastaviť štýl čísla a textu.

Spacer — Pridáva riadený prázdny priestor. Rozostupy pre počítače a mobilné zariadenia možno nastaviť samostatne.

Divider — Pridáva vodorovnú čiaru s nastaviteľnou farbou, hrúbkou, šírkou, štýlom, zarovnaním a rozostupmi.

Vstupné stránky poskytujú aj kompletné opakovane použiteľné sekcie. Tie sú vysvetlené v príručke k vstupným stránkam.

Výber a usporiadanie prvkov

Kliknutím na prvok na plátne ho vyberiete. Jeho nastavenia sa zobrazia v pravom bočnom paneli.

Ovládacie prvky na vybranom prvku alebo v jeho blízkosti umožňujú prvok presunúť, duplikovať alebo odstrániť. Prvok môžete tiež presunúť do inej bunky alebo na iné miesto. Indikátor umiestnenia zobrazí, kam bude vložený.

Ak stránka obsahuje veľa vnorených boxov, stĺpcov a blokov obsahu, otvorte položku „Layers“. Panel vrstiev zobrazuje kompletnú štruktúru v zozname. Odtiaľ môžete:

• Vybrať prvok
• Premenovať ho na jednoduchšiu identifikáciu
• Posunúť ho nahor alebo nadol
• Presunúť ho na iné miesto
• Zamknúť alebo odomknúť ho
• Duplikovať ho
• Odstrániť ho

Zamknutie je užitočné, keď nechcete omylom presunúť dokončené pozadie, obrázok alebo sekciu. Keď chcete vrstvu znova upraviť alebo premiestniť, odomknite ju.

Pomocou tlačidiel „Undo“ a „Redo“ na paneli nástrojov tvorcu sa môžete vrátiť späť alebo prejsť dopredu cez nedávne zmeny dizajnu.

Úprava textu

Kliknutím do textového prvku upravíte obsah priamo na plátne. Panel nástrojov textu poskytuje štýly odsekov a nadpisov spolu s bežnými možnosťami formátovania.

V závislosti od vybraného textu môžete použiť tučné písmo, kurzívu, podčiarknutie, prečiarknutie, dolný a horný index, zarovnanie, odrážkové alebo číslované zoznamy, odkazy a emotikony. Nastavenia vybraného textu tiež umožňujú upraviť typografiu a farby bez zmeny ostatných textových prvkov.

Globálne nastavenia typografie v časti „Page settings“ použite vtedy, keď majú všetky nadpisy, hlavný text, odkazy alebo tlačidlá zdieľať jednotný štýl. Nastavenia vybraného prvku použite vtedy, keď má inak vyzerať iba jeden blok.

Nastavenie registračného formulára

Výberom bloku registračného formulára na plátne otvoríte jeho nastavenia. Dostupné sekcie zahŕňajú indikátor priebehu, počítadlo odberateľov, polia, skryté štítky, kontajner formulára, vstupné polia a tlačidlo odoslania.

Polia odberateľov

E-mailová adresa je hlavné pole registračného formulára. Môžete tiež pridať polia odberateľov, ktoré existujú vo vašom účte Maildroppa.

Pri každom poli môžete zmeniť označenie a zástupný text, určiť, či je povinné, a vybrať, či sa označenie poľa zobrazuje. Poradie polí môžete zmeniť ich presunutím alebo pomocou ovládacích prvkov na presun.

Pýtajte si iba informácie, ktoré skutočne potrebujete. Kratšie formuláre sa vypĺňajú rýchlejšie, zatiaľ čo ďalšie polia sú užitočné, keď sa informácie použijú na segmentáciu alebo personalizáciu.

Skryté štítky

Skryté štítky sa návštevníkom nezobrazujú. Keď sa niekto zaregistruje prostredníctvom formulára, Maildroppa vybraným odberateľom automaticky priradí tieto štítky.

Je to užitočné na identifikáciu zdroja alebo záujmu súvisiaceho s registráciou. Formulár pre webinár môže napríklad priradiť štítok „Webinár“, zatiaľ čo formulár s magnetom na kontakty môže priradiť štítok k stiahnutej téme.

Indikátor priebehu

Indikátor priebehu možno vypnúť alebo zobraziť ako percentuálny ukazovateľ či dvojkrokový indikátor.

Pri percentuálnom ukazovateli môžete zmeniť text, farby, veľkosť písma, hrúbku a zarovnanie. Pri dvojkrokovom indikátore môžete upraviť označenia oboch krokov a vybrať aktívne a neaktívne farby.

Indikátor priebehu môže pomôcť vysvetliť, že odoslanie formulára je prvý krok a potvrdenie e-mailu Double Opt-in druhý krok.

Počítadlo odberateľov vo formulári

Registračný formulár môže pred tlačidlom odoslania alebo za ním zobrazovať aktuálny počet potvrdených odberateľov.

Môžete pridať posun, napísať označenie, vybrať pozíciu a upraviť typografiu a zarovnanie. Posun sa pripočíta k počtu potvrdených odberateľov zobrazenému Maildroppou.

Toto počítadlo vo formulári sa líši od samostatného bloku obsahu „Subscriber counter“. Nastavenie formulára použite vtedy, keď má byť číslo priamo spojené s oblasťou odoslania. Blok obsahu použite vtedy, keď sa má počítadlo zobraziť inde v dizajne.

Dizajn formulára, polí a tlačidla

Nastavenia „Signup Form Block“ ovládajú kontajner okolo polí vrátane jeho pozadia, okraja, zaoblenia rohov a rozostupov.

Nastavenia vstupných polí ovládajú pozadia polí, označenia, text, zástupné texty, okraje a rozostupy. Tlačidlo odoslania má samostatné nastavenia textu, typografie, farieb, okraja, rozmerov a zarovnania.

Kliknutím na indikátor priebehu alebo tlačidlo odoslania priamo na plátne okamžite otvoríte nastavenia danej časti.

Zmena celkového vzhľadu

Otvorte položku „Page settings“ v pravom bočnom paneli a zmeňte celkový dizajn. Pri vložených formulároch, vyskakovacích oknách a vysúvacích oknách sa tieto nastavenia uplatňujú na plátno formulára, nie na kompletnú hostovanú stránku.

Môžete nastaviť hlavné pozadie, obrázok pozadia, maximálnu šírku a mobilné rozostupy. Nastavenia vzhľadu definujú predvolené hodnoty pre:

• Písmo hlavného textu a farbu textu
• Farbu odkazov, podčiarknutie a farbu pri umiestnení kurzora
• Písmo nadpisov, farbu, hrúbku, veľkosť a výšku riadka
• Tlačidlá
• Boxy, okraje, zaoblenie rohov, medzery a vnútorné odsadenie
• Vnútorné odsadenie stránky na mobilných zariadeniach a bod, v ktorom sa stĺpce uložia pod seba

Tieto predvolené hodnoty udržiavajú jednotný dizajn. Jednotlivé bloky ich môžu v prípade potreby prepísať.

Prepojenie registračného toku

Každý formulár je prepojený s registračným tokom. Registračný tok riadi cestu odberateľa po odoslaní formulára:

• Čo návštevník uvidí bezprostredne po odoslaní formulára
• Ktorý e-mail Double Opt-in sa odošle
• Čo sa stane po potvrdení e-mailovej adresy odberateľom

Otvorte ovládací prvok registračného toku v hlavičke tvorcu a zobrazte aktuálne priradený tok. Môžete vybrať iný existujúci tok, upraviť vybraný tok alebo vytvoriť nový.

Jeden registračný tok môže používať viacero formulárov. Ak upravíte zdieľaný tok, zmena ovplyvní každý formulár, ktorý ho používa. Maildroppa vám preto umožňuje vybrať, či chcete upraviť zdieľaný tok alebo vytvoriť samostatnú kópiu pre aktuálny formulár.

Náhľad a uloženie

Kliknutím na „Preview“ skontrolujete kompletný dizajn a registračné prostredie pred jeho zverejnením. Náhľad je užitočný na kontrolu dlhého textu, proporcií obrázkov, poradia polí, označení tlačidiel a celkového vyváženia formulára.

Pri vložených formulároch, vyskakovacích oknách a vysúvacích oknách kliknite na „Save changes“, keď ste pripravení uložiť aktuálnu verziu.

Vstupné stránky používajú ovládacie prvky konceptu a zverejnenia v hornom paneli. Možno ich uložiť bez zverejnenia a zmeny už zverejnenej stránky zostanú nezverejnené, kým ich nezverejníte. Kompletný postup je vysvetlený v časti Vytvorenie a zverejnenie vstupnej stránky.

Po uložení sa vráťte do prehľadu registračných formulárov, kde môžete aktivovať a vložiť formulár na web alebo spravovať zverejnenú vstupnú stránku.

Pokračujte podľa typu formulára

Spoločná práca na dizajne je dokončená. Pokračujte príručkou pre formulár, ktorý vytvárate:

• Vytvorenie a zverejnenie vstupnej stránky
• Vytvorenie a vloženie formulára
• Nastavenie a zobrazenie vyskakovacieho okna
• Nastavenie a umiestnenie vysúvacieho okna