AcasăDocumentație

Formulare de contact

Creați formulare de contact profesionale care se integrează impecabil cu chatbotul dumneavoastră și includ protecție anti-spam încorporată.

Prezentare generală

Formularele de contact din ChatReact vă permit să:

  • Colectați informații structurate de la vizitatori
  • Filtrați automat trimiterea de spam
  • Primiți notificări pentru noi înscrieri
  • Examinați și gestionați înscrierile în bord

Disponibilitate

Formularele de contact sunt disponibile în:

  • planul Starter și superior

Crearea unui formular

Formularele sunt gestionate pe chatbot, astfel încât fiecare formular aparține exact unui singur chatbot.

Pasul 1: Navigați la Formulare

  1. Selectați chatbotul căruia îi aparține formularul
  2. Mergeți la Forms în bara laterală
  3. Faceți clic pe Create Form

Constructorul de formulare vă ghidează prin patru pași: Basics, Fields, Design și Settings.

Pasul 2: Bazele

SetareDescriere
NameNume intern pentru formular
DescriptionDescriere opțională pentru echipa dumneavoastră

Formularele noi sunt active în mod implicit. Puteți activa sau dezactiva un formular ulterior prin comutatorul Form Active din fila General.

Pasul 3: Adăugați câmpuri

Formularele noi vin precompletate cu un șablon de contact gata făcut — Name, Email, Message și Privacy Consent — pe care îl puteți edita, reordona sau elimina. Utilizați butonul Add Field pentru a adăuga mai multe câmpuri și săgețile sus/jos pentru a le schimba ordinea.

Tip câmpDescriere
TextCâmp text pe o singură linie
EmailEmail cu validare
PhoneCâmp pentru număr de telefon
TextareaText pe mai multe linii
SelectMeniu drop-down
CheckboxComutator da/nu
NumberCâmp numeric

Opțiuni pentru câmpuri

Pentru fiecare câmp, configurați:

  • Label: Numele afișat
  • Placeholder: Text sugestiv
  • Required: Obligativitatea completării
  • Options: Pentru câmpurile select/dropdown

Pasul 4: Design

Stilizați formularul pentru a se potrivi cu site-ul dumneavoastră:

  • Quick Presets: Porniri rapide pentru temă deschisă și închisă
  • Colors: Alegeți culoarea principală, de fundal și culoarea textului
  • Button Text: Etichetă personalizată pentru butonul de trimitere
  • Success Message: Ce văd vizitatorii după trimitere

Previzualizarea live vă arată modificările pe măsură ce le efectuați.

Pasul 5: Setări

Configurați protecția anti-spam (vedeți mai jos) și Notification Email pentru alertele de înscriere.

Protecție anti-spam

Filtru anti-spam bazat pe AI

Fiecare înscriere este analizată de AI pentru:

  • Tipare suspecte
  • Conținut cunoscut ca spam
  • Comportament asemănător botilor
  • Semnale de calitate

Pragul de spam

Fiecare înscriere primește un scor de spam de la 0 (legitim) la 100 (spam definitiv). Utilizați glisorul de prag (0–100, implicit 70) pentru a decide unde trageți linia — cu Auto-Reject activat, înscrierile cu un scor de spam peste prag sunt marcate ca spam:

  • Prag mai mic: Filtrare mai strictă — mai multe înscrieri sunt semnalate
  • Prag mai mare: Mai permisiv — doar spamul evident este semnalat

Auto-Reject

Activați Auto-Reject pentru a gestiona spamul automat:

  • Înscrierile care obțin un scor peste pragul dumneavoastră sunt marcate automat ca spam
  • Ele rămân în lista de înscrieri, astfel încât le puteți examina oricând

Înscrierile cu risc scăzut (scor de spam sub 30) sunt aprobate automat, astfel încât doar înscrierile incerte rămân pentru revizuirea manuală.

Gestionarea înscrierilor

Lista înscrierilor

Pagina de înscrieri începe cu o prezentare generală a totalurilor: numărul Total, Pending, Approved, Spam și Rejected.

