Contact Forms

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

Overview

Contact Forms in ChatReact allow you to:

• Collect structured information from visitors
• Automatically filter spam submissions
• Receive notifications for new submissions
• Review and manage submissions in the dashboard

Availability

Contact Forms are available on:

• Starter plan and above

Creating a Form

Step 1: Navigate to Forms

1. Go to Forms in the sidebar
2. Click Create Form

Step 2: Configure Basic Settings

Step 3: Add Fields

Drag and drop to add fields:

Field Options

For each field, configure:

• Label: Display name
• Placeholder: Hint text
• Required: Must be filled
• Options: For select/dropdown fields

Spam Protection

AI-Powered Spam Filter

Every submission is analyzed by AI for:

• Suspicious patterns
• Known spam content
• Bot-like behavior
• Quality signals

Spam Threshold

Set sensitivity (0-100):

• Low (25): Catch obvious spam only
• Medium (50): Balanced filtering
• High (75): Aggressive spam blocking

Auto-Reject

Enable automatic rejection of spam submissions:

• Rejected submissions are logged but not sent
• Review rejected submissions anytime

Managing Submissions

Submission List

View all form submissions with:

• Submission date and time
• Submitter information with readable field labels (e.g., "Name", "Email" instead of technical IDs)
• Spam score and status
• Review status

Submission Actions

Filtering

Filter submissions by:

• Date range
• Status (pending, reviewed, spam)
• Search by content

Embedding Forms

Widget Integration

Forms can appear in the chat widget:

1. Configure form trigger in chatbot settings
2. When triggered, form appears in chat

Standalone Embed

Embed forms directly on your website:

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

Također možete specificirati prilagođeni container element koristeći atribut data-container ako želite da se forma renderira unutar određenog elementa:

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

Stilizacija

Forme automatski nasljeđuju stil vašeg widgeta:

• Primarna i sekundarna boja
• Radijus obruba
• Font family

Obavijesti

Email Notifications

Primajte trenutne e-mailove za nove prijave:

• Konfigurabilni primatelj
• Cijeli sadržaj prijave
• Brze poveznice za akcije

In-App obavijesti

Vidite nove prijave u ikoni obavijesti:

• Kliknite za navigaciju na prijavu
• Označite kao pročitano/nepročitano

Najbolje prakse

1. Držite forme kratkima: tražite samo bitne informacije
2. Koristite jasne oznake: izbjegavajte žargon
3. Testirajte spam filter: pošaljite testne unose za kalibraciju
4. Odgovarajte pravovremeno: brzi odgovori poboljšavaju zadovoljstvo
5. Pregledajte spam folder: provjerite lažno pozitivne rezultate

Sljedeći koraci

• Live Chat →
• Widget Customization →
• Notifications →