Erstes Formular erstellen

Mit Funnelforms baust du ein Formular als Folge von Schritten: Besucher beantworten Fragen und senden am Ende ihre Kontaktdaten. In diesem Artikel legst du ein neues Formular an, lernst die Teile des Editors kennen und veröffentlichst das Ergebnis. Er gilt für Funnelforms Free und Funnelforms Pro.

Voraussetzungen

Du brauchst ein WordPress-Benutzerkonto mit dem Recht, Formulare zu bearbeiten.
Für das Veröffentlichen von Aktionen, Weiterleitungen und eigenem CSS können zusätzliche Rechte nötig sein (siehe „Was passiert, wenn mir Rechte fehlen?“).
In Funnelforms Free sind einige Fragetypen und Einstellungen Teil von Funnelforms Pro. Sie tragen im Editor das Abzeichen Pro.

Wo finde ich die Funktion?

Funnelforms → Formulare. Oben rechts startest du mit Neues Formular ein neues Formular, in der Zeile eines Formulars öffnest du es mit Bearbeiten oder einem Klick auf den Namen.

Funktionen im Überblick

Start aus der Vorlagen-Galerie (nach Ziel, Branche und Sprache) oder mit Leer starten
Arbeitsfläche, auf der jeder Schritt eine Karte ist und Linien den Weg der Besucher zeigen
Seitenleiste links zum Hinzufügen von Fragen, Kontaktschritten und Abschlüssen
Eigenschaften rechts mit zwei Reitern je Schritt: Inhalt (Frage, Felder oder Kontaktschritt) und Logik bzw. am Kontaktschritt Nach dem Absenden
Arbeitsbereiche oben: Aufbau, Design, Einstellungen und Einbetten. Die Zahlen des Formulars findest du unter Funnelforms → Statistik.
Automatisches Speichern als Entwurf, Vorschau und Veröffentlichen
Kurze Tour beim ersten Öffnen des Editors

Schritt-für-Schritt-Anleitung

Öffne Funnelforms → Formulare.
Klicke oben rechts auf Neues Formular. Die Galerie Neues Formular öffnet sich.
Wähle bei Sprache des Formulars die Sprache für deine Besucher, falls die Auswahl erscheint.
Suche eine passende Vorlage über die Filter Ziel und Branche oder über die Suche. Mit Vorschau probierst du sie aus, ohne etwas zu speichern.
Klicke auf Vorlage verwenden. Der Editor öffnet sich mit einem neuen Entwurf. Weiter mit Schritt 8.
Für ein Formular ohne Vorlage klicke auf die erste Karte Leer starten.
Gib einen Namen des Formulars ein und klicke auf Erstellen. Den Namen siehst nur du, Besucher sehen die Fragen.
Beim ersten Öffnen des Editors startet eine kurze Tour. Klicke auf Weiter, bis sie endet, oder auf Tour überspringen.
Wähle in der Seitenleiste links einen Fragetyp, zum Beispiel Auswahl. Ein Klick fügt ihn nach dem ausgewählten Schritt ein, du kannst ihn auch auf die Arbeitsfläche ziehen.
Klicke den neuen Schritt an und ändere rechts auf dem Reiter Frage die Frage und die Antworten.
Wechsle auf den Reiter Logik und lege unter Gehe zu fest, welcher Schritt danach kommt.
Klicke den Kontaktschritt an und öffne den Reiter Nach dem Absenden. Dort stehen die Mails nach dem Absenden und unter Danach sehen Besucher der Abschluss.
Prüfe mit Vorschau oben rechts, wie Besucher das Formular sehen.
Klicke auf Veröffentlichen und dann auf Jetzt veröffentlichen. Danach zeigt dir der Dialog den Shortcode zum Einbetten. Weitere Einbettungsarten öffnet den Arbeitsbereich Einbetten.

Erklärungen

Was ist in einem leeren Formular enthalten?

