Kontaktní formuláře

Vytvořte profesionální kontaktní formuláře, které se bezproblémově integrují s vaším chatbotem a obsahují vestavěnou ochranu proti spamu.

Přehled

Kontaktní formuláře v ChatReact vám umožňují:

• Shromažďovat strukturované informace od návštěvníků
• Automaticky filtrovat spamové odeslání
• Dostávat oznámení o nových odesláních
• Přezkoumávat a spravovat odeslání v administraci

Dostupnost

Kontaktní formuláře jsou dostupné v:

• Starter plánu a výše

Vytvoření formuláře

Formuláře se spravují na úrovni jednotlivých chatbotů, takže každý formulář patří přesně jednomu chatbotu.

Krok 1: Přejděte na Formuláře

1. Vyberte chatbota, ke kterému formulář patří
2. Přejděte do Forms v postranním panelu
3. Klikněte na Create Form

Tvůrce formulářů vás provede čtyřmi kroky: Basics, Fields, Design a Settings.

Krok 2: Základní informace

Nové formuláře jsou ve výchozím nastavení aktivní. Stav formuláře později zapnete nebo vypnete pomocí přepínače Form Active na kartě General.

Krok 3: Přidání polí

Nové formuláře jsou předvyplněny připravenou šablonou kontaktu — Jméno, Email, Zpráva a Souhlas se zpracováním osobních údajů — kterou můžete upravit, přeuspořádat nebo odstranit. Pro přidání dalších polí použijte tlačítko Add Field a pro změnu pořadí použijte šipky nahoru/dolů.

Možnosti polí

U každého pole nastavte:

• Label: Název zobrazený uživateli
• Placeholder: Nápovědný text
• Required: Pole musí být vyplněno
• Options: Pro pole typu select/rozevírací seznam

Krok 4: Design

Stylujte formulář tak, aby odpovídal vašim stránkám:

• Quick Presets: Výchozí světlé a tmavé motivy
• Colors: Vyberte primární barvu, barvu pozadí a barvu textu
• Button Text: Vlastní popisek tlačítka odeslat
• Success Message: Co návštěvník uvidí po odeslání

Živá náhledová ukázka zobrazuje vaše změny v reálném čase.

Krok 5: Nastavení

Nakonfigurujte ochranu proti spamu (viz níže) a Notification Email pro oznámení o odesláních.

Ochrana proti spamu

AI-poháněný filtr spamu

Každé odeslání je analyzováno pomocí AI z hlediska:

• Podezřelých vzorců
• Známého spamového obsahu
• Chování podobného botům
• Kvalitativních signálů

Prahová hodnota spamu

Každé odeslání obdrží skóre spamu od 0 (legitimní) do 100 (rozhodně spam). Použijte posuvník prahu (0–100, výchozí 70) k rozhodnutí, kde táhnout hranici — pokud je povoleno Auto-Reject, odeslání se skóre spamu nad prahem jsou označena jako spam:

• Nižší práh: Přísnější filtrování — více odeslání je označeno
• Vyšší práh: Uvolněnější — jsou označovány pouze zjevné spamy

Auto-Reject

Povolte Auto-Reject pro automatickou manipulaci se spamem:

• Odeslání s hodnocením nad vaším prahem jsou automaticky označena jako spam
• Zůstanou v seznamu odeslání, takže je můžete kdykoli přezkoumat

Správa odeslání

Seznam odeslání

Stránka s odesláními začíná přehledem celkových čísel: Total, Pending, Approved, Spam a Rejected.

Kliknutím na odeslání ho rozbalíte a uvidíte:

• Datum a čas odeslání
• Informace o odesílateli s čitelnými popisky polí (např. "Name", "Email" místo technických ID)
• Skóre spamu a stav
• Důvody AI pro udělené skóre spamu
• Technické detaily jako IP adresa a referrer

Akce s odesláním

Akce Approve, Mark as Spam a Reject jsou dostupné pro odeslání se stavem Pending; Delete je dostupné pro všechna odeslání.

Filtrování

Použijte rozbalovací seznam se stavem pro filtrování odeslání: All, Pending, Approved, Spam nebo Rejected.

Vkládání formulářů na web

Kontaktní formuláře vkládáte přímo na váš web pomocí malého skriptového útržku. Zkopírujete si připravený útržek — včetně ID formuláře — z administrace: použijte ikonu kopírování na kartě formuláře nebo záložku Embed na editační stránce formuláře.

Samostatné vložení

Vložte formuláře přímo na své stránky:

<script
  src="https://www.chatreact.ai/embed/form.js"
  data-form-id="YOUR_FORM_ID"
  async
></script>

Můžete také specifikovat vlastní kontejnerový prvek pomocí atributu data-container, pokud chcete, aby se formulář vykreslil uvnitř konkrétního elementu:

<div id="my-form-container"></div>
<script
  src="https://www.chatreact.ai/embed/form.js"
  data-form-id="YOUR_FORM_ID"
  data-container="my-form-container"
  async
></script>

Volby vložení

Jemně dolaďte rozvržení pomocí těchto volitelných atributů skriptu:

WordPress

Pokud váš web běží na WordPress, oficiální ChatReact plugin umožňuje vložení formulářů pomocí shortcodu:

[chatreact_form id="YOUR_FORM_ID"]

Je zahrnut také Gutenberg blok a Elementor widget. Viz WordPress Integration pro podrobnosti.

Stylování

Vložené formuláře používají barvy, text tlačítka a zprávu o úspěchu, které jste nastavili v nastavení Design formuláře — každý formulář má vlastní vzhled nezávislý na vašem chat widgetu. Rodina fontů se dědí z vašeho webu, takže formuláře přirozeně zapadnou.

Vložené formuláře zobrazují malý odkaz "Powered by ChatReact". Plány, které obsahují white-label (Professional a výše), toto označení odstraní.

Vícejazyčné formuláře

Záložka Translations na editační stránce formuláře vám umožní překládat formulář pro každý jazyk vašeho chatbota:

• Popisky polí a placeholdery
• Text tlačítka odeslat
• Zpráva o úspěchu

Vložené formuláře automaticky detekují jazyk vaší stránky a zobrazí odpovídající překlad.

Oznámení

Emailová oznámení

Dostávejte emailová upozornění o nových odesláních:

• Upozornění obsahují název formuláře a přímý odkaz na stránku s odesláními
• Pokud Notification Email, které nastavíte, odpovídá účtu člena týmu, je tato osoba upozorněna; jinak obdrží upozornění všichni vlastníci, administrátoři a manažeři
• Doručování se řídí nastaveními oznámení každého příjemce — okamžitě nebo seskupeně do digestu

Notifikace v aplikaci

Nová odeslání uvidíte v ikoně zvonku oznámení:

• Kliknutím přejdete na konkrétní odeslání
• Označit jako přečtené (jednotlivě nebo všechny najednou)

Doporučené postupy

1. Udržujte formuláře krátké: Žádejte pouze o nezbytné informace
2. Používejte jasné popisky: Vyhněte se žargonům
3. Testujte filtr spamu: Odešlete testovací záznamy pro kalibraci
4. Reagujte rychle: Rychlé odpovědi zvyšují spokojenost
5. Kontrolujte spamovou složku: Hledejte falešné pozitivy

Další kroky

• Live Chat →
• Widget Customization →
• Notifications →