Contactformulieren

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

Overzicht

Contactformulieren in ChatReact stellen u in staat om:

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

Beschikbaarheid

Contactformulieren zijn beschikbaar op:

• Starter plan en hoger

Een formulier maken

Formulieren worden per chatbot beheerd, dus elk formulier behoort tot precies één chatbot.

Stap 1: Navigeer naar Formulieren

1. Selecteer de chatbot waartoe het formulier behoort
2. Ga naar Formulieren in de zijbalk
3. Klik op Formulier maken

De formulierbouwer begeleidt u in vier stappen: Basis, Velden, Ontwerp en Instellingen.

Stap 2: Basis

Nieuwe formulieren zijn standaard actief. U kunt een formulier later in- of uitschakelen via de Formulier actief-schakelaar op het tabblad Algemeen.

Stap 3: Velden toevoegen

Nieuwe formulieren worden vooraf ingevuld met een kant-en-klaar contacttemplate — Naam, E-mail, Bericht en Privacytoestemming — die u kunt bewerken, herschikken of verwijderen. Gebruik de knop Veld toevoegen om meer velden toe te voegen en de pijlen omhoog/omlaag om hun volgorde te wijzigen.

Veldopties

Voor elk veld configureert u:

• Label: Weergavenaam
• Plaatsaanduiding: Hinttekst
• Verplicht: Moet worden ingevuld
• Opties: Voor select/dropdown-velden

Stap 4: Ontwerp

Stijl het formulier zodat het past bij uw website:

• Snelkeuzes: Light- en dark-theme startpunten
• Kleuren: Kies de primaire, achtergrond- en tekstkleuren
• Knoptekst: Aangepast label voor de verzendknop
• Succesbericht: Wat bezoekers zien na verzending

Een livevoorbeeld toont uw wijzigingen terwijl u ze maakt.

Stap 5: Instellingen

Configureer spambeveiliging (zie hieronder) en het Meldings-e-mailadres voor inzendingsmeldingen.

Spambeveiliging

AI-gestuurde spamfilter

Elke inzending wordt door AI geanalyseerd op:

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

Spamdrempel

Elke inzending krijgt een spamscore van 0 (legitiem) tot 100 (definitieve spam). Gebruik de drempelschuif (0–100, standaard 70) om te bepalen waar u de grens trekt — met Auto-Reject ingeschakeld worden inzendingen met een spamscore boven de drempel als spam gemarkeerd:

• Lagere drempel: Striktere filtering — meer inzendingen worden gemarkeerd
• Hogere drempel: Lossere filtering — alleen duidelijke spam wordt gemarkeerd

Automatisch weigeren (Auto-Reject)

Schakel Auto-Reject in om spam automatisch af te handelen:

• Inzendingen met een score boven uw drempel worden automatisch als spam gemarkeerd
• Ze blijven in uw inzendingenlijst staan, zodat u ze op elk moment kunt bekijken

Inzendingen beheren

Inzendingenlijst

De pagina inzendingen begint met een overzicht van uw totalen: Totaal, In afwachting, Goedgekeurd, Spam en Geweigerd aantallen.

Klik op een inzending om deze uit te klappen en te zien:

• Datum en tijd van inzending
• Inzenderinformatie met leesbare veldlabels (bijv. "Naam", "E-mail" in plaats van technische ID's)
• Spamscore en status
• De redenatie van de AI achter de spamscore
• Technische details zoals IP-adres en referrer

Acties voor inzendingen

Goedkeuren, Markeren als spam en Weigeren zijn beschikbaar voor inzendingen met de status In afwachting; Verwijderen is beschikbaar voor alle inzendingen.

Filteren

Gebruik de status-dropdown om inzendingen te filteren: Alles, In afwachting, Goedgekeurd, Spam of Geweigerd.

Formulieren insluiten

Contactformulieren worden rechtstreeks op uw website ingesloten met een klein scriptsnippet. U kunt het kant-en-klare snippet — inclusief uw formulier-ID — kopiëren uit het dashboard: gebruik het kopieericoon op de formulierkaart of het tabblad Insluiten op de bewerkpagina van het formulier.

Standaard insluiting

Sluit formulieren rechtstreeks in 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 attribuut data-container als u wilt dat het formulier in een specifiek element wordt gerenderd:

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

Insluitopties

Fijn afstemmen van de lay-out met deze optionele scriptattributen:

WordPress

Als uw site op WordPress draait, kunt u met de officiële ChatReact-plugin formulieren insluiten met een shortcode:

[chatreact_form id="YOUR_FORM_ID"]

Er is ook een Gutenberg-blok en een Elementor-widget inbegrepen. Zie WordPress Integration voor details.

Styling

Ingesloten formulieren gebruiken de kleuren, knoptekst en het succesbericht dat u hebt geconfigureerd in de Ontwerp-instellingen van het formulier — elk formulier heeft zijn eigen uitstraling, onafhankelijk van uw chatwidget. Het lettertype wordt overgenomen van uw website, zodat formulieren natuurlijk opgaan in de stijl.

Ingesloten formulieren tonen een kleine link "Aangedreven door ChatReact". Plannen die white-label opnemen (Professional en hoger) verwijderen deze branding.

Meertalige formulieren

Het tabblad Vertalingen op de bewerkpagina van het formulier stelt u in staat het formulier te vertalen voor elk van de talen van uw chatbot:

• Veldlabels en plaatsaanduidingen
• Tekst van de verzendknop
• Succesbericht

Ingesloten formulieren detecteren automatisch de taal van uw pagina en tonen de bijbehorende vertaling.

Meldingen

E-mailmeldingen

Ontvang e-mailwaarschuwingen voor nieuwe inzendingen:

• Waarschuwingen bevatten de formuliernaam en een directe link naar de inzendingenpagina
• Als het Meldings-e-mailadres dat u configureert overeenkomt met het account van een teamlid, wordt die persoon op de hoogte gesteld; anders ontvangen alle eigenaren, beheerders en managers de waarschuwing
• Bezorging volgt de meldingsvoorkeuren van elke ontvanger — direct of gebundeld in een samenvatting

In-appmeldingen

Zie nieuwe inzendingen in de notificatiebel:

• Klik om naar de inzending te navigeren
• Als gelezen markeren (individueel of allemaal tegelijk)

Best practices

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

Volgende stappen

• Live Chat →
• Widget Customization →
• Notifications →