Faceți clic pe o înscriere pentru a o extinde și a vedea:

  • Data și ora trimiterii
  • Informațiile expeditorului cu etichete de câmp lizibile (de ex. "Name", "Email" în loc de ID-uri tehnice)
  • Scorul de spam și statusul
  • Raționamentul AI din spatele scorului de spam
  • Detalii tehnice precum adresa IP și referer-ul

Acțiuni pentru înscrieri

AcțiuneDescriere
ApproveAcceptați o înscriere cu status pending
Mark as SpamMarcați o înscriere pending ca spam
RejectRefuzați o înscriere pending
DeleteElimină o înscriere definitiv

Approve, Mark as Spam și Reject sunt disponibile pentru înscrierile cu status Pending; Delete este disponibil pentru toate înscrierile.

Filtrare

Utilizați lista derulantă de status pentru a filtra înscrierile: All, Pending, Approved, Spam sau Rejected.

Încorporarea formularelor

Formularele de contact sunt încorporate direct pe site-ul dumneavoastră cu un mic fragment de script. Puteți copia fragmentul gata făcut — inclusiv ID-ul formularului — din bord: folosiți pictograma de copiere de pe cardul formularului sau fila Embed din pagina de editare a formularului.

Încorporare independentă

Încorporați formulare direct pe site-ul dumneavoastră:

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

De asemenea, puteți specifica un element container personalizat folosind atributul data-container dacă doriți ca formularul să se afișeze într-un element specific:

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

Opțiuni de încorporare

Rafinati aspectul cu aceste atribute opționale pentru script:

AtributDescriere
data-alignAliniere orizontală: left, center sau right
data-max-widthLățimea maximă a formularului în pixeli (implicit: 500)
data-font-sizeDimensiunea de bază a fontului (implicit: 14px)
data-margin-bottomSpațiul de sub formular (implicit: 40px)

WordPress

Dacă site-ul dumneavoastră rulează WordPress, pluginul oficial ChatReact vă permite să încorporați formulare cu un shortcode:

[chatreact_form id="YOUR_FORM_ID"]

Este inclus și un bloc Gutenberg și un widget Elementor. Consultați WordPress Integration pentru detalii.

Stilizare

Formularele încorporate folosesc culorile, textul butonului și mesajul de succes configurate în setările Design ale formularului — fiecare formular are aspectul său, independent de widget-ul de chat. Familia de fonturi este moștenită din site-ul dumneavoastră, astfel încât formularele se integrează natural.

Formularele încorporate afișează un mic link „Powered by ChatReact”. Planurile care includ white-label (Professional și superior) elimină acest branding.

Formulare multilingve

Fila Translations din pagina de editare a formularului vă permite să traduceți formularul pentru fiecare dintre limbile chatbotului dumneavoastră:

  • Etichetele câmpurilor și placeholder-ele
  • Textul butonului de trimitere
  • Mesajul de succes

Formularele încorporate detectează automat limba paginii și afișează traducerea corespunzătoare.

Notificări

Notificări prin e-mail

Primiți alerte prin email pentru noi înscrieri:

  • Alertele includ numele formularului și un link direct către pagina de înscrieri
  • Dacă Notification Email pe care îl configurați corespunde contului unui membru al echipei, acea persoană este notificată; altfel toți proprietarii, adminii și managerii primesc alerta
  • Livrarea urmează preferințele de notificare ale fiecărui destinatar — instant sau grupate într-un digest

Când Auto-Reject este activat, înscrierile cu un scor de spam foarte ridicat (80%+) nu declanșează notificări, pentru a evita aglomerarea inbox-ului cu spam evident. Cazurile la limită sunt încă raportate pentru revizuire manuală.

Notificări în aplicație

Vedeți noile înscrieri în clopoțelul de notificări:

  • Faceți clic pentru a naviga către înscriere
  • Marcați ca citit (individual sau toate odată)

Practici recomandate

  1. Păstrați formularele scurte: Cereți doar informațiile esențiale
  2. Utilizați etichete clare: Evitați jargonul
  3. Testați filtrul anti-spam: Trimiteți intrări de test pentru a calibra
  4. Răspundeți prompt: Răspunsurile rapide îmbunătățesc satisfacția
  5. Revizuiți folderul de spam: Verificați posibilele fals pozitive

Pași următori