Mit dem Ereigniselement „Formular Endpunkt“ kannst du Formulare außerhalb von Quentn erstellen und die eingegebenen Daten direkt an Quentn übertragen.
Besonders praktisch ist das in Verbindung mit KI: Du legst in Quentn fest, welche Daten dein Formular erfassen soll, und erhältst anschließend alle technischen Informationen, die eine KI benötigt, um daraus ein funktionierendes Formular zu erstellen.
Du kannst der KI beispielsweise den vorbereiteten Code aus Quentn geben und sie auffordern:
„Erstelle mir eine Landingpage mit einem passenden Formular.“
Die KI erstellt die Seite samt Formular. Füllt anschließend jemand dieses Formular aus, werden die Daten über den Formular-Endpunkt direkt an Quentn übertragen und der Kontakt kann deine Kampagne an dieser Stelle betreten.
Formular Endpunkt einrichten
Ziehe das Ereigniselement „Formular Endpunkt“ in deine Kampagne und öffne es.
Im Element findest du eine individuelle Endpunkt-URL. An diese Adresse werden später die Formulardaten gesendet.
Bevor du den Endpunkt verwenden kannst, legst du fest, welche Daten das Formular erfassen soll.
1. Felder auswählen
Wähle zunächst die Kontaktfelder aus, die in deinem Formular verwendet und anschließend an Quentn übertragen werden sollen.
Das können beispielsweise sein:
- Vorname
- Nachname
- E-Mail-Adresse
- Telefonnummer
- Unternehmen
- individuelle Kontaktfelder
Die ausgewählten Felder bilden später die Grundlage für dein Formular.
2. Pflichtfelder festlegen
Für jedes ausgewählte Feld kannst du bestimmen, ob es ein Pflichtfeld sein soll.
Aktivierst du die entsprechende Option, muss dieses Feld ausgefüllt werden, bevor das Formular erfolgreich abgeschickt werden kann.
Die E-Mail-Adresse ist immer erforderlich und kann daher nicht als optionales Feld verwendet werden.
3. Flood Protection und Spam-Schutz konfigurieren
Wie bei Formularen, die direkt mit Quentn erstellt werden, kannst du auch den Formular-Endpunkt gegen automatisierte oder ungewöhnlich häufige Anfragen schützen.
Dafür stehen dir die bekannten Optionen für Flood Protection und Spam-Schutz zur Verfügung.
Wir empfehlen, diese Schutzmechanismen zu aktivieren, insbesondere wenn dein Formular öffentlich über eine Webseite erreichbar ist.
4. Beispiel erstellen
Nachdem du deine Felder und Einstellungen festgelegt hast, klicke auf „Integrationsanleitung“.
Quentn erstellt nun verschiedene Beispiele und Definitionen, die du entweder selbst zur technischen Umsetzung nutzen oder direkt an eine KI übergeben kannst.
Beispiele für den Endpunkt
JSON
Unter „JSON“ findest du ein Beispiel dafür, wie die Daten beim Absenden des Formulars an den Endpunkt übertragen werden können.
Das Beispiel enthält die von dir ausgewählten Felder und zeigt die erwartete Struktur der Anfrage.
Diese Variante ist vor allem relevant, wenn die Daten mit dem Content-Type application/json übertragen werden.
Formularcodiert
Unter „Formularcodiert“ findest du dieselben Informationen in einem anderen Übertragungsformat.
Auch hier siehst du, welche Felder an den Formular-Endpunkt übermittelt werden. Der Unterschied liegt lediglich darin, wie die Daten technisch übertragen werden.
Welche Variante du benötigst, hängt davon ab, wie das Formular beziehungsweise die Anwendung umgesetzt wird.
So erstellst du das Formular
In diesem Bereich findest du alle Informationen, die benötigt werden, um aus deinem Formular-Endpunkt ein funktionierendes Formular zu erstellen.
HTML
Unter „HTML“ stellt Quentn einen vollständigen Beispielcode für ein Formular bereit.
Dieser Code enthält bereits die notwendige Funktionalität:
- die ausgewählten Formularfelder
- die Verbindung zum Formular-Endpunkt
- das Absenden der Daten
- die Verarbeitung der Antwort
Das Beispiel besitzt bewusst kein aufwendiges Styling. Es dient in erster Linie als technische Vorlage.
Du kannst den Code anschließend selbst gestalten oder ihn einer KI geben und beispielsweise sagen:
„Gestalte dieses Formular passend zu meiner Webseite.“
Felddefinition
Unter „Felddefinition“ findest du eine genaue technische Beschreibung des Formulars.
Hier wird unter anderem definiert:
- welche Felder vorhanden sind,
- welche Felder Pflichtfelder sind,
- welche Werte erwartet werden,
- wie die Daten aufgebaut sein müssen und
- wohin die Daten gesendet werden.
Die Beschreibung wird als JSON-Schema bereitgestellt und eignet sich beispielsweise für Entwickler oder Anwendungen, die ein Formular auf Grundlage einer strukturierten Definition erzeugen sollen.
Formular mit einer KI erstellen
Der besonders praktische Bereich befindet sich unter „KI-Prompt-Vorlage“.
Hier stellt Quentn alle relevanten Informationen so zusammen, dass du sie direkt in einen KI-Assistenten kopieren kannst.
Du musst der KI also nicht selbst erklären, welche Felder vorhanden sind, welche davon erforderlich sind oder an welchen Endpunkt die Daten geschickt werden sollen. Diese Informationen sind bereits enthalten.
Kopiere dafür einfach den vollständigen Inhalt aus „KI-Prompt-Vorlage“ und füge ihn in deinen KI-Assistenten ein.
Anschließend kannst du beispielsweise ergänzen:
„Erstelle mir auf Grundlage dieser Angaben eine moderne Landingpage mit einem Formular. Die Seite soll auf Deutsch sein und nach dem Absenden eine Bestätigung anzeigen.“
Oder:
„Erstelle mir ein Formular passend zu meiner bestehenden Webseite. Verwende die folgenden Farben und passe das Design für Smartphones an.“
Dass die technischen Angaben in „KI-Prompt-Vorlage“ auf Englisch stehen, ist dabei kein Problem. Du kannst deine Anweisungen weiterhin auf Deutsch formulieren und dir auch den fertigen Code auf Grundlage deutscher Texte erstellen lassen.
So kannst du mit wenigen Angaben individuelle Formulare, Landingpages oder sogar interaktive Anwendungen erstellen lassen, ohne die Verbindung zu Quentn selbst programmieren zu müssen.
Was passiert nach dem Absenden?
Sobald ein Besucher das Formular abschickt, werden die Daten an die individuelle Endpunkt-URL des Ereigniselements gesendet.
Quentn prüft die übermittelten Daten und übernimmt sie in den entsprechenden Kontakt.
Der Kontakt löst anschließend das Ereignis „Formular Endpunkt“ aus und durchläuft deine Kampagne ab diesem Punkt weiter.
Damit kannst du beispielsweise Webseiten, KI-generierte Landingpages, Rechner, Quizze oder andere externe Anwendungen direkt mit deinen Quentn-Kampagnen verbinden.