Moduli di Contatto

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

Panoramica

I Moduli di Contatto in ChatReact Le permettono di:

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

Disponibilità

I Moduli di Contatto sono disponibili su:

• Starter plan and above

Creazione di un Modulo

I moduli sono gestiti per singolo chatbot, quindi ogni modulo appartiene esattamente a un chatbot.

Passo 1: Navigare a Moduli

1. Selezioni il chatbot a cui appartiene il modulo
2. Vada a Forms nella barra laterale
3. Clicchi Create Form

Il builder di moduli La guida attraverso quattro passaggi: Basics, Fields, Design e Settings.

Passo 2: Impostazioni di base

I nuovi moduli sono attivi di default. Può attivare o disattivare un modulo in seguito tramite l'interruttore Form Active nella sua scheda General.

Passo 3: Aggiungere Campi

I nuovi moduli vengono forniti precompilati con un modello di contatto pronto — Nome, Email, Messaggio e Consenso alla Privacy — che può modificare, riordinare o rimuovere. Utilizzi il pulsante Add Field per aggiungere altri campi e le frecce su/giù per cambiarne l'ordine.

Opzioni del Campo

Per ogni campo configuri:

• Label: Nome visualizzato
• Placeholder: Testo d'aiuto
• Required: Deve essere compilato
• Options: Per campi select/dropdown

Passo 4: Design

Stili il modulo per abbinarlo al suo sito web:

• Quick Presets: Punti di partenza per tema chiaro e scuro
• Colors: Scegli i colori primario, di sfondo e del testo
• Button Text: Etichetta personalizzata per il pulsante di invio
• Success Message: Cosa vedono i visitatori dopo l'invio

Un'anteprima dal vivo mostra le modifiche mentre le effettua.

Passo 5: Impostazioni

Configuri la protezione anti-spam (vedere sotto) e la Notification Email per gli avvisi di invio.

Protezione Anti-Spam

Filtro Anti-Spam Potenziato dall'AI

Ogni invio viene analizzato dall'AI per:

• Modelli sospetti
• Contenuti di spam noti
• Comportamento simile a bot
• Segnali di qualità

Soglia di Spam

A ogni invio viene assegnato un punteggio di spam da 0 (legittimo) a 100 (spam sicuro). Usare il cursore della soglia (0–100, default 70) per decidere dove tracciare la linea — con Auto-Reject abilitato, le invii con un punteggio di spam sopra la soglia vengono contrassegnate come spam:

• Soglia più bassa: Filtraggio più severo — più invii vengono segnalati
• Soglia più alta: Più permissiva — solo lo spam ovvio viene segnalato

Auto-Reject

Abiliti Auto-Reject per gestire lo spam automaticamente:

• Le invii con punteggio superiore alla Sua soglia vengono automaticamente contrassegnate come spam
• Rimangono nella Sua lista di invii, così potrà esaminarle in qualsiasi momento

Gestione delle Invii

Elenco delle Invii

La pagina delle invii inizia con una panoramica dei totali: conteggi di Total, Pending, Approved, Spam e Rejected.

Clicchi un invio per espanderlo e vedere:

• Data e ora dell'invio
• Informazioni del mittente con etichette di campo leggibili (es., "Name", "Email" invece di ID tecnici)
• Punteggio di spam e stato
• Il ragionamento dell'AI dietro il punteggio di spam
• Dettagli tecnici come indirizzo IP e referrer

Azioni sulle Invii

Approve, Mark as Spam e Reject sono disponibili per le invii con stato Pending; Delete è disponibile per tutte le invii.

Filtri

Utilizzi il menu a tendina dello stato per filtrare le invii: All, Pending, Approved, Spam o Rejected.

Incorporare i Moduli

I moduli di contatto vengono incorporati direttamente nel Suo sito web con un piccolo snippet di script. Può copiare lo snippet pronto — incluso il suo ID modulo — dalla dashboard: usi l'icona copia sulla scheda del modulo o la scheda Embed nella pagina di modifica del modulo.

Incorporamento Standalone

Incorpori i moduli direttamente nel Suo 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>

Opzioni di Embed

Affini il layout con questi attributi opzionali dello script:

WordPress

Se il Suo sito usa WordPress, il plugin ufficiale ChatReact Le permette di incorporare i moduli con uno shortcode:

[chatreact_form id="YOUR_FORM_ID"]

È incluso anche un blocco Gutenberg e un widget per Elementor. Veda WordPress Integration per i dettagli.

Stile

I moduli incorporati usano i colori, il testo del pulsante e il messaggio di successo che ha configurato nelle impostazioni Design del modulo — ogni modulo ha il proprio aspetto, indipendente dal widget di chat. La famiglia di font è ereditata dal Suo sito web, quindi i moduli si integrano in modo naturale.

I moduli incorporati mostrano un piccolo link "Powered by ChatReact". I piani che includono white-label (Professional and above) rimuovono questo marchio.

Moduli Multilingua

La scheda Translations nella pagina di modifica del modulo Le consente di tradurre il modulo per ciascuna delle lingue del Suo chatbot:

• Etichette dei campi e placeholder
• Testo del pulsante di invio
• Messaggio di successo

I moduli incorporati rilevano automaticamente la lingua della pagina e mostrano la traduzione corrispondente.

Notifiche

Notifiche Email

Riceva avvisi email per nuove invii:

• Gli avvisi includono il nome del modulo e un link diretto alla pagina delle invii
• Se la Notification Email che configura corrisponde all'account di un membro del team, quella persona riceve la notifica; altrimenti ricevono l'avviso tutti i proprietari, amministratori e manager
• La consegna segue le notification preferences di ciascun destinatario — istantanea o raggruppata in un digest

Notifiche In-App

Veda le nuove invii nella campanella delle notifiche:

• Clicchi per navigare all'invio
• Segni come lette (individualmente o tutte in una volta)

Best Practices

1. Mantenga i moduli brevi: Richieda solo le informazioni essenziali
2. Usi etichette chiare: Eviti il gergo
3. Testi il filtro anti-spam: Invi esempi di prova per calibrare
4. Risponda prontamente: Risposte rapide migliorano la soddisfazione
5. Revisioni la cartella spam: Controlli i falsi positivi

Prossimi Passi

• Live Chat →
• Widget Customization →
• Notifications →