Kontaktformulare

Erstellen Sie professionelle Kontaktformulare, die sich nahtlos in Ihren Chatbot integrieren und integrierten Spam-Schutz bieten.

Übersicht

Kontaktformulare in ChatReact ermöglichen Ihnen:

• Strukturierte Informationen von Besuchern zu sammeln
• Spam-Einsendungen automatisch zu filtern
• Benachrichtigungen für neue Einsendungen zu erhalten
• Einsendungen im Dashboard zu prüfen und zu verwalten

Verfügbarkeit

Kontaktformulare sind verfügbar in:

• Starter Plan und höher

Erstellen eines Formulars

Formulare werden pro Chatbot verwaltet, daher gehört jedes Formular genau zu einem Chatbot.

Schritt 1: Navigieren zu Formularen

1. Wählen Sie den Chatbot aus, zu dem das Formular gehört
2. Gehen Sie in der Seitenleiste zu Formulare
3. Klicken Sie auf Formular erstellen

Der Formular-Generator führt Sie durch vier Schritte: Basics, Felder, Design und Einstellungen.

Schritt 2: Basics

Neue Formulare sind standardmäßig aktiv. Sie können ein Formular später über den Formular aktiv-Schalter auf der Registerkarte Allgemein ein- oder ausschalten.

Schritt 3: Felder hinzufügen

Neue Formulare werden mit einer vorgefertigten Kontaktvorlage vorbefüllt — Name, E-Mail, Nachricht und Datenschutzeinwilligung — die Sie bearbeiten, neu anordnen oder entfernen können. Verwenden Sie die Feld hinzufügen-Schaltfläche, um weitere Felder hinzuzufügen, und die Auf-/Ab-Pfeile, um die Reihenfolge zu ändern.

Feldoptionen

Konfigurieren Sie für jedes Feld:

• Label: Anzeigename
• Placeholder: Hilfetext
• Required: Muss ausgefüllt werden
• Options: Für Select/Dropdown-Felder

Schritt 4: Design

Stellen Sie das Formular so ein, dass es zu Ihrer Website passt:

• Quick Presets: Startpunkte für helles und dunkles Thema
• Colors: Wählen Sie Primär-, Hintergrund- und Textfarben
• Button Text: Benutzerdefinierte Beschriftung für die Senden-Schaltfläche
• Success Message: Was Besucher nach dem Absenden sehen

Eine Live-Vorschau zeigt Ihre Änderungen während der Bearbeitung an.

Schritt 5: Einstellungen

Konfigurieren Sie den Spam-Schutz (siehe unten) und die Notification Email für Einsendung-Benachrichtigungen.

Spam-Schutz

KI-gestützter Spam-Filter

Jede Einsendung wird von der KI auf folgende Punkte analysiert:

• Verdächtige Muster
• Bekannte Spam-Inhalte
• Bot-ähnliches Verhalten
• Qualitätsindikatoren

Spam-Schwelle

Jede Einsendung erhält einen Spam-Score von 0 (legitim) bis 100 (definitiver Spam). Verwenden Sie den Schwellenwert-Schieberegler (0–100, Standard 70), um festzulegen, wo die Grenze gezogen wird — mit aktiviertem Auto-Reject werden Einsendungen mit einem Spam-Score über dem Schwellenwert als Spam markiert:

• Niedrigere Schwelle: Striktere Filterung — mehr Einsendungen werden markiert
• Höhere Schwelle: Lockerer — nur offensichtlicher Spam wird markiert

Auto-Reject

Aktivieren Sie Auto-Reject, um Spam automatisch zu behandeln:

• Einsendungen mit einem Score über Ihrem Schwellenwert werden automatisch als Spam markiert
• Sie bleiben in Ihrer Einsendungsliste, sodass Sie sie jederzeit prüfen können

Verwaltung von Einsendungen

Einsendungs-Liste

Die Einsendungsseite beginnt mit einer Übersicht Ihrer Gesamtzahlen: Total, Pending, Approved, Spam und Rejected.

Klicken Sie auf eine Einsendung, um sie zu erweitern und zu sehen:

