Mit benutzerdefinierten Formularen können Sie eigene mehrstufige Formulare erstellen und diese anstelle der integrierten Formulare für Lead Collection oder Human Contact Form verwenden. Sie wählen die Felder, die Dankesnachricht und die Schaltfläche zum Absenden aus und verknüpfen das Formular anschließend mit dem Bereich, in dem es angezeigt werden soll.
Wo Sie Formulare finden
Wählen Sie Ihren Chatbot aus und navigieren Sie zu Settings > Forms (Einstellungen > Formulare). Auf dieser Seite werden Ihre gespeicherten benutzerdefinierten Formulare aufgelistet. Wenn Sie noch keine erstellt haben, wird „No custom forms yet“ (Noch keine benutzerdefinierten Formulare) zusammen mit der Schaltfläche Create your first form (Erstes Formular erstellen) angezeigt. Benutzerdefinierte Formulare sind als Premium-Funktion verfügbar - ein Upgrade-Hinweis wird angezeigt, falls Ihr Plan diese nicht enthält.
Formular erstellen
Klicken Sie auf New form (Neues Formular) - oder auf Create your first form, wenn die Liste noch leer ist -, um den Formular-Builder zu öffnen.
Formular aufbauen
Der Builder bietet Ihnen alles, was Sie zum Erstellen des Formulars auf einem einzigen Bildschirm benötigen, inklusive einer Live-Vorschau auf der rechten Seite. Für eine Pizzeria könnten Sie beispielsweise im ersten Schritt Kontaktdaten erfassen und im zweiten Schritt Bestellpräferenzen abfragen.
- Form name (Formularname) - ein interner Name, damit Sie das Formular später in Auswahllisten wiedererkennen.
- Thank-you message (Dankesnachricht) - der Bestätigungstext, der nach dem Absenden des Formulars angezeigt wird.
- Submit button (Absende-Button) - legen Sie die Beschriftung des Buttons fest, wählen Sie optional ein Icon aus und bestimmen Sie die Farbe.
- Reiter Build (Erstellen) und Custom CSS - erstellen Sie die Felder visuell oder wechseln Sie zu Custom CSS, um eigene Styles anzuwenden.
Felder hinzufügen
Geben Sie dem Schritt auf dem Reiter Build optional einen Titel und klicken Sie dann auf den gewünschten Feldtyp-Button, um das Feld hinzuzufügen. Ein Formular unterstützt bis zu 10 Schritte, insgesamt 50 Felder und 3 Datei-Upload-Felder. Auswahlfelder unterstützen jeweils bis zu 100 Optionen.
- Name - ein einzeiliges Feld für den Namen des Besuchers.
- Email - erfasst eine E-Mail-Adresse, inklusive Validierung des E-Mail-Formats.
- Phone number (Telefonnummer) - erfasst eine Telefonnummer.
- Date (Datum) - eine Datumsauswahl.
- Time (Uhrzeit) - eine Uhrzeitauswahl.
- File upload (Datei-Upload) - ermöglicht Besuchern das Anhängen und Hochladen einer Datei (siehe unten).
- Short answer (Kurzantwort) - ein einzeiliges Freitextfeld.
- Long answer (Ausführliche Antwort) - ein größeres, mehrzeiliges Feld für längere Antworten.
- Checkbox (Kontrollkästchen) - ein einzelnes Kontrollkästchen, zum Beispiel für die Zustimmung zu Bedingungen.
- Dropdown - ein Menü, aus dem Besucher eine Option aus einer Liste auswählen.
- Single choice (Einzelauswahl) - eine Gruppe von Optionen, bei der Besucher genau eine auswählen können.
- Multiple choice (Mehrfachauswahl) - eine Gruppe von Optionen, bei der Besucher mehrere Möglichkeiten gleichzeitig ankreuzen können.
Jedes Feld hat ein Label (die Feldbeschriftung, die der Besucher sieht) und einen Name (den internen Schlüssel, der bei Exporten und in Benachrichtigungen verwendet wird). Sie können ein Feld als Required (Erforderlich) markieren, die Width (Breite) anpassen, damit Felder nebeneinander stehen, und Felder per Drag-and-Drop neu anordnen. Die Felder Dropdown, Single choice und Multiple choice nehmen zudem eine Liste von Optionen entgegen, jeweils eine Option pro Zeile.
Schritte hinzufügen
Unterteilen Sie längere Formulare in Schritte (steps), statt alles auf einer langen Seite anzuzeigen. Klicken Sie auf Add step (Schritt hinzufügen) und fügen Sie diesem Schritt Felder hinzu. Durch Ziehen ändern Sie die Reihenfolge der Felder innerhalb eines Schritts. Jeder Schritt wird als eigene Karte mit optionalem Titel dargestellt.
Besucher sehen jeden Schritt als separaten Bildschirm im Chat und navigieren mit den Buttons Next (Weiter) und Previous (Zurück), die automatisch erscheinen, sobald ein Formular mehr als einen Schritt umfasst. Bei mehrstufigen Formularen können Sie im Builder auch Beschriftung, Icon und Farbe für die Buttons "Next" und "Previous" anpassen.
Geben Sie jedem Schritt einen kurzen, handlungsorientierten Titel (zum Beispiel "Ihre Daten", danach "Ihre Anfrage"), damit Besucher immer wissen, an welcher Stelle im Formular sie sich befinden.
Datei-Upload-Felder
Ein Feld vom Typ File upload ermöglicht es Besuchern, ihrer Eingabe eine Datei anzuhängen. Für jedes Datei-Feld können Sie Folgendes festlegen:
- Accepted extensions (Zulässige Dateiendungen) - eine kommagetrennte Liste, zum Beispiel
pdf, png, jpg. Nur Dateien mit diesen Endungen sind erlaubt. - Max size (Maximale Größe) - die maximale Dateigröße in MB, bis zu 10 MB.
Uploads werden beim Absenden geprüft: Die Dateiendung muss in Ihrer Liste erlaubter Formate enthalten sein, die Datei darf das Größenlimit nicht überschreiten und ihr tatsächlicher Inhalt muss dem angegebenen Dateityp entsprechen.
Live-Vorschau
Der Bereich Live preview (Live-Vorschau) auf der rechten Seite zeigt das Formular exakt so an, wie Besucher es sehen. Die Ansicht aktualisiert sich automatisch, sobald Sie Felder oder Schritte hinzufügen und das Styling ändern.
Wenn das Formular fertig ist, klicken Sie auf Save (Speichern). Das Formular erscheint nun in Ihrer Übersicht unter Settings > Forms (Einstellungen > Formulare).
Ein benutzerdefiniertes Formular verwenden
Ein gespeichertes benutzerdefiniertes Formular wird Besuchern nicht automatisch angezeigt. Verknüpfen Sie es mit einem Bereich:
- Einstellungen > Lead-Erfassung (Settings > Lead Collection) - öffnen Sie das Dropdown-Menü Dem Besucher angezeigtes Formular (Form shown to the visitor) und wählen Sie Ihr benutzerdefiniertes Formular anstelle des Standardformulars aus.
- Einstellungen > Kontaktformular für menschlichen Support (Settings > Human Contact Form) - öffnen Sie das Dropdown-Menü Dem Besucher angezeigtes Formular (Form shown to the visitor) und wählen Sie Ihr benutzerdefiniertes Formular anstelle des Standardformulars aus.
Der Besucher sieht dann Ihr benutzerdefiniertes Formular, sobald dieser Bereich ausgelöst wird.
Aktivieren Sie zuerst den gewünschten Bereich. Unter Lead-Erfassung werden Formulare aufgeführt, die ein Feld Name sowie ein Feld Email (E-Mail) oder Phone number (Telefonnummer) enthalten. Unter Kontaktformular für menschlichen Support werden Formulare aufgeführt, die ein Feld Email (E-Mail) enthalten; das erste Feld vom Typ Long answer (Ausführliche Antwort) dient als Support-Nachricht. Weitere Informationen zu Auslösern und Benachrichtigungseinstellungen finden Sie unter Lead-Erfassung und Kontaktformular für menschlichen Support.
Sie können ein Formular auch unabhängig davon über Einstellungen > Aktionen > Aktion für benutzerdefiniertes Formular hinzufügen (Settings > Actions > Add action for custom form) anbieten. Konfigurieren Sie dort, wann die KI das Formular anzeigen soll; das Speichern eines Formulars allein aktiviert noch keine Aktion.
So sieht es für den Besucher aus
Strukturierte Anfrage erfassen
Erstellen Sie ein Formular und verknüpfen Sie es mit einer unterstützten Funktion oder Aktion. Beispielwerte sind vorausgefüllt; die Demonstration sendet keine echte Anfrage ab und bestätigt keine Buchung.
Besucher: Ich möchte einen Tisch für Freitag anfragen.
Spielen Sie das Beispiel ab oder lesen Sie es unten. Es werden keine echten Kundendaten verwendet.Eine passende Anfrage löst das konfigurierte Formular aus.
Die Wiedergabe pausiert, sobald dieses Beispiel den sichtbaren Bereich verlässt. Dies ist eine Simulation, kein Live Chat. Die Widget-Bedienelemente innerhalb der Wiedergabe sind nicht interaktiv.Vollständiges Beispiel lesen
- Eine passende Anfrage löst das konfigurierte Formular aus.
Besucher: Ich möchte einen Tisch für Freitag anfragen.
- Zunächst füllt der Besucher seine Kontaktdaten aus.
Name: Anna Weber; E-Mail: anna@example.com
- „Weiter“ wechselt zu den Präferenzen der Anfrage; „Zurück“ führt zu den Kontaktdaten zurück.
Bevorzugte Uhrzeit: Freitag, 19:00 Uhr; Anzahl der Gäste: 4
- Vom Formular erfasste Beispielwerte.
Name: Anna Weber; E-Mail: anna@example.com; Bevorzugte Uhrzeit: Freitag, 19:00 Uhr; Anzahl der Gäste: 4
- Eine eingegangene Anfrage ist keine bestätigte Reservierung.
Assistent: Ihre Anfrage ist eingegangen. Unser Team wird die Verfügbarkeit prüfen und bestätigen.
Das Formular erscheint direkt im Chatfenster. Die Animation zeigt eine Tischanfrage mit Kontaktdaten, gefolgt von den Präferenzen für die Anfrage. Die statischen Screenshots unten zeigen eine separate Pizza-Bestellanfrage: Der Besucher füllt zuerst Ihre Angaben (Your details) aus und wechselt dann zum nächsten Schritt.
Statischen Screenshot anzeigen
Schritt 2, Bestellpräferenzen (Order preferences), zeigt ein Dropdown-Menü für die Bevorzugte Pizza (Preferred pizza) und Zusätzliche Anmerkungen (Additional notes). Der Besucher kann über Zurück (Back) zurückkehren oder über Anfrage senden (Send request) absenden. Dies sind die für dieses Beispiel konfigurierten Button-Beschriftungen; Ihr Formular verwendet die Beschriftungen, die Sie im Builder festlegen. Nach dem Absenden erscheint die konfigurierte Dankesnachricht im Chat. Dieses Beispiel enthält kein Feld für den Datei-Upload.
Statischen Screenshot anzeigen
Einsendungen im Tab „Leads“ einsehen
Wenn ein Besucher ein benutzerdefiniertes Formular absendet, das mit der Lead-Erfassung (Lead Collection) oder dem Kontaktformular (Human Contact Form) verknüpft ist, wird die Einsendung als Lead gespeichert. Öffnen Sie den Tab Leads des Bots, um sie zu überprüfen.
Neben den Standardfeldern für Name, E-Mail, Telefon, Erfassungsdatum und Einstiegspunkt zeigt die Spalte Form data (Formulardaten) die vollständige Einsendung: die Beschriftung jedes Felds gefolgt von dem vom Besucher eingegebenen Wert, jeweils eine Zeile pro Feld. Bei einem Feld vom Typ File upload (Datei-Upload) wird der Name der hochgeladenen Datei angezeigt; sowohl die Lead-Benachrichtigungs-E-Mail als auch der CSV-Export (über den Button Export im Tab „Leads“) enthalten einen Download-Link zur Datei selbst.
Von jedem Lead aus können Sie sich auch zur vollständigen Unterhaltung (Conversation) durchklicken, um den Chatverlauf rund um die Einsendung zu sehen.
Testen Sie den ausgewählten Trigger unter Overview (Übersicht), führen Sie alle Schritte aus und senden Sie das Formular ab. Prüfen Sie, ob die Dankesnachricht angezeigt wird und prüfen Sie die gespeicherte Einsendung. Testen Sie die Zustellung von Benachrichtigungen mit einer Adresse, auf die Sie Zugriff haben, falls Benachrichtigungen aktiviert sind. Eigenständige Aktionsformulare werden in der Unterhaltung aufgezeichnet; gehen Sie nicht davon aus, dass jede eigenständige Einsendung automatisch einen Lead erstellt.