HomeDocumentation

Contact Forms

Maak professionele contactformulieren die naadloos integreren met uw chatbot en ingebouwde spambeveiliging bevatten.

Overview

Contact Forms in ChatReact stellen u in staat om:

  • Gestructureerde informatie van bezoekers te verzamelen
  • Spamindiening automatisch te filteren
  • Meldingen te ontvangen voor nieuwe inzendingen
  • Inzendingen te bekijken en te beheren in het dashboard

Availability

Contact Forms zijn beschikbaar op:

  • Starter plan en hoger

Creating a Form

Step 1: Navigate to Forms

  1. Ga naar Forms in de zijbalk
  2. Klik op Create Form

Step 2: Configure Basic Settings

SettingDescription
NameInterne naam voor het formulier
DescriptionOptionele beschrijving voor uw team
ActiveSchakel formulier in/uit
Notification EmailWaarheen inzendingsmeldingen worden gestuurd

Step 3: Add Fields

Sleep en zet neer om velden toe te voegen:

Field TypeDescription
TextEnkele regel tekstinvoer
EmailE-mail met validatie
PhoneTelefoonnummerinvoer
TextareaMeerregelige tekst
SelectDropdown selectie
CheckboxJa/nee schakeling
NumberNumerieke invoer

Field Options

Voor elk veld, configureer:

  • Label: Weergavenaam
  • Placeholder: Hulptekst
  • Required: Moet ingevuld worden
  • Options: Voor select/dropdown-velden

Spam Protection

AI-Powered Spam Filter

Elke inzending wordt door AI geanalyseerd op:

  • Verdachte patronen
  • Bekende spaminhoud
  • Bot-achtig gedrag
  • Kwaliteitssignalen

Spam Threshold

Stel gevoeligheid in (0-100):

  • Low (25): Alleen duidelijke spam opvangen
  • Medium (50): Gebalanceerde filtering
  • High (75): Agressieve spamblokkering

Auto-Reject

Schakel automatische afwijzing van spaminzendingen in:

  • Afgewezen inzendingen worden gelogd maar niet verzonden
  • Bekijk afgewezen inzendingen op elk moment

Managing Submissions

Submission List

Bekijk alle formulierinzendingen met:

  • Inzendingsdatum en -tijd
  • Inzenderinformatie met leesbare veldlabels (bijv. "Naam", "E-mail" in plaats van technische ID's)
  • Spamscore en status
  • Reviewstatus

Submission Actions

ActionDescription
ViewZie volledige inzendingsdetails
Mark as SpamMarkeer als spam voor toekomstige filtering
Mark as Not SpamKeur onterecht gemarkeerde inzending goed
DeleteVerwijder inzending permanent

Filtering

Filter inzendingen op:

  • Datumbereik
  • Status (pending, reviewed, spam)
  • Zoeken op inhoud

Embedding Forms

Widget Integration

Formulieren kunnen in de chatwidget verschijnen:

  1. Configureer de formuliertrigger in de chatbot-instellingen
  2. Wanneer geactiveerd verschijnt het formulier in de chat

Standalone Embed

Embed formulieren rechtstreeks op uw website:

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

U kunt ook een aangepast containerelement opgeven met het data-container-attribuut als u wilt dat het formulier in een specifiek element wordt weergegeven:

<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 erven automatisch de styling van uw widget:

  • Primary and secondary colors
  • Border radius
  • Font family

Notifications

Email Notifications

Ontvang direct e-mails bij nieuwe inzendingen:

  • Aanpasbare ontvanger
  • Volledige inhoud van de inzending
  • Snelle actielinks

Inzendingen met een zeer hoge spamscore (80%+) activeren geen e-mailmeldingen om uw inbox niet te vervuilen met duidelijke spam. Alleen grensgevallen worden gemeld voor handmatige beoordeling.

In-App Notifications

Zie nieuwe inzendingen in het notification bell:

  • Klik om naar de inzending te navigeren
  • Markeer als gelezen/niet gelezen

Best Practices

  1. Houd formulieren kort: Vraag alleen essentiële informatie
  2. Gebruik duidelijke labels: Vermijd jargon
  3. Test spam filter: Dien testinzendingen in om te kalibreren
  4. Reageer snel: Snelle reacties verbeteren de tevredenheid
  5. Controleer de spamfolder: Controleer op false positives

Volgende stappen