• Datum und Uhrzeit der Einsendung
• Informationen zum Einsender mit lesbaren Feldbezeichnungen (z. B. "Name", "Email" statt technischer IDs)
• Spam-Score und Status
• Die Begründung der KI für den Spam-Score
• Technische Details wie IP-Adresse und Referrer

Aktionen für Einsendungen

Approve, Mark as Spam und Reject sind für Einsendungen mit dem Status Pending verfügbar; Delete ist für alle Einsendungen verfügbar.

Filterung

Verwenden Sie das Status-Dropdown, um Einsendungen zu filtern: All, Pending, Approved, Spam oder Rejected.

Einbetten von Formularen

Kontaktformulare werden direkt auf Ihrer Website mit einem kleinen Script-Snippet eingebettet. Sie können das fertige Snippet — einschließlich Ihrer Formular-ID — im Dashboard kopieren: verwenden Sie das Kopiersymbol auf der Formular-Karte oder die Embed-Registerkarte auf der Formular-Bearbeitungsseite.

Standalone-Embed

Betten Sie Formulare direkt auf Ihrer Website ein:

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

Sie können auch ein benutzerdefiniertes Container-Element mit dem Attribut data-container angeben, wenn das Formular in einem bestimmten Element gerendert werden soll:

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

Embed-Optionen

Feinabstimmung des Layouts mit diesen optionalen Script-Attributen:

WordPress

Wenn Ihre Seite WordPress verwendet, ermöglicht das offizielle ChatReact-Plugin das Einbetten von Formularen per Shortcode:

[chatreact_form id="YOUR_FORM_ID"]

Ein Gutenberg-Block und ein Elementor-Widget sind ebenfalls enthalten. Siehe WordPress Integration für Details.

Styling

Eingebettete Formulare verwenden die Farben, den Button-Text und die Success Message, die Sie in den Design-Einstellungen des Formulars konfiguriert haben — jedes Formular hat sein eigenes Erscheinungsbild, unabhängig von Ihrem Chat-Widget. Die Schriftfamilie wird von Ihrer Website übernommen, sodass sich die Formulare natürlich einfügen.

Eingebettete Formulare zeigen einen kleinen "Bereitgestellt von ChatReact"-Link. Pläne, die White-Label beinhalten (Professional und höher), entfernen dieses Branding.

Mehrsprachige Formulare

Die Translations-Registerkarte auf der Formular-Bearbeitungsseite ermöglicht es Ihnen, das Formular für jede Sprache Ihres Chatbots zu übersetzen:

• Feldbezeichnungen und Platzhalter
• Text der Senden-Schaltfläche
• Success Message

Eingebettete Formulare erkennen automatisch die Sprache Ihrer Seite und zeigen die passende Übersetzung an.

Benachrichtigungen

E-Mail-Benachrichtigungen

Erhalten Sie E-Mail-Benachrichtigungen für neue Einsendungen:

• Benachrichtigungen enthalten den Formularnamen und einen direkten Link zur Einsendungsseite
• Wenn die von Ihnen konfigurierte Notification Email mit dem Konto eines Teammitglieds übereinstimmt, wird diese Person benachrichtigt; andernfalls erhalten alle Owner, Admins und Manager die Benachrichtigung
• Die Zustellung folgt den notification preferences jedes Empfängers — sofort oder gebündelt in einer Zusammenfassung

In-App-Benachrichtigungen

Sehen Sie neue Einsendungen in der Benachrichtigungsglocke:

• Klicken, um zur Einsendung zu navigieren
• Als gelesen markieren (einzeln oder alle auf einmal)

Best Practices

1. Halten Sie Formulare kurz: Fragen Sie nur nach wesentlichen Informationen
2. Verwenden Sie klare Beschriftungen: Vermeiden Sie Fachjargon
3. Testen Sie den Spam-Filter: Senden Sie Testeinträge, um zu kalibrieren
4. Antworten Sie zeitnah: Schnelle Antworten verbessern die Zufriedenheit
5. Überprüfen Sie den Spam-Ordner: Prüfen Sie auf Fehlalarme

Nächste Schritte

• Live Chat →
• Widget Customization →
• Notifications →