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
- Selectați chatbotul căruia îi aparține formularul
- Mergeți la Forms în bara laterală
- Faceți clic pe Create Form
Constructorul de formulare vă ghidează prin patru pași: Basics, Fields, Design și Settings.
Pasul 2: Bazele
| Setare | Descriere |
|---|---|
| Name | Nume intern pentru formular |
| Description | Descriere 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âmp | Descriere |
|---|---|
| Text | Câmp text pe o singură linie |
| Email cu validare | |
| Phone | Câmp pentru număr de telefon |
| Textarea | Text pe mai multe linii |
| Select | Meniu drop-down |
| Checkbox | Comutator da/nu |
| Number | Câ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țiune | Descriere |
|---|---|
| Approve | Acceptați o înscriere cu status pending |
| Mark as Spam | Marcați o înscriere pending ca spam |
| Reject | Refuzați o înscriere pending |
| Delete | Elimină 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:
| Atribut | Descriere |
|---|---|
data-align | Aliniere orizontală: left, center sau right |
data-max-width | Lățimea maximă a formularului în pixeli (implicit: 500) |
data-font-size | Dimensiunea de bază a fontului (implicit: 14px) |
data-margin-bottom | Spaț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
- Păstrați formularele scurte: Cereți doar informațiile esențiale
- Utilizați etichete clare: Evitați jargonul
- Testați filtrul anti-spam: Trimiteți intrări de test pentru a calibra
- Răspundeți prompt: Răspunsurile rapide îmbunătățesc satisfacția
- Revizuiți folderul de spam: Verificați posibilele fals pozitive