> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/formulare-und-umfragen/kontaktformular-erstellen-und-veroffentlichen.md). # Kontaktformular erstellen und veröffentlichen Ein Kontaktformular nimmt Anfragen direkt auf deiner Website, in einem Funnel oder über einen eigenen Formularlink entgegen. Nach einer Einsendung werden die Angaben im Standort weiterverwendbar: Das Team kann die Nachricht sehen, ein neuer Kontakt kann angelegt werden und vorbereitete Folgeprozesse können starten. Ein gutes Formular fragt nur das Nötigste ab, erklärt den nächsten Schritt und wird vor dem Teilen mit einer echten Testeinsendung geprüft. Diese Anleitung führt dich von der Planung bis zur laufenden Kontrolle. ## Was ein Kontaktformular automatisch erledigt Ein Kontaktformular sammelt die Informationen, die eine Person selbst eingibt. Bei einer neuen Person wird ein Kontakt angelegt. Bestehende Kontakte und wiederholte Einsendungen folgen den in deinem Standort festgelegten Regeln zur Kontaktzuordnung und Vermeidung von Doppelungen. Zusätzlich kannst du: * das Team per E-Mail über eine neue Einsendung informieren; * der absendenden Person automatisch eine Antwort senden; * eine klare Dankesnachricht zeigen oder auf eine andere Seite weiterleiten; * einen Workflow nach der Einsendung starten; * Einsendungen zentral prüfen und später auswerten. Das Formular ersetzt nicht die Bearbeitung einer Anfrage. Es sorgt dafür, dass die richtigen Informationen verlässlich ankommen und der nächste Schritt nicht vergessen wird. ## Vor dem Anlegen planen Kläre vorab diese Fragen: 1. **Ziel:** Was soll nach der Einsendung passieren – Rückruf, Termin, Angebot oder eine andere nächste Handlung? 2. **Benötigte Angaben:** Welche Informationen braucht das Team wirklich, um reagieren zu können? 3. **Verantwortung:** Wer erhält die Benachrichtigung und wer übernimmt die Anfrage? 4. **Rückmeldung:** Was soll die Person direkt nach dem Absenden sehen oder erhalten? 5. **Testfall:** Lege eine eigene E-Mail-Adresse und einen klaren Testablauf bereit. Wenn ein Feld keine konkrete Folge hat, gehört es meist nicht in das erste Kontaktformular. Ein kürzeres Formular wird leichter ausgefüllt und gibt dem Team trotzdem genug Kontext. ## Formular anlegen 1. Öffne unter **Websites und Leadgewinnung** den Bereich **Formulare**. 2. Wähle **Neues Formular erstellen**. 3. Entscheide zwischen einem leeren Formular und einer vorhandenen Vorlage. 4. Vergib einen eindeutigen internen Namen, zum Beispiel „Anfrage – Website Startseite“. 5. Öffne den Bearbeitungsmodus und stelle die Felder zusammen. 6. Speichere, bevor du mit Gestaltung, Benachrichtigungen und Veröffentlichung weiterarbeitest. Eine Vorlage ist sinnvoll, wenn ihr Aufbau bereits zu deinem Ziel passt. Ein leeres Formular ist besser, wenn die Fragen oder die Reihenfolge bewusst anders sein sollen. Ein Formular kann auch direkt beim Erstellen einer unterstützten Website- oder Funnel-Seite angelegt oder ausgewählt werden. Es erscheint anschließend ebenfalls in der zentralen Formularübersicht und kann dort weiter gepflegt oder an anderer Stelle wiederverwendet werden. ## Felder verständlich zusammenstellen Starte mit den Angaben, die dein Team für eine erste hilfreiche Antwort braucht: | Feld | Wann sinnvoll | Hinweis | | ------------------- | ------------------------------------------------------------- | ---------------------------------------------------------------------- | | Vor- und Nachname | Wenn eine persönliche Ansprache wichtig ist | Frage nach Name, nicht nach einer internen Bezeichnung. | | E-Mail-Adresse | Für schriftliche Antwort oder automatische Bestätigung | Prüfe die Eingabe mit einer Testeinsendung. | | Rufnummer | Wenn ein Rückruf vorgesehen ist | Mache das Feld nur verpflichtend, wenn der Rückruf wirklich nötig ist. | | Nachricht | Wenn die Person ihr Anliegen schildern soll | Nutze ein mehrzeiliges Textfeld. | | Auswahlfeld | Wenn das Team Anfragen nach einem klaren Thema sortieren soll | Verwende wenige, verständliche Optionen. | | Eigenes Kontaktfeld | Wenn eine Information später gezielt genutzt wird | Wähle eine Feldart, die zur erwarteten Antwort passt. | Ziehe die Felder in der Reihenfolge auf die Formularfläche, in der Menschen sie natürlich ausfüllen: erst Kontaktdaten, danach das Anliegen und anschließend optionale Details. Pflichtfelder sind eine bewusste Hürde. Markiere nur Angaben als erforderlich, ohne die das Team nicht sinnvoll reagieren kann. Mehr zu eigenen Feldern findest du unter Eigene Kontaktfelder direkt im Formular erstellen und pflegen. ### Eigene Felder eindeutig zuordnen Wenn du ein eigenes Feld markierst, findest du in den erweiterten Feldeinstellungen den **eigenen Feldnamen** und den **eindeutigen Schlüssel**. Der Feldname beschreibt die Information für dich und dein Team. Der Schlüssel ist die dauerhafte technische Zuordnung dieses Felds im Standort. Gib beides beim ersten Anlegen bewusst an und ändere den Schlüssel später nicht leichtfertig: Bereits gespeicherte Angaben und nachfolgende Abläufe müssen das Feld weiterhin eindeutig erkennen. Die sichtbare Beschriftung im Formular bleibt davon getrennt und soll für Besucherinnen und Besucher klar verständlich sein. ## Gestaltung und Lesbarkeit Ein Formular soll sich sichtbar in die Seite einfügen, ohne von der eigentlichen Anfrage abzulenken. Im Bereich für Stile und Optionen stehen die Bereiche **Stile**, **Themen** und **Erweitert** zur Verfügung. Unter **Stile** passt du im Bereich Layout unter anderem diese sichtbaren Einstellungen an: * Bild im Formular anzeigen oder ausblenden; * ein- oder mehrspaltige Anordnung; * Art der Eingabefelder; * Formularbreite, Abstand zwischen Feldern und Breite der Beschriftungen; * Ausrichtung der Beschriftungen sowie Außen- und Innenabstände; * Beschriftungen ein- oder ausblenden und bei Bedarf die Vollbildansicht. Ein Thema ist ein visueller Startpunkt. Prüfe danach immer Breite, Abstände, Beschriftungen und Mobilansicht; ein passendes Thema ersetzt diesen Test nicht. Arbeite in dieser Reihenfolge: 1. Wähle ein schlichtes Ausgangslayout oder ein passendes Thema. 2. Passe Farben an die Seite an. 3. Prüfe die Reihenfolge und Abstände der Felder. 4. Kontrolliere die Schaltfläche: Ihre Beschriftung soll die Handlung klar benennen. 5. Öffne die Mobilansicht und prüfe, ob alle Felder, Hinweise und Auswahlmöglichkeiten gut lesbar bleiben. Ändere nicht gleichzeitig Gestaltung und Formularlogik. Speichere nach einem klaren Schritt und prüfe zuerst, ob das Formular weiterhin vollständig funktioniert. ## Benachrichtigungen und automatische Antworten Im Bereich **Benachrichtigungen** kannst du zwei unterschiedliche Dinge einrichten: * **E-Mail-Benachrichtigung:** Informiert festgelegte Teammitglieder oder E-Mail-Adressen über eine neue Einsendung. * **Automatische Antwort:** Sendet der absendenden Person eine Bestätigung per E-Mail. Prüfe bei einer Teambenachrichtigung besonders Empfänger, Betreff, Absendername und Antwortadresse. Wenn dein Team die Angaben als Dokument braucht, kannst du die Einsendung zusätzlich als PDF in der Benachrichtigung mitsenden. Bei einer automatischen Antwort sollte klar sein, was als Nächstes passiert und wann eine Rückmeldung zu erwarten ist. Eine genaue Schritt-für-Schritt-Anleitung findest du unter E-Mail-Benachrichtigungen in Formularen und Umfragen. ## Die nächste Aktion nach dem Absenden festlegen Lege fest, was die Person direkt nach der Einsendung erlebt: | Einstellung | Wirkung | Geeignet für | | ------------------- | ------------------------------------------------------------ | ------------------------------------------------------------------------------------ | | **Dankesnachricht** | Das Formular zeigt eine Bestätigung auf derselben Seite. | Allgemeine Anfragen mit einer kurzen, klaren Erwartung. | | **Weiterleitung** | Die Person wechselt nach dem Absenden auf eine andere Seite. | Wenn du weitere Informationen oder einen nächsten Schritt separat erklären möchtest. | | **Workflow** | Ein vorbereiteter Prozess startet nach der Einsendung. | Wenn das Team automatisch informiert oder eine Folgeaufgabe angelegt werden soll. | Wähle eine eindeutige Rückmeldung. Die Person muss nach dem Absenden erkennen können, ob es funktioniert hat und was als Nächstes passiert. Wichtig: Wenn für das Formular bedingte Logik eingerichtet ist, hat deren Nachricht oder Weiterleitung Vorrang vor der allgemeinen Einstellung in diesem Bereich. Teste deshalb jede relevante Antwortvariante einzeln, statt nur einen einzigen Musterfall zu senden. ## Speichern, veröffentlichen und teilen 1. Speichere das Formular. 2. Öffne die Vorschau und prüfe zuerst den vollständigen Ablauf. 3. Klicke auf **Integrieren**, wenn du eine Einbindung oder einen eigenständigen Link benötigst. 4. Wähle die passende Veröffentlichungsart: * Formular auf einer Website- oder Funnel-Seite einfügen; * direkten Formularlink teilen; * Formular auf einer kompatiblen externen Website einbetten. 5. Veröffentliche die Zielseite erst nach erfolgreichem Test. Für eine Einbindung außerhalb des Standorts lies Formulare auf externen Websites einbetten. ## Einsendungen kontrollieren Einsendungen findest du zentral in der Formularübersicht oder direkt im geöffneten Formular über den Bereich **Einsendungen**. Dort kannst du die Antworten des jeweiligen Formulars ohne Wechsel in einen anderen Bereich prüfen. Nutze den Bereich besonders nach einer Änderung: 1. Öffne das Formular. 2. Wechsle zu **Einsendungen**. 3. Filtere nach Zeitraum oder suche nach der Testperson. 4. Öffne die Antwort und kontrolliere alle Werte. 5. Blende bei Bedarf zusätzliche Spalten ein, um weitere erfasste Felder zu sehen. 6. Öffne anschließend den verknüpften Kontakt und vergleiche die gespeicherten Angaben. Nach der Veröffentlichung kannst du außerdem die Auswertung des Formulars beobachten, etwa Aufrufe, Einsendungen, durchschnittliche Ausfüllzeit und Abschlussrate. Nutze diese Werte, um zu erkennen, ob ein Formular unnötig lang, unklar oder technisch schwer ausfüllbar ist. ## Schutz vor unerwünschten Einsendungen und Doppelungen Wenn ein Formular öffentlich erreichbar ist, können unerwünschte oder automatisierte Eingaben auftreten. Prüfe die verfügbaren Schutzmöglichkeiten wie CAPTCHA sowie die Prüfung von E-Mail-Adresse oder Rufnummer, falls sie zu deinem Ablauf passen. Wiederholte Einsendungen können je nach Einstellungen zur Kontaktzuordnung zu unterschiedlichen Ergebnissen führen. Teste deshalb auch einen zweiten Durchlauf mit denselben Kontaktdaten. So siehst du, ob der vorhandene Kontakt aktualisiert wird oder ob eure Einstellungen angepasst werden müssen. ## Vollständiger Test vor dem Teilen Teste immer über die veröffentlichte oder freigegebene Ansicht, nicht nur im Editor: 1. Öffne die Seite in einem privaten Browserfenster. 2. Fülle jedes Pflichtfeld, Auswahlfeld und eigene Kontaktfeld aus. 3. Sende mit einer eigenen Test-E-Mail-Adresse ab. 4. Prüfe Dankesnachricht oder Weiterleitung. 5. Kontrolliere die Teambenachrichtigung und die automatische Antwort, falls eingerichtet. 6. Prüfe die Antwort im Bereich **Einsendungen**. 7. Öffne den Testkontakt und vergleiche alle Werte. 8. Wiederhole den Test mit denselben Kontaktdaten, wenn Doppelungen für euren Prozess wichtig sind. 9. Prüfe die Mobilansicht. Erst wenn alle Schritte passen, solltest du den Link weitergeben oder die Seite breit veröffentlichen. ## Häufige Fehler und Lösungen ### Ein Feld fehlt in der gespeicherten Antwort Prüfe, ob das richtige Kontaktfeld im Formular ausgewählt und das Formular nach der Änderung gespeichert wurde. Sende danach eine neue Testeinsendung; alte Antworten werden nicht nachträglich ergänzt. ### Das Team erhält keine Benachrichtigung Kontrolliere Empfängeradresse, Betreff und gespeicherte Benachrichtigungseinstellung. Sende anschließend einen neuen Test ab und prüfe auch den Spam-Ordner der Empfängeradresse. ### Die Weiterleitung funktioniert nicht Prüfe die vollständige Zieladresse und teste sie direkt im Browser. Speichere das Formular nach jeder Änderung und veröffentliche die betroffene Seite erneut. ### Der Workflow startet nicht Kontrolliere, ob der richtige Auslöser für genau dieses Formular gewählt wurde und ob der Workflow aktiv ist. Prüfe danach den Ausführungsverlauf mit der Testeinsendung. ### Viele Personen brechen das Formular ab Reduziere Pflichtfelder und frage nur Angaben ab, die für den ersten Kontakt erforderlich sind. Prüfe anschließend die Ausfüllzeit und Abschlussrate erneut. ## Praxisbeispiel: Anfrageformular für eine Beratung Eine Beratungsfirma möchte Anfragen über ihre Leistungsseite zuverlässig an das Team weitergeben. 1. Sie erstellt ein Formular mit Name, E-Mail-Adresse, Rufnummer, Nachricht und einem Auswahlfeld für das gewünschte Thema. 2. Die Rufnummer bleibt optional, weil die erste Antwort auch per E-Mail erfolgen kann. 3. Das Formular zeigt nach dem Absenden eine Dankesnachricht mit einer realistischen Erwartung zur Rückmeldung. 4. Das Team erhält eine E-Mail-Benachrichtigung, und ein vorbereiteter Workflow legt die interne Folgeaufgabe an. 5. Mit einer Testeinsendung prüft die Firma Bestätigung, Benachrichtigung, Einsendung, Kontakt und Aufgabe. 6. Nach der Veröffentlichung kontrolliert sie regelmäßig die Auswertung und verbessert das Formular, falls Menschen häufig abbrechen. So entsteht ein kurzer, nachvollziehbarer Eingangskanal, der Interessierte nicht überfordert und dem Team trotzdem die nötigen Informationen liefert. ## Nächster Schritt Prüfe eingegangene Antworten regelmäßig über Formularantworten finden und prüfen. Wenn du genauere Angaben zu Adressen benötigst, lies anschließend Adressvorschläge in Formularen und Umfragen aktivieren. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/formulare-und-umfragen/kontaktformular-erstellen-und-veroffentlichen.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.