Wenn Besucher über deine Website Kontakt aufnehmen oder ihre Daten hinterlassen sollen, kannst du Formulare direkt in Onepage erstellen und einbauen.
Dafür stehen dir verschiedene Möglichkeiten zur Verfügung: Du kannst eine Vorlage verwenden, dein Formular vollständig selbst im Editor aufbauen oder es mit Vibe-Coding von der KI erstellen lassen.
Formular aus einer Vorlage erstellen
Eine einfache Möglichkeit ist, ein Formular aus einer Vorlage zu erstellen. Dabei kannst du entweder eine Vorlage in eine bestehende Seite einfügen oder eine eigene Formularseite aus einer Vorlage erstellen.
Formularvorlage in bestehende Seite einfügen
Füge im Editor einen neuen Abschnitt über das blaue +-Symbol zwischen zwei Abschnitten hinzu und wechsle zum Bereich "Forms & Funnels". Dort findest du verschiedene Formularvorlagen, die du auf deine Seite übernehmen und anschließend individuell anpassen kannst.
Bei den Vorlagen stehen dir sowohl einstufige als auch mehrstufige Formulare (Funnels) zur Verfügung.
Einstufiges Formular: Alle Felder werden auf einer Seite ausgefüllt und anschließend gemeinsam abgesendet.
Mehrstufiges Formular (Funnel): Die Eingaben werden auf mehrere Schritte verteilt. Das eignet sich beispielsweise, wenn du zunächst einige Fragen stellen und die Kontaktdaten erst in einem späteren Schritt abfragen möchtest.
Die Formulare lassen sich anschließend individuell bearbeiten. Du kannst beispielsweise weitere Felder hinzufügen, bestehende Felder ändern und die einzelnen Schritte eines mehrstufigen Formulars anpassen.
📌 Hinweis: Die Zahl neben einer Vorlage zeigt dir, aus wie vielen Schritten das Formular insgesamt besteht. Der Finish-Step wird dabei mitgezählt. Eine Vorlage mit der Zahl 2 besteht beispielsweise aus einem Formularschritt + Finish-Step (einstufig). Bei einer Vorlage mit der Zahl 4 gibt es drei Formularschritte + Finish-Step (mehrstufig).
Neue Formularseite aus einer Vorlage erstellen
Wenn du dein Formular nicht in eine bestehende Seite integrieren, sondern eine eigene Formularseite erstellen möchtest, kannst du dafür direkt eine Formularvorlage auswählen.
Klicke dafür in deiner Projektübersicht auf den blauen Button "Erstellen".
Öffne den Reiter "Formulare & Funnels". Wähle anschließend eine passende Vorlage aus und vergib einen Namen für deine neue Seite.
Das Formular wird anschließend als eigene Seite erstellt und kann im Editor ganz nach deinen Wünschen angepasst werden.
Ausführliche Anleitung: Multi-Step-Formular (Funnel) erstellen
Formulare im Editor selbst erstellen
Du kannst ein Formular auch komplett selbst aufbauen, ohne eine Vorlage zu verwenden.
Füge dafür im Editor über das +-Symbol zwischen zwei Abschnitten einen neuen Abschnitt hinzu und wähle bei "Entwurf" einen leeren Abschnitt aus. Klicke danach auf das + und wechsle bei den Elementen zum Bereich "Formularelemente".
Dort kannst du die gewünschten Formularfelder Schritt für Schritt hinzufügen und dein Formular individuell zusammenstellen. Du kannst beispielsweise weitere Schritte hinzufügen, den Hintergrund anpassen und das Formular ganz nach deinen Anforderungen gestalten.
Formulare mit KI erstellen
Auch Formulare und Funnels kannst du mit Vibe-Coding erstellen lassen. Dabei bist du nicht auf die vorhandenen Vorlagen beschränkt, sondern kannst Formulare ganz nach deinen Vorstellungen erstellen lassen, auch solche, für die es keine fertige Vorlage gibt.
Du kannst der KI beispielsweise beschreiben, welche Felder dein Formular enthalten soll, wie viele Schritte es haben soll oder welche Inhalte und Interaktionen du dir wünschst. Auch individuelle Designs, Animationen oder besondere Effekte lassen sich auf diese Weise umsetzen.
Füge dafür über das blaue +-Symbol zwischen zwei Abschnitten einen neuen Abschnitt hinzu und wähle "Vibe-Abschnitt - Mit KI erstellen" aus. Anschließend öffnet sich der KI-Chat.
Je konkreter du der KI deine Vorstellungen beschreibst, desto besser kann sie dein Formular umsetzen. Du kannst beispielsweise angeben:
welche Informationen du von deinen Besuchern abfragen möchtest
welche Felder Pflichtfelder sein sollen
wie viele Schritte dein Formular haben soll
welche Fragen in welchem Schritt erscheinen sollen
wie das Formular gestaltet sein soll
welche Animationen oder Effekte verwendet werden sollen
welche Aktion nach dem Absenden ausgeführt werden soll
Du kannst dein Formular anschließend jederzeit weiter anpassen. Wenn beispielsweise ein Feld fehlt oder du einen zusätzlichen Schritt benötigst, kannst du die Änderung einfach im KI-Chat beschreiben.
Ausführliche Anleitung: Formulare & Funnel vibe-coden
Formulare mit dem CRM verbinden
Damit die über dein Formular erfassten Daten auch in deinem Onepage CRM ankommen, muss das Formular mit dem CRM verbunden sein.
Bei einem Formular aus einer Vorlage findest du dafür im Finish-Step die Aktion "Leads an CRM senden". Diese sollte aktiviert bleiben, damit die übermittelten Daten im CRM gespeichert werden.
Wenn du ein Formular mit Vibe-Coding erstellen lässt, kannst du bereits im Prompt angeben, dass das Formular mit dem CRM verbunden werden soll.
Das CRM findest du anschließend in deiner Projektübersicht.
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