Vytváranie a vkladanie registračných formulárov

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

Vložený formulár je umiestnený priamo v existujúcej stránke na vašom webe. Zostáva súčasťou okolitého obsahu namiesto toho, aby sa zobrazil nad ním.

Vložené formuláre sa hodia do článkov na blogu, vstupných stránok na vašom webe, sekcií s newsletterom, bočných panelov a pätičiek. Miesto, na ktoré pridáte kód formulára, určuje, kde sa formulár zobrazí.

Táto príručka popisuje kroky špecifické pre vložené formuláre. Bežné funkcie vizuálneho upravovania sú vysvetlené v hlavnej príručke nástroja na tvorbu registračných formulárov.

Vytvorenie vloženého formulára

Otvorte „Signup Forms“, kliknite na „Create Form“ a vyberte „Embedded Form“. Zadajte jasný interný názov a pokračujte do nástroja na tvorbu formulára.

Existujúci formulár môžete upraviť aj kliknutím na jeho názov v prehľade Signup Forms.

Interný názov sa návštevníkom nezobrazuje automaticky. Pomenujte formulár podľa jeho umiestnenia alebo účelu, napríklad „Newsletter na domovskej stránke“, „Pätička blogu“ alebo „Aktualizácie produktov“.

Výber úvodného dizajnu

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

• Pokojná poznámka
• Kupónový pás
• Tmavý redakčný štýl
• Minimalistická modrá

Vyberte dizajn, ktorý najlepšie zodpovedá priestoru a tónu webu, na ktorom sa formulár zobrazí. Každý úvodný dizajn môžete po výbere úplne zmeniť.

Návrh vloženého formulára

Pomocou možností „Layout“ a „Content“ usporiadajte formulár. Vložený formulár môže obsahovať registračný formulár spolu s doplňujúcim textom, obrázkami, zoznamami, tlačidlami, odkazmi na sociálne siete, počítadlom odberateľov, medzerami alebo oddeľovačmi.

Pre úzky bočný panel alebo pätičku sa zvyčajne najľahšie číta jed stĺpcový dizajn. V širšej časti stránky môže dvojstĺpcové rozloženie umiestniť krátke vysvetlenie alebo obrázok vedľa polí.

Vyberte blok registračného formulára a zvoľte polia odberateľov, povinné polia, označenia, skryté značky, indikátor priebehu a voliteľné počítadlo odberateľov. Následne môžete samostatne upraviť štýl kontajnera formulára, polí a tlačidla odoslania.

Otvorte „Page settings“ a zmeňte pozadie a predvolené nastavenia celkového dizajnu plochy vloženého formulára. Zohľadnite okolitý web. Priehľadné alebo jednoduché pozadie sa často začlení prirodzenejšie, zatiaľ čo kontrastné pozadie pomôže registračnú ponuku zvýrazniť.

Kompletné pokyny pre rozloženia, obsah, vrstvy, polia, značky, typografiu a vzhľad nájdete v príručke Používanie nástroja na tvorbu registračných formulárov.

Prepojenie registračného procesu

Pomocou ovládacieho prvku registračného procesu v hlavičke nástroja skontrolujte, čo sa stane po odoslaní, ktorý e-mail s dvojitým potvrdením odberu sa odošle a čo návštevník uvidí po potvrdení.

Môžete vybrať existujúci proces, upraviť priradený proces alebo vytvoriť nový. Ak vybraný proces zdieľajú iné formuláre, nezabudnite, že jeho úprava môže ovplyvniť aj tieto formuláre.

Náhľad a uloženie

Kliknutím na „Preview“ skontrolujte celý formulár pred jeho umiestnením na web. Overte poradie polí, označenia, priestor pre chyby, text tlačidla a množstvo doplňujúceho obsahu.

Kliknutím na „Save changes“ uložte aktuálnu verziu. Keď budete pripravení formulár vložiť, vráťte sa do prehľadu Signup Forms.

Aktivácia formulára

Vložený formulár musí byť aktívny, aby bolo možné použiť jeho verejný kód.

Ak je formulár neaktívny, otvorte v prehľade Signup Forms jeho ponuku akcií s tromi bodkami a vyberte „Activate“. Pri aktívnom formulári sa zobrazuje akcia „Show Code Snippet“.

Formulár deaktivujte, keď už nemá byť na vašom webe dostupný. Deaktivácia formulár vyradí z prevádzky bez odstránenia jeho dizajnu alebo predchádzajúcich údajov v reportoch.

Kopírovanie JavaScriptového kódu

Kliknite na „Show Code Snippet“ a otvorte kartu „JavaScript“. Maildroppa poskytuje krátky skript obsahujúci jedinečné ID formulára.

Kód má túto štruktúru:

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

Skopírujte celý kód bez zmeny adresy skriptu alebo ID formulára.

Možnosť JavaScript načíta aktuálne uložený formulár prostredníctvom runtime prostredia formulárov Maildroppa. Keď neskôr upravíte a uložíte ten istý formulár v Maildroppa, existujúci úryvok bude naďalej odkazovať na toto ID formulára. Nemusíte vytvárať nový formulár len preto, aby ste zmenili jeho text alebo dizajn.

Pridanie formulára na web

Vložte skript na miesto stránky, kde sa má vložený formulár zobrazovať.

Presný postup závisí od systému vášho webu. V nástroji na tvorbu stránok alebo systéme na správu obsahu použite blok, ktorý prijíma vlastný HTML alebo skriptový kód. Na vlastnom webe pridajte skript do príslušnej šablóny alebo označenia stránky.

Niektoré editory webov z bezpečnostných dôvodov odstraňujú značky script. Ak sa formulár po zverejnení stránky nezobrazí, najskôr skontrolujte, či editor zachoval celý skript Maildroppa. Možno budete musieť použiť vyhradenú oblasť systému pre vlastný kód alebo požiadať osobu, ktorá spravuje web.

Nevkladajte ten istý úryvok vloženého formulára na jednu stránku viackrát, pokiaľ zámerne nechcete rovnaký formulár na viacerých miestach a toto nastavenie ste otestovali.

Používanie karty HTML

Karta „HTML“ poskytuje vygenerované označenie formulára. Táto možnosť je určená pre vlastné implementácie, pri ktorých chcete pracovať priamo s vykresleným HTML.

Ak zvolíte túto metódu, skopírujte celé označenie. Keďže vlastná HTML integrácia môže byť ovplyvnená štýlmi a implementáciou vášho webu, dôkladne otestujte jej polia, overovanie, odosielanie a proces potvrdenia.

Pre bežný formulár spravovaný službou Maildroppa je JavaScriptový úryvok kratšou integráciou a načíta aktuálnu verejnú konfiguráciu formulára podľa jeho ID.

Testovanie vloženého formulára

Zverejnite alebo zobrazte náhľad stránky webu, ktorá obsahuje kód. Potom formulár otestujte tak, ako by to urobil návštevník:

1. Skontrolujte, či sa formulár zobrazuje na správnom mieste.
2. Zobrazte stránku na širokej aj úzkej obrazovke.
3. Vyplňte každé povinné pole.
4. Odošlite formulár a skontrolujte odpoveď.
5. Otvorte e-mail s dvojitým potvrdením odberu.
6. Potvrďte adresu a skontrolujte konečnú odpoveď.
7. Overte, či sa odberateľ a všetky skryté značky zobrazujú v Maildroppa správne.

Ak je formulár širší než kontajner na vašom webe, upravte v nástroji jeho šírku, rozloženie stĺpcov, vnútorné okraje alebo nastavenia skladania na mobilných zariadeniach. Problémy s rozložením neriešte úpravou vygenerovaného kódu Maildroppa.

Aktualizácia vloženého formulára

Otvorte ten istý formulár v Maildroppa, vykonajte zmeny, zobrazte ich v náhľade a kliknite na „Save changes“. JavaScriptový úryvok na vašom webe bude naďalej používať rovnaké ID formulára a načíta uloženú verejnú konfiguráciu.

Ak treba formulár dočasne odstrániť, deaktivujte ho v prehľade Signup Forms. Ak ho už nepotrebujete, odstráňte úryvok aj z webu, aby stránka neobsahovala nepoužívaný kód.