Contact Forms

Създавайте професионални контактни форми, които се интегрират безпроблемно с вашия chatbot и съдържат вградена защита срещу спам.

Overview

Contact Forms в ChatReact ви позволяват да:

• Събирате структурирана информация от посетителите
• Автоматично филтрирате спам подаденията
• Получавате известия за нови подадения
• Преглеждате и управлявате подаденията в таблото

Availability

Contact Forms са налични в:

• Starter план и нагоре

Creating a Form

Step 1: Navigate to Forms

1. Отидете на Forms в страничната лента
2. Кликнете Create Form

Step 2: Configure Basic Settings

Step 3: Add Fields

Плъзгайте и пускайте, за да добавяте полета:

Field Options

За всяко поле конфигурирайте:

• Label: Показвано име
• Placeholder: Подсказващ текст
• Required: Задължително за попълване
• Options: За select/pulldown полета

Spam Protection

AI-Powered Spam Filter

Всяко подадение се анализира от AI за:

• Подозрителни модели
• Познато спам съдържание
• Поведение, наподобяващо бот
• Сигнали за качество

Spam Threshold

Задайте чувствителност (0-100):

• Low (25): Засича само явен спам
• Medium (50): Балансирано филтриране
• High (75): Агресивно блокиране на спам

Auto-Reject

Разрешете автоматично отхвърляне на спам подаденията:

• Отхвърлените подадения се записват, но не се изпращат
• Преглеждайте отхвърлените подадения по всяко време

Managing Submissions

Submission List

Преглеждайте всички подадения от формата с:

• Дата и час на подаденото
• Информация за подателя с четими етикети на полетата (напр. "Name", "Email" вместо технически идентификатори)
• Спам скор и статус
• Статус на преглед

Submission Actions

Filtering

Филтрирайте подаденията по:

• Диапазон от дати
• Статус (pending, reviewed, spam)
• Търсене по съдържание

Embedding Forms

Widget Integration

Формите могат да се появяват в chat widget:

1. Конфигурирайте тригъра за формата в настройките на chatbot-a
2. При изключване, формата се появява в чата

Standalone Embed

Вградете формите директно във вашия уебсайт:

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

Можете също да посочите персонализиран контейнерен елемент с атрибута data-container, ако искате формата да се рендира в конкретен елемент:

<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 автоматично наследяват стила на вашия widget:

• Primary и secondary colors
• Border radius
• Font family

Notifications

Email Notifications

Получавайте моментални имейли при нови изпратени формуляри:

• Конфигурируем получател
• Пълен текст на изпращането
• Бързи връзки за действие

In-App Notifications

Виждайте новите изпратени формуляри в notification bell:

• Кликнете, за да отидете към изпращането
• Маркирайте като прочетено/непрочетено

Best Practices

1. Дръжте формите кратки: Питайте само за съществената информация
2. Използвайте ясни етикети: Избягвайте жаргон
3. Тествайте spam filter: Изпращайте тестови записи за калибриране
4. Отговаряйте бързо: Бързите отговори повишават удовлетворението
5. Преглеждайте папката със спам: Проверявайте за фалшиви положителни

Next Steps

• Live Chat →
• Widget Customization →
• Notifications →