Moduli di Contatto

Create professional contact forms that integrate seamlessly with your chatbot and include built-in spam protection.

Panoramica

Contact Forms in ChatReact permettono di:

Raccogliere informazioni strutturate dai visitatori
Filtrare automaticamente le invii di spam
Ricevere notifiche per nuove submission
Revisionare e gestire le submission nella dashboard

Disponibilità

Contact Forms sono disponibili su:

Starter plan e superiori

Creare un Modulo

Passo 1: Vai a Forms

Vai a Forms nella barra laterale
Clicca Create Form

Passo 2: Configura le Impostazioni di Base

Setting	Description
Name	Nome interno del modulo
Description	Descrizione opzionale per il tuo team
Active	Attiva/disattiva il modulo
Notification Email	Dove inviare gli avvisi di new submission

Passo 3: Aggiungi Campi

Trascina e rilascia per aggiungere campi:

Field Type	Description
Text	Campo di testo a singola riga
Email	Email con validazione
Phone	Campo per numero di telefono
Textarea	Testo a più righe
Select	Selezione a tendina
Checkbox	Toggle sì/no
Number	Input numerico

Opzioni del Campo

Per ogni campo, configura:

Label: Nome visualizzato
Placeholder: Testo guida
Required: Campo obbligatorio
Options: Per campi select/dropdown

Protezione anti-spam

AI-Powered Spam Filter

Ogni submission viene analizzata dall'AI per:

Pattern sospetti
Contenuti di spam noti
Comportamenti simili a bot
Segnali di qualità

Soglia di Spam

Imposta la sensibilità (0-100):

Low (25): Rileva solo lo spam ovvio
Medium (50): Filtraggio bilanciato
High (75): Blocco aggressivo dello spam

Auto-Reject

Abilita il rifiuto automatico delle submission considerate spam:

Le submission rifiutate vengono registrate ma non inviate
Revisiona le submission rifiutate in qualsiasi momento

Gestione delle Submission

Elenco Submission

Visualizza tutte le submission del modulo con:

Data e ora della submission
Informazioni sul mittente con etichette dei campi leggibili (es. "Nome", "Email" invece di ID tecnici)
Punteggio e stato spam
Stato di revisione

Azioni sulla Submission

Action	Description
View	Vedi i dettagli completi della submission
Mark as Spam	Contrassegna come spam per il filtraggio futuro
Mark as Not Spam	Approva una submission erroneamente contrassegnata
Delete	Elimina permanentemente la submission

Filtri

Filtra le submission per:

Intervallo di date
Stato (pending, reviewed, spam)
Ricerca per contenuto

Embedding dei Moduli

Widget Integration

I moduli possono apparire nel widget di chat:

Configura il trigger del modulo nelle impostazioni del chatbot
Quando viene attivato, il modulo appare nella chat

Standalone Embed

Incorpora i moduli direttamente sul tuo sito web:

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

Può anche specificare un elemento contenitore personalizzato usando l'attributo data-container se desidera che il modulo venga renderizzato all'interno di un elemento specifico:

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

Styling

Forms ereditano automaticamente lo styling del suo widget:

Primary e secondary colors
Border radius
Font family

Notifications

Email Notifications

Riceverà email istantanee per nuove submissions:

Destinatario configurabile
Contenuto completo della submission
Link di azione rapida

Le submission con un punteggio di spam molto alto (80%+) non attivano notifiche email per evitare di intasare la sua casella di posta con spam evidente. Solo i casi al limite vengono segnalati per la revisione manuale.

In-App Notifications

Visualizzi le nuove submissions nella campana delle notifiche:

Clicchi per navigare alla submission
Segni come lette/non lette

Best Practices

Keep forms short: Chieda solo le informazioni essenziali
Use clear labels: Eviti il gergo
Test spam filter: Inviï voci di prova per calibrare
Respond promptly: Risposte rapide migliorano la soddisfazione
Review spam folder: Controlli i falsi positivi