Vytvoření sběrného formuláře

Michal Krejčí

2. května 2023

Sdílet článek

Sběrné formuláře v Boldem si můžete zobrazit na webu propojeném s Boldem a použít je ke sběru dat, nejčastěji e-mailových adres příjemců. Sběr dat můžete také automatizovat.

K dispozici jsou dva typy sběrných formulářů:

• Pop-up – vyskakovací formulář, který se uživateli webu zobrazí jako překryv stránky na základě vámi definovaných pravidel.
• Integrovaný – formulář, který se zobrazí jako součást webové stránky.

Postup vytvoření jednotlivých formulářů naleznete níže.

Předpoklady

K vytvoření sběrného formuláře budete potřebovat:

• Seznam příjemců, do kterého chcete příjemce z formuláře ukládat
• Propojený web, kde chcete formulář zobrazovat.
• V případě integrovaného formuláře pak ještě možnost upravovat konkrétní webovou stránku, kde chcete formulář zobrazovat. K zobrazení integrovaného formuláře totiž nestačí vložit na web pouze propojovací kód, ale také jedinečnou třídu, nebo ID. Podrobnosti najdete v postupu níže.

Pop-up formulář

Níže najdete postup k vytvoření vyskakovacího formuláře, který se uživateli webu zobrazí jako překryv stránky na základě vámi definovaných pravidel.

1. Klikněte na Sběrné formuláře a vyberte Vytvořit nový formulář.
2. Vyberte Pop-up.
3. Vyplňte název formuláře. Údaj slouží pro vaši orientaci.
4. Z rozevírací nabídky Hlavní seznam příjemců vyberte seznam, do kterého chcete příjemce z formuláře ukládat.
5. Z rozevírací nabídky Webová stránka vyberte web, který jste si propojili s Boldem, a na kterém chcete zobrazovat formuláře.
6. Volitelně zadejte popis formuláře pro vaši orientaci a klikněte na Vytvořit formulář.
7. Zobrazí se editor formuláře s nabídkou:
   • Použít vzorový formulář – vyberte, chcete-li upravovat vzorový dvoukrokový formulář.
   • Použít prázdný formulář – vyberte, chcete-li začít formulář vytvářet zcela od začátku.

Postup vytvoření formuláře je v obou případech podobný, pouze v případě vzorového formuláře jsou pro vás již jednotlivé prvky připraveny a stačí je pouze nastavit. Rovněž ve vzorovém formuláři naleznete dva kroky. Druhý krok se zobrazí poté, co uživatel formulář potvrdí. Pokud tento krok zobrazovat nechcete, stačí jej odebrat a v takovém případě se formulář po odeslání dat jednoduše zavře.

1. V případě prázdného formuláře klikněte na Vložit obsah.
2. Otevře se levá nabídka s prvky, které můžete vkládat do formuláře. Jako minimum budete ve formuláři potřebovat textové pole k zadávání údajů a tlačítko k odeslání formuláře.
3. Přetáhněte blok Textové pole do plátna editoru vpravo.
4. Klikněte dovnitř textového pole. Vlevo se objeví nabídka Úprava bloku.
5. Chcete-li pomocí formuláře sbírat e-mailové adresy, vyberte z rozevírací nabídky Sloupec, do kterého chcete ukládat údaje položku E-mail.
6. Upravte nadpis a popis textového pole podle svých představ.
7. Klikněte na ikonu mřížky k zobrazení seznamu obsahových bloků.

8. Do plátna vpravo přetáhněte blok Tlačítko. Typicky se tlačítko umisťuje pod textové pole.
9. Chcete-li upravit styl tlačítka, klikněte na něj a vyberte vlastnosti, které preferujete. Stejně tak můžete přidat libovolný další obsah, jako jsou obrázky, dodatečný text, popřípadě upravit barvy, změnit pozadí, zobrazit tlačítko k zavření formuláře a podobně.
10. Jakmile budete se změnami spokojeni, klikněte na tlačítko Povolit v horní části stránky.
11. Uložte formulář kliknutím na Hotovo a vyberte Uložit a odejít.
    Poznámka: Nenechte se zmást tím, že na pozadí formuláře se zobrazuje stránka odesílací domény a nikoli webu, kde formulář hodláte zobrazovat. Jedná se pouze o ilustrační zobrazení. Adresu vašeho webu najdete v Nastavení/Weby.

Ve výchozím nastavení se formulář zobrazí každému návštěvníkovi pouze jednou a okamžitě po načtení všech stránek na propojeném webu. Na kartě Nastavení, položka Konfigurace okna máte možnost si upravit chování a způsob zobrazování formuláře:

• Pro účely testování může být praktické dočasně zobrazovat formulář opakovaně. V takovém případě vypněte přepínač u položky Zobrazit pouze jednou. Po dokončení testování nezapomeňte nastavení vrátit zpět.
• Ve výchozím nastavení se formulář zobrazí okamžitě po načtení stránky. V rozevírací nabídce Typ spouštěče si můžete vybrat, kdy chcete formulář zobrazit.
• Chcete-li formulář zobrazovat pouze na konkrétních stránkách svého webu, vyberte odpovídající možnost v rozevírací nabídce Podmínka pro zobrazení formuláře.
• V případě potřeby můžete rovněž omezit zobrazování formuláře pouze pro určité IP adresy.

Integrovaný formulář

Níže najdete postup k vytvoření formuláře, který se zobrazí trvale jako součást webové stránky.

1. Klikněte na Sběrné formuláře a vyberte Vytvořit nový formulář.
2. Vyberte Integrovaný.
3. Vyplňte název formuláře. Údaj slouží pro vaši orientaci.
4. Z rozevírací nabídky Hlavní seznam příjemců vyberte seznam, do kterého chcete příjemce z formuláře ukládat.
5. Z rozevírací nabídky Webová stránka vyberte web, který jste si propojili s Boldem, a na kterém chcete zobrazovat formuláře.
6. Volitelně zadejte popis formuláře pro vaši orientaci a klikněte na Vytvořit formulář.
7. Zobrazí se editor formuláře s nabídkou:
   • Použít vzorový formulář – vyberte, chcete-li upravovat vzorový dvoukrokový formulář.
   • Použít prázdný formulář – vyberte, chcete-li začít formulář vytvářet zcela od začátku.

Postup vytvoření formuláře je v obou případech podobný, pouze v případě vzorového formuláře jsou pro vás již jednotlivé prvky připraveny a stačí je pouze nastavit.

1. V případě prázdného formuláře klikněte na Vložit obsah.
2. Otevře se levá nabídka s prvky, které můžete vkládat do formuláře. Jako minimum budete ve formuláři potřebovat textové pole k zadávání údajů a tlačítko k odeslání formuláře.
3. Přetáhněte blok Textové pole do plátna editoru vpravo.
4. Klikněte dovnitř textového pole. Vlevo se objeví nabídka Úprava bloku.
5. Chcete-li pomocí formuláře sbírat e-mailové adresy, vyberte z rozevírací nabídky Sloupec, do kterého chcete ukládat údaje položku E-mail.
6. Upravte nadpis a popis textového pole podle svých představ.
7. Klikněte na ikonu mřížky k zobrazení seznamu obsahových bloků.

8. Do plátna vpravo přetáhněte blok Tlačítko. Typicky se tlačítko umisťuje pod textové pole.
9. Chcete-li upravit styl tlačítka, klikněte na něj a vyberte vlastnosti, které preferujete. Stejně tak můžete přidat libovolný další obsah, jako jsou obrázky, dodatečný text, popřípadě upravit barvy, změnit pozadí, zobrazit tlačítko k zavření formuláře a podobně.

Podobným způsobem doporučujeme upravit rovněž druhý krok formuláře, který je nezbytný, pokud nechcete, aby se po odeslání formuláře uživateli zobrazila pouze neosobní generická zpráva:

1. Vedle panelu s nastavením a informacemi klikněte na ikonu se symbolem ⊕.

2. Zobrazí se prázdné plátno, do kterého opět obdobným způsobem přetáhněte požadované bloky. Pokud nechcete v novém kroku sbírat data, stačí použít například pouze blok k zobrazení textu, případně obrázek, ale fantazii se pochopitelně meze nekladou.
3. Mezi jednotlivými kroky se můžete snadno přepínat kliknutím na ①, ② a další.

Nyní je třeba upravit stránku vašeho webu a umístit jedinečnou třídu nebo ID do míst, kde chcete formulář zobrazovat. Postup je následující:

Do vybrané stránky vložte HTML kód s jedinečným identifikátorem typu ID nebo class. Tento identifikátor je typicky součástí některého tagu, jako je například span.

Příklad takového tagu s jedinečným identifikátorem třídy:

<span class="muj-formular">

Obdobný příklad s identifikátorem ID:

<span id="muj-formular">

Po vložení odpovídajícího identifikátoru se vraťte do nastavení formuláře:

1. Na kartě Nastavení klikněte na Konfigurace zobrazení formuláře.
2. Do prvního pole zadejte jedinečný identifikátor s odpovídajícím znakem. V případě class použijte tečku:

3. V případě ID použijte křížek:

V dalších nastaveních vyberte, jak, kdy, a komu chcete formulář zobrazovat. Ve výchozím nastavení se formulář zobrazí každému návštěvníkovi ve všech responzivních zobrazeních.

Jakmile budete s úpravami spokojeni, klikněte na tlačítko Povolit v horní části stránky. Formulář uložíte kliknutím na Hotovo a vybráním Uložit a odejít.

Nakonec ověřte, že se formulář zobrazuje na vašem webu správně dle vašich představ.

Tímto postupem můžete na webu zobrazovat libovolné množství různých formulářů. Podmínkou je, aby vždy měly jedinečné ID, nebo třídu.