Kontaktné formuláre

Vytvorte profesionálne kontaktné formuláre, ktoré sa bezproblémovo integrujú s vaším chatbotom a obsahujú vstavanú ochranu proti spamu.

Prehľad

Kontaktné formuláre v ChatReact vám umožňujú:

• Zbierať štruktúrované informácie od návštevníkov
• Automaticky filtrovať spamové podania
• Dostávať upozornenia o nových podaniach
• Prezerať a spravovať podania v administrácii

Dostupnosť

Kontaktné formuláre sú dostupné v:

• Starter pláne a vyšších

Vytvorenie formulára

Formuláre sa spravujú pre každý chatbot samostatne, takže každý formulár patrí presne k jednému chatbotovi.

Krok 1: Prejdite do Formulárov

1. Vyberte chatbota, ku ktorému formulár patrí
2. Prejdite do Forms v postrannom paneli
3. Kliknite na Create Form

Nástroj na tvorbu formulára vás prevedie štyrmi krokmi: Basics, Fields, Design a Settings.

Krok 2: Základy

Nové formuláre sú predvolene aktívne. Formulár môžete neskôr zapnúť alebo vypnúť pomocou prepínača Form Active na jeho karte General.

Krok 3: Pridanie polí

Nové formuláre sú predvyplnené šablónou kontaktného formulára — Meno, Email, Správa a Súhlas s ochranou súkromia — ktoré môžete upraviť, preusporiadať alebo odstrániť. Použite tlačidlo Add Field na pridanie ďalších polí a šípky hore/dole na zmenu ich poradia.

Možnosti polí

Pre každé pole nastavte:

• Label: Zobrazené meno
• Placeholder: Nápovedný text
• Required: Povinné vyplniť
• Options: Pre polia typu select/rozbaľovací zoznam

Krok 4: Dizajn

Štýlujte formulár tak, aby zodpovedal vášmu webu:

• Quick Presets: Východiskové nastavenia pre svetlú a tmavú tému
• Colors: Vyberte primárnu, pozadia a textovú farbu
• Button Text: Vlastný štítok tlačidla odoslania
• Success Message: Čo návštevníci uvidia po odoslaní

Živý náhľad zobrazuje vaše zmeny počas úprav.

Krok 5: Nastavenia

Nakonfigurujte ochranu proti spamu (viď nižšie) a Notification Email pre upozornenia o podaniach.

Ochrana proti spamu

AI-poháňaný spam filter

Každé podanie analyzuje AI z hľadiska:

• Podozrivých vzorcov
• Známého spamového obsahu
• Správania podobného botom
• Signálov kvality

Prah spamu

Každé podanie dostane spamové skóre od 0 (legitímne) do 100 (definitívny spam). Použite posuvník prahu (0–100, predvolené 70), aby ste rozhodli, kde položíte hranicu — ak je povolené Auto-Reject, podania so spamovým skóre nad prahom sú označené ako spam:

• Nižší prah: Prísnejšie filtrovanie — viac podaní je označených
• Vyšší prah: Miernejšie — označujú sa len zjavné spamy

Auto-Reject

Povoľte Auto-Reject, aby sa spam riešil automaticky:

• Podania s bodovaním nad vaším prahom sú automaticky označené ako spam
• Zostanú vo vašom zozname podaní, takže si ich môžete kedykoľvek skontrolovať

Správa podaní

Zoznam podaní

Stránka podaní začína prehľadom vašich súčtov: Total, Pending, Approved, Spam a Rejected počty.

Kliknite na podanie, aby sa rozbalilo a zobrazilo:

• Dátum a čas podania
• Informácie o odosielateľovi s čitateľnými názvami polí (napr. "Name", "Email" namiesto technických ID)
• Spamové skóre a stav
• Dôvodenie AI pre spamové skóre
• Technické detaily ako IP adresa a referrer

Akcie s podaním

Akcie Approve, Mark as Spam a Reject sú dostupné pre podania so stavom Pending; Delete je dostupné pre všetky podania.

Filtrovanie

Použite rozbaľovací zoznam stavov na filtrovanie podaní: All, Pending, Approved, Spam alebo Rejected.

Vkladanie formulárov na web

Kontaktné formuláre sa vkladajú priamo na váš web pomocou krátkeho skriptu. Môžete skopírovať pripravený snippet — vrátane ID formulára — z administrácie: použite ikonu kopírovania na kartičke formulára alebo kartu Embed na editácii formulára.

Samostatné vloženie

Vložte formulár priamo na váš web:

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

Môžete tiež špecifikovať vlastný kontajnerový element pomocou atribútu data-container, ak chcete, aby sa formulár vykreslil v konkrétnom elemente:

<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>

Možnosti vloženia

Doladte rozloženie pomocou týchto voliteľných atribútov skriptu:

WordPress

Ak váš web beží na WordPress, oficiálny plugin ChatReact vám umožní vložiť formuláre pomocou shortkódu:

[chatreact_form id="YOUR_FORM_ID"]

Súčasťou sú aj Gutenberg blok a Elementor widget. Viac informácií nájdete v WordPress Integration.

Štýlovanie

Vložené formuláre používajú farby, text tlačidla a úspešnú správu, ktoré ste nakonfigurovali v nastaveniach Design formulára — každý formulár má vlastný vzhľad, nezávislý od vašej chatovej widget. Rodina písiem sa dedí z vášho webu, takže formuláre prirodzene ladia s ostatným obsahom.

Vložené formuláre zobrazujú malý odkaz "Powered by ChatReact". Plány, ktoré zahŕňajú white-label (Professional a vyššie), túto značku odstránia.

Viacjazyčné formuláre

Karta Translations na editácii formulára vám umožní preložiť formulár pre každý z jazykov vášho chatbota:

• Názvy polí a nápovedné texty
• Text tlačidla odoslania
• Správa po úspešnom odoslaní

Vložené formuláre automaticky rozpoznajú jazyk vašej stránky a zobrazia zodpovedajúci preklad.

Upozornenia

Emailové upozornenia

Dostávajte emailové oznámenia o nových podaniach:

• Upozornenia obsahujú meno formulára a priame prepojenie na stránku podaní
• Ak sa Notification Email, ktoré nastavíte, zhoduje s účtom člena tímu, táto osoba dostane upozornenie; inak dostanú upozornenie všetci vlastníci, admini a manažéri
• Doručenie sa riadi notification preferences každej osoby — okamžité alebo zhrnuté do súhrnu

Upozornenia v aplikácii

Nové podania uvidíte na zvončeku upozornení:

• Kliknutím prejdete na podanie
• Označiť ako prečítané (jednotlivo alebo všetky naraz)

Najlepšie postupy

1. Udržujte formuláre krátke: Pýtajte sa len na nevyhnutné informácie
2. Používajte jasné názvy: Vyhnite sa žargónu
3. Otestujte spam filter: Odosielajte testovacie záznamy na kalibráciu
4. Reagujte promptne: Rýchle odpovede zvyšujú spokojnosť
5. Kontrolujte spamovú zložku: Skontrolujte falošné pozitíva

Ďalšie kroky

• Live Chat →
• Widget Customization →
• Notifications →