Tato sekce umožňuje vytvářet a spravovat webové formuláře, které automaticky vytvoří leada v CRM po odeslání návštěvníkem vašeho webu.
Hlavní prvky rozhraní
| Prvek | Popis |
|---|---|
| Tlačítko «New Form» | Vytvoří nový formulář. Otevře editor formulářů. |
| Vyhledávací pole | Filtruje tabulku podle názvu formuláře nebo ID. |
| Tlačítko «Export» | Exportuje data tabulky (CSV/Excel/PDF). |
| Tlačítko «Reload» | Obnoví tabulku na nejnovější data. |
| Záznamů na stránku | Výběr 10/25/50/100 nebo všechny (-1). |
Sloupce tabulky
| Sloupec | Vysvětlení |
|---|---|
| ID | Jedinečný číselný identifikátor formuláře. |
| Form Name | Název formuláře (např. «Support»). Kliknutím upravíte. Po najetí – možnosti: View, Edit, Delete. |
| Total Submissions | Počet odeslání formuláře. |
| Created | Datum a čas vytvoření (relativní čas: «5 hrs ago» nebo přesné datum). |
Možnosti řádku (pod názvem formuláře)
- View – náhled živého formuláře jako návštěvník.
- Edit – úprava polí, nastavení a děkovných zpráv.
- Delete – trvalé smazání formuláře a historie odeslání.
Informace o stránkování
- Zobrazuje aktuální rozsah (např. «Showing 1 to 1 of 1 entries»).
- Tlačítka Previous/Next pro navigaci mezi stránkami.
Doporučení
- Používejte popisné názvy formulářů (např. «Žádost o podporu»).
- Před publikováním každý formulář otestujte pomocí View.
- Pravidelně sledujte Total Submissions pro měření výkonu.
- Používejte vyhledávání pro rychlé nalezení formulářů.
Tvůrce formulářů je hlavní rozhraní pro vytváření a úpravu webových formulářů pro získávání leadů. Dělí se na tři oblasti: levý panel (přetahovatelné typy polí), pravý panel (náhled a úprava), uvnitř pole – nastavení.
Jak přidat nové pole
- Na levém panelu najděte požadovaný typ pole (Header, Name, Email, Phone atd.).
- Přetáhněte pole na pravý panel.
- Pole se objeví v náhledu formuláře a lze jej konfigurovat.
Jak upravit existující pole
- Klikněte na ikonu tužky (Edit) na poli v pravém panelu.
- Pole se rozbalí a zobrazí nastavení (pod náhledem).
- Nakonfigurujte:
- Required (Povinné) – pole musí být vyplněno.
- Label (Popisek) – název pole (lze upravit přímo).
- Help Text (Nápověda) – text pod polem.
- Placeholder – ukázkový text uvnitř pole.
- Class (CSS třída) – výchozí
form-control. - Name (Název pole) – jedinečný identifikátor.
- Access (Přístup) – omezení podle rolí (např. Administrator).
- Type (Typ) – text, password, email, color, tel.
- Max Length (Max. délka) – limit znaků.
- Rows (Řádky) – pouze pro textarea.
- Klikněte na Close pro sbalení nastavení.
Akce na poli (ikony)
| Ikona | Akce | Popis |
|---|---|---|
| ✏️ (Tužka) | Edit | Otevře nastavení pole. |
| ???? (Kopírovat) | Duplicate | Vytvoří přesnou kopii pole. |
| ????️ (Koš) | Delete | Odstraní pole z formuláře. |
Řazení a přeskupování
- Přetáhněte pole za horní část a změňte jeho pořadí.
- Pořadí se automaticky uloží.
Levý panel – dostupné typy polí
| Pole | Účel |
|---|---|
| Header | Nadpis (h1, h2, h3) |
| Paragraph | Textový blok |
| File Upload | Nahrání souboru |
| Name | Celé jméno |
| Position | Pracovní pozice |
| Email Address | E-mail (validace) |
| Phone | Telefonní číslo |
| Lead Value | Hodnota leada |
| Company | Název společnosti |
| Address | Ulice a číslo |
| City | Město |
| State | Stát / Kraj |
| Country | Země |
| Zip Code | PSČ |
| Description | Víceřádkový text (textarea) |
| Website | Webová stránka (URL) |
Uložení formuláře
- Klikněte na tlačítko Save v dolní části levého panelu.
- Šablona se uloží a lze ji vložit na váš web.
Doporučení
- Označte povinná pole zaškrtnutím Required.
- Používejte Placeholder pro ukázkový text ("Zadejte svůj e-mail").
- Po uložení formulář otestujte tlačítkem View v seznamu.
- Dělejte formuláře krátké – maximálně 4–6 polí.
- Použijte Header k vysvětlení účelu formuláře.
Tato sekce konfiguruje chování, vzhled a oznámení webového formuláře. Obsahuje čtyři záložky.
Záložka 1: General (Obecné)
| Pole | Popis |
|---|---|
| Form Name | Povinné. Interní název formuláře. |
| Language | Jazyk validačních zpráv. |
| Lead title prefix | Text před jménem leada pro snadné rozpoznání. |
| Source (Zdroj) | Povinné. Odkud lead pochází. + přidat zdroj. |
| Status (Stav) | Povinné. Počáteční stav leada. + přidat stav. |
| Responsible (Odpovědný) | Zaměstnanec, který leada převezme. |
Záložka 2: Branding (Branding)
| Pole | Popis |
|---|---|
| Submit button text | Text na tlačítku odeslání. |
| Submit button background color | Barva pozadí tlačítka. |
| Submit button text color | Barva textu tlačítka. |
Záložka 3: Submission (Po odeslání)
| Volba / Pole | Popis |
|---|---|
| Display thank you message | Zobrazí zprávu na stejné stránce. |
| Redirect to another website | Přesměruje na jiné URL. |
| Message to show | Děkovná zpráva. |
| Website URL | Cíl přesměrování. |
| Auto mark as public | Lead vidí všichni zaměstnanci. |
| Allow duplicate lead | Povolit duplicitní leady. |
| Prevent duplicate on field | Vyberte 1–2 pole pro blokování duplicit (např. Email). |
| Create task on duplicate | Vytvořit úkol z duplicitního záznamu. |
Záložka 4: Notifications (Oznámení)
| Volba | Popis |
|---|---|
| Notify when lead imported | Odeslat oznámení po odeslání formuláře. |
| Notify type | Kdo dostane oznámení: • Specific Staff Members – vybraní zaměstnanci. • Staff members with roles – vybrané role. • Responsible person – pouze odpovědný. |
| Staff Members to Notify | Viditelné při výběru konkrétních zaměstnanců. |
| Roles to Notify | Viditelné při výběru rolí. |
Tlačítko Save
- Klikněte na Save vpravo dole.
Doporučení
- Vždy zadejte smysluplný název formuláře a zdroj.
- Použijte předponu pro sledování formuláře (např. "Web - ").
- Sladťe barvy tlačítka s vaší značkou.
- Zapněte ochranu proti duplicitám (Email).
- Nastavte oznámení pro rychlou reakci.
Po vytvoření webového formuláře pro leady uvidíte sekci „Integrační kód“. Zde naleznete HTML kód pro vložení formuláře na váš web.
Co získáte
| Prvek | Popis |
|---|---|
| iframe kód | Hotový HTML fragment pro kopírování a vložení. |
| Přímý odkaz (stylovaný) | Celostránková verze formuláře s vaším brandingem. |
| Přímý odkaz s logem | To samé plus logo společnosti. |
Příklad iframe kódu
<iframe width="600" height="850" src="https://confidencesystem.online/forms/wtl/8c018c20ce959b93db32c1a3c8c1abeb" frameborder="0" sandbox="allow-top-navigation allow-forms allow-scripts allow-same-origin allow-popups" allowfullscreen></iframe>
Nastavitelné parametry
| Parametr | Co změnit | Příklad |
|---|---|---|
width | Šířka v pixelech | width="100%" nebo width="500" |
height | Výška v pixelech | height="700" |
src | URL formuláře (neměňte kromě přepínání HTTP/HTTPS) | Ponechte vygenerované |
Důležitá pravidla protokolu
⚠️ Protokol vašeho webu musí odpovídat protokolu vsrciframe
| Protokol vašeho webu | Použijte v src |
|---|---|
http:// (bez SSL) | http:// verzi URL formuláře |
https:// (SSL) | https:// verzi URL formuláře |
Instalace bez SSL musí používat ne-SSL odkazy na vstupních stránkách a naopak.
Přímé odkazy pro testování a sdílení
| Typ odkazu | Účel |
|---|---|
?styled=1 | Zobrazí formulář s vaším brandingem na celou stránku |
?styled=1&with_logo=1 | Totéž plus logo společnosti |
Příklad:
https://confidencesystem.online/forms/wtl/8c018c20ce959b93db32c1a3c8c1abeb?styled=1
Jak vložit na váš web
- Zkopírujte iframe kód.
- Vložte jej do HTML vaší stránky.
- Upravte
widthaheight. - Zkontrolujte protokol –
srciframe musí odpovídat protokolu vašeho webu. - Uložte stránku a otestujte formulář.
Doporučení
- Použijte
width="100%"pro responzivní design. - Nastavte
heighto něco větší než formulář. - Po vložení vždy testujte.
- Zachovejte atributy
sandbox– zajišťují bezpečnost. - Použijte přímý odkaz pro sdílení e-mailem nebo na sociálních sítích.