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>

Lahko tudi določite prilagojen vsebnik element z atributom data-container, če želite, da se obrazec izriše znotraj določenega 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>

Styling

Forms samodejno podedujejo styling vašega widgeta:

• Primary in secondary colors
• Border radius
• Font family

Notifications

Email Notifications

Prejemajte takojšnja e-poštna obvestila o novih oddajah:

• Konfigurirljiv prejemnik
• Polna vsebina oddaje
• Povezave za hitra dejanja

In-App Notifications

Oglejte si nove oddaje v notification bell:

• Kliknite za navigacijo do oddaje
• Označite kot prebrano/neprebrano

Najboljše prakse

1. Ohranite Forms kratke: Vprašajte le za bistvene informacije
2. Uporabljajte jasne oznake: Izogibajte se žargonu
3. Preizkusite spam filter: Oddajte testne vnose za kalibracijo
4. Odgovarjajte hitro: Hitri odgovori izboljšajo zadovoljstvo
5. Preverite spam mapo: Preverite lažno pozitivne vnose

Naslednji koraki

• Live Chat →
• Widget Customization →
• Notifications →