Ein leeres Formular beginnt mit einem Kontaktschritt (Felder Name und E-Mail-Adresse) und einem Abschluss mit dem Dankestext. Die Texte stehen in der Sprache deiner Website. Damit lässt es sich sofort veröffentlichen; du ergänzt davor weitere Fragen.

Wie ist der Editor aufgebaut?

Seitenleiste links mit den Reitern Hinzufügen und Fragen. Unter Hinzufügen stehen die Fragetypen in den Gruppen Antworten wählen, Eingeben und Inhalte und mehr, dazu Kontaktschritt und Ende unter Abschluss. Unter Fragen siehst du alle Fragen des Formulars mit Suche, Typfilter und dem Schalter Nur Pflichtfelder.
Arbeitsfläche in der Mitte. Jede Karte ist ein Schritt (Schritt, Kontaktschritt oder Ende). Der erste Schritt trägt Start. Markierungen wie Nicht erreichbar, Prüfung oder Sackgasse zeigen Lücken im Ablauf. Am Kontaktschritt steht, was Nach dem Absenden passiert.
Eigenschaften rechts. Ohne Auswahl zeigt die Leiste den Namen des Formulars, die Zahl der Schritte, Fragen und Abschlüsse, den Logik-Check und Sprünge zu Design, Nach dem Absenden und Einstellungen.
Obere Leiste mit Zurück-Pfeil, Name, Status, Speicherstatus, den Arbeitsbereichen, Sprachwahl (bei mehrsprachigen Formularen), Tour, Rückgängig, Wiederholen, Versionen, Vorschau und Veröffentlichen.

Wo stelle ich ein, was nach dem Absenden passiert?

Am Kontaktschritt selbst: Wähle ihn aus und öffne den Reiter Nach dem Absenden, oder klicke auf der Arbeitsfläche in seiner Karte auf Nach dem Absenden. Einen eigenen Arbeitsbereich dafür gibt es nur noch für Formulare ohne Kontaktschritt. Der Sprung Nach dem Absenden in den Eigenschaften führt ebenfalls zum Kontaktschritt.

Wie werden Änderungen gespeichert?

Der Editor speichert beim Arbeiten automatisch einen Entwurf. Oben steht dazu Alle Änderungen gespeichert, Nicht gespeicherte Änderungen oder Wird gespeichert …. Besucher sehen den Entwurf nicht, sondern erst die veröffentlichte Version.

Was passiert, wenn ich auf „Veröffentlichen“ klicke?

Der Editor speichert zuerst und prüft das Formular. Findet er Probleme, nennt der Dialog sie unter Behebe zuerst diese Punkte und Jetzt veröffentlichen bleibt gesperrt. Sonst sehen Besucher die neue Version sofort; die bisherige bleibt unter Versionen erhalten.

Was passiert, wenn mir Rechte fehlen?

Brauchen Änderungen ein Recht, das du nicht hast, steht im Dialog Jemand mit mehr Rechten muss das veröffentlichen. Für Tracking-Code, Skripte und eigenes CSS ist das Recht für ungefiltertes HTML nötig. Änderungen an Aktionen, Weiterleitungen und Eintragseinstellungen brauchen das Recht, Einträge zu sehen. Den Entwurf kannst du trotzdem vorbereiten.

Was ist in Funnelforms Free anders?

Der Editor sieht gleich aus. Pro-Fragetypen wie Schieberegler oder Datei-Upload stehen mit dem Abzeichen Pro in der Seitenleiste und lassen sich nicht hinzufügen. Unter Einstellungen nennt die Karte Weitere Einstellungen die Pro-Funktionen; Pro-Einstellungen, die ein Formular schon nutzt, zeigt Free als eigene Karte, damit du sie ausschalten kannst. Nutzt ein Formular eine Pro-Funktion, etwa nach einem Import, kann Funnelforms Free es nicht veröffentlichen, bis du sie entfernst.

Was zeigt die Tour?

Die Tour hat fünf Stationen: Fragen und Inhalte (Seitenleiste), Der Funnel (Arbeitsfläche), Eigenschaften, Vorschau und Veröffentlichen. Sie startet nur einmal pro Browser und nur, wenn du den Editor im Arbeitsbereich Aufbau öffnest. Über das Symbol Tour durch den Builder oben startest du sie jederzeit neu.

Best Practices

Starte mit einer Vorlage, die zu deinem Ziel passt, und ändere Fragen und Texte, statt bei null zu beginnen.
Gib dem Formular einen sprechenden Namen, damit du es in der Liste wiederfindest.
Achte im Logik-Check auf den Satz „Jeder Schritt führt weiter und jeder Abschluss ist erreichbar.“, bevor du veröffentlichst.
Teste das Formular in der Vorschau auf Computer, Tablet und Handy.
Schreibe bei Veröffentlichen kurz in Was hat sich geändert? (optional); die Notiz steht später in den Versionen.

Troubleshooting

Problem	Ursache	Lösung
Die Galerie zeigt nur Leer starten.	Die Vorlagen konnten nicht geladen werden.	Lade die Seite neu oder starte leer.
Erstellen ist nicht klickbar.	Der Name des Formulars ist leer.	Gib einen Namen ein.
Jetzt veröffentlichen ist gesperrt.	Das Formular hat Probleme, zum Beispiel einen Weg zu einem gelöschten Schritt.	Lies die Hinweise unter Behebe zuerst diese Punkte und behebe sie.
In Funnelforms Free steht „Das Formular nutzt „…“. Das gehört zu Funnelforms Pro …“.	Das Formular enthält eine Pro-Funktion.	Entferne die genannte Funktion oder nutze Funnelforms Pro.
Ein Fragetyp mit Pro lässt sich nicht anklicken.	Du nutzt Funnelforms Free.	Wähle einen anderen Fragetyp oder nutze Funnelforms Pro.
Der Editor zeigt Nur lesen.	Eine andere Person bearbeitet das Formular gerade.	Warte oder klicke auf Übernehmen. Dann gehen ungespeicherte Änderungen der anderen Person verloren.
Der Arbeitsbereich Nach dem Absenden fehlt oben.	Er ist an den Kontaktschritt gewandert.	Wähle den Kontaktschritt und öffne den Reiter Nach dem Absenden.

Tipps

Das Formular steht in der Liste erst unter Veröffentlicht, nachdem du es veröffentlicht hast. Davor steht es unter Entwürfe.
Mit dem Pfeil oben links (Zurück zu den Formularen) kehrst du zur Liste zurück. Der Editor klappt das WordPress-Menü ein, solange er offen ist.
Die Taste ? zeigt alle Tastenkürzel, die Taste L wechselt beim ausgewählten Schritt zwischen Inhalt und Logik.
Beim Verlassen der Seite mit ungespeicherten Änderungen fragt der Browser nach.

FAQ

Kann ich eine Vorlage nach dem Anlegen noch ändern? Ja. Die Vorlage ist nur der Startpunkt. Das neue Formular ist ein eigener Entwurf, in dem du Fragen, Texte und Wege frei bearbeitest.

Sehen Besucher mein Formular schon, während ich es bearbeite? Nein. Besucher sehen nur die veröffentlichte Version. Deine Änderungen bleiben ein Entwurf, bis du auf Veröffentlichen klickst.

Wie binde ich das Formular auf meiner Seite ein? Nach dem Veröffentlichen zeigt der Dialog den Shortcode. Daneben kannst du den Block, das Elementor-Widget oder die eigene Seite des Formulars nutzen. Alle Wege mit Code und Anleitung stehen im Arbeitsbereich Einbetten.

Gibt es in Funnelforms Free eine Grenze für Formulare oder Schritte? Nein. Free begrenzt weder Formulare noch Schritte, Felder oder Einträge; die Grenze zu Pro liegt nur bei Funktionen.