So erstellen Sie ein mehrseitiges Formular in WordPress

Das Ausfüllen eines langen Formulars kann überwältigend sein, besonders wenn alle Fragen auf einer Seite erscheinen. Viele Benutzer verlieren zwischendurch das Interesse, was Ihre Konversionsraten senken kann.

Indem Sie ein langes Formular in kleinere, mundgerechte Seiten aufteilen, wirkt der Prozess viel einfacher und zugänglicher. Diese einfache Änderung kann zu einem großen Anstieg der Anzahl von Personen führen, die Ihre Formulare tatsächlich ausfüllen und absenden.

Tatsächlich können Sie durch A/B-Tests auf Ihrer Website genau messen, wie stark sich Ihre Conversions verbessern, nachdem Sie ein langes Formular aufgeteilt haben.

Die gute Nachricht? Das Erstellen eines mehrseitigen Formulars in WordPress ist einfacher, als Sie vielleicht denken. Mit dem WPForms-Plugin können Sie das Feld Seitenumbruch verwenden, um das Formular in verschiedene Abschnitte zu unterteilen.

In diesem Leitfaden führen wir Sie Schritt für Schritt durch die genauen Schritte zur Erstellung Ihres eigenen benutzerfreundlichen mehrseitigen Formulars in WordPress. Auf diese Weise können Sie lange Formulare leichter ausfüllbar machen und Ihre Gesamtkonversionen verbessern. 🙌

Warum und wann benötigen Sie ein mehrseitiges Formular in WordPress?

Möglicherweise benötigen Sie ein mehrseitiges WordPress-Formular, wenn Ihr Formular lang ist oder viele Fragen enthält. Das Aufteilen in kleinere Teile erleichtert das Ausfüllen und erhöht die Wahrscheinlichkeit, dass die Leute es abschließen.

Das Hinzufügen von Formularen zu Ihrer Website ist der einfachste Weg, um Informationen zu sammeln und mit Ihren Benutzern in Kontakt zu treten, sei es für Kontaktanfragen, E-Mail-Anmeldungen oder Umfragen.

Aber lange Formulare können überwältigend sein und führen oft dazu, dass Benutzer aufgeben, bevor sie fertig sind.

Um dies zu lösen, empfehlen wir die Verwendung von mehrseitigen Formularen. Indem Sie Ihre Fragen in kleinere Abschnitte aufteilen, machen Sie das Formular für die Benutzer weniger überwältigend.

Hier ist ein Beispiel:

Schauen wir uns an, was mehrseitige Formulare so effektiv macht:

• Fortschrittsbalken: Benutzer können sehen, wie weit sie sind, was sie motiviert, das Formular auszufüllen.
• Weniger Felder auf einmal: Nur wenige Fragen erscheinen auf jeder Seite, wodurch sich das Formular kürzer und weniger stressig anfühlt.
• Interaktive Funktionen: Sie können Elemente wie Bildauswahlen oder konversationelle Elemente hinzufügen, um das Formular ansprechender zu gestalten.

Diese Funktionen können dazu beitragen, die Benutzererfahrung zu verbessern und die Abschlussrate Ihres Formulars zu erhöhen – insbesondere bei Formularen wie „Angebot anfordern“ oder zur Lead-Generierung.

Erstellen eines mehrseitigen WordPress-Formulars mit WPForms

Der einfachste Weg, ein mehrseitiges Formular in WordPress zu erstellen, ist die Verwendung des WPForms Plugins. Es ist das beste WordPress Form Builder Plugin, mit dem Sie jede Art von Formular erstellen können, die Sie benötigen.

Über 6 Millionen Website-Besitzer nutzen WPForms, einschließlich uns hier auf WPBeginner. Wir verwenden es, um unser Kontaktformular anzuzeigen, jährliche Leserumfragen durchzuführen, Migrationsanfragen zu verwalten und mehr. Lesen Sie unsere vollständige WPForms-Bewertung für weitere Einblicke in seine Funktionen.

Mit dem gesagt, lassen Sie uns Sie durch den Prozess führen, wie Sie ein mehrseitiges Formular in WordPress erstellen:

Schritt 1: Installieren und Aktivieren des WPForms-Plugins

Der erste Schritt ist die Einrichtung Ihres WPForms-Kontos. Sie können die WPForms-Website besuchen und auf die Schaltfläche „Jetzt WPForms erhalten“ klicken.

Wählen Sie von dort einfach einen Plan aus, füllen Sie die erforderlichen Details aus und folgen Sie den Anweisungen auf dem Bildschirm, um den Vorgang abzuschließen.

Wenn Sie Ihre Registrierung abgeschlossen haben, erhalten Sie Ihr WPForms-Dashboard. Darin finden Sie Ihren Lizenzschlüssel. Kopieren Sie Ihren Schlüssel, um ihn im nächsten Schritt zu verwenden.

Mit diesem Schritt abgeschlossen, installieren und aktivieren wir das WPForms-Plugin über die WordPress-Administration. Gehen Sie einfach zu Plugins » Neues Plugin hinzufügen, um zu beginnen.

Auf dem nächsten Bildschirm können Sie die Suchleiste verwenden, um das WPForms-Plugin schnell zu finden.

Klicken Sie dann auf die Schaltfläche „Jetzt installieren“ und auf „Aktivieren“, wenn sie erscheint.

Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung besuchen Sie die Seite WPForms » Einstellungen, geben Sie Ihren Lizenzschlüssel ein und klicken Sie auf die Schaltfläche „Schlüssel überprüfen“. (Diesen Schlüssel erhalten Sie in Ihrem WPForms-Dashboard.)

Nach der Überprüfung Ihres Lizenzschlüssels können Sie nun Ihr erstes mehrseitiges Formular in WordPress erstellen.

Schritt 2: Erstellen Sie Ihr mehrseitiges Formular in WordPress

Um zu beginnen, navigieren wir von Ihrem WordPress-Adminbereich zur Seite WPForms » Neu hinzufügen, um den Drag-and-Drop-Formular-Builder zu starten.

Dies bringt Sie zur Einrichtungsseite innerhalb des Formularerstellers.

Geben Sie zunächst einen Titel für Ihr Formular ein.

Danach wählen Sie aus, wie Sie Ihr Formular erstellen möchten.

WPForms bietet über 2.000 vorgefertigte Formularvorlagen, die Ihnen helfen, Zeit zu sparen. Sie können schnell eine auswählen und sie nach Ihren Anforderungen bearbeiten. Es gibt auch eine leere Formularvorlage, die Sie zum Erstellen eines vollständig benutzerdefinierten Formulars verwenden können.

Noch besser: Sie können WPForms AI verwenden, um Ihr Formular schnell zu erstellen. Sie müssen nur eine kurze Beschreibung schreiben, und der KI-Formular-Builder generiert das Formular für Sie.

Für dieses Tutorial verwenden wir die Vorlage „Vorschlagsformular“.

Fahren Sie einfach mit der Maus über die Vorlagenbox und klicken Sie auf die Schaltfläche „Vorlage verwenden“, um loszulegen.

Dies bringt Sie zu deren Formular-Builder, wo Sie ihn anpassen können.

Ziehen Sie einfach die Felder aus der linken Spalte und legen Sie sie in Ihre Formularvorlage. Sie können auch vorhandene Formularfelder auswählen und sie weiter anpassen.

Nachdem Sie einige Formularfelder hinzugefügt haben, sind Sie bereit, Ihrer Formular eine neue Seite hinzuzufügen.

Fügen Sie das Feld 'Seitenumbruch' aus der linken Spalte unter der Rubrik 'Fancy Fields' hinzu.

Wenn Sie das Feld „Seitenumbruch“ in Ihr Formular ziehen und ablegen, wird das Formular an dieser genauen Stelle aufgeteilt.

WPForms fügt oben auf der Seite auch eine Markierung für „Erste Seite / Fortschrittsanzeige“ hinzu. Dies verschiebt die Schaltfläche „Senden“ auf die letzte Seite, und Ihre früheren Seiten haben nun stattdessen eine Schaltfläche „Weiter“.

Wenn Sie nun auf die Markierung „Erste Seite / Fortschrittsanzeige“ in WPForms klicken, sehen Sie 4 verschiedene Stile für die Fortschrittsanzeige zur Auswahl. Jeder funktioniert besser für verschiedene Arten von Formularen:

• Die einfache Fortschrittsleiste eignet sich am besten für Formulare mit 3-5 Seiten. Sie zeigt einen sauberen, prozentbasierten Balken an, der sich füllt, wenn Benutzer jede Seite abschließen, was sie perfekt für Kontaktformulare, Registrierungsformulare oder Umfragen macht.
• Kreise und Verbinder eignen sich gut für längere Formulare mit 6+ Seiten. Diese Stile geben den Benutzern ein klareres Gefühl dafür, wie viele Schritte verbleiben, was besonders hilfreich für komplexe Formulare wie Bewerbungen oder detaillierte Fragebögen ist.

• Wenn Sie ein sehr kurzes 2-Seiten-Formular haben, möchten Sie vielleicht keine Option wählen, um die Benutzeroberfläche nicht zu überladen. Viele Benutzer bevorzugen ein minimales Design für einfache Formulare, bei denen der Fortschritt bereits offensichtlich ist.

Die Option zur Farbanpassung ermöglicht es Ihnen, Ihre Fortschrittsanzeige an Ihre Markenfarben anzupassen. Und wenn Sie den „Seitentitel“ hinzufügen, wird dieser auf der Fortschrittsanzeige angezeigt.

Dieses kleine Detail lässt Ihr Formular stärker mit dem Gesamtdesign Ihrer Website integriert wirken. Keine Sorge, Sie können diesen Stil jederzeit ändern, wenn Sie später Seiten hinzufügen oder entfernen.

Klicken Sie anschließend auf die Markierung „Seitenumbruch“, um deren Eigenschaften zu bearbeiten. Hier können Sie:

• Ändern Sie den Text auf der Schaltfläche ‘Weiter’.
• Geben Sie einen Titel für die nächste Seite an.

Sie können dann beliebig viele Seitenumbrüche hinzufügen, wie Sie benötigen.

Sie können auch bedingte Logik verwenden, um Felder basierend auf den Antworten der Benutzer ein- oder auszublenden.

In dieser Vorlage sehen Sie, dass sie bereits für das Feld ‘Wenn andere…’ eingerichtet ist. Sie können dies überprüfen, indem Sie darauf klicken und zum Tab ‘Smart Logic’ gehen.

Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche ‘Speichern’ in der oberen rechten Ecke.

Sie haben nun die Erstellung Ihres mehrseitigen Formulars abgeschlossen. Der nächste Schritt ist das Hinzufügen des Formulars zu Ihrer Website.

Schritt 3 (Optional): Überprüfungs-/Zusammenfassungsseite vor dem Absenden hinzufügen

Eine Übersichtsseite (auch Zusammenfassungsseite genannt) ermöglicht es Benutzern, alle ihre Antworten anzuzeigen, bevor sie auf die endgültige Schaltfläche „Senden“ klicken. Benutzer schätzen die Möglichkeit, ihre Informationen noch einmal zu überprüfen, insbesondere auf Mobilgeräten, wo Tippfehler häufiger vorkommen.

Bei längeren Formularen mit mehr als 5 Seiten ist eine Übersichtsseite unerlässlich. Sie gibt den Benutzern Sicherheit und reduziert die Abbruchrate auf der letzten Seite, wenn Benutzer zögern könnten, bevor sie auf „Senden“ klicken.

Um eine Übersichtsseite in WPForms zu erstellen, können Sie am Ende Ihres Formulars, direkt vor der Schaltfläche „Senden“, ein letztes Feld „Seitenumbruch“ hinzufügen.

Ziehen Sie das Feld „Seitenumbruch“ per Drag & Drop in die Formularvorschau.

Fügen wir als Nächstes auf dieser letzten Seite ein Feld „Eintragsübersicht“ hinzu.

Sie können es direkt vor der Schaltfläche „Senden“ Ihres Formulars platzieren.

Klicken Sie auf das Feld, um die Anpassungseinstellungen zu öffnen.

Stellen Sie hier sicher, dass Sie „Vorschauhinweis anzeigen“ aktivieren. Sie können auch den vorgefertigten Text bearbeiten, um ihn an die Stimme und den Ton Ihrer Marke anzupassen.

Und das ist alles.

Dies funktioniert besonders gut für Formulare, die wichtige Informationen wie Kontaktdaten, Lieferadressen oder Zahlungsinformationen sammeln. Wenn Benutzer ihre Einträge überprüfen können, ist es wahrscheinlicher, dass sie Tippfehler oder Fehler vor dem Absenden erkennen.

Schritt 4: Fügen Sie Ihr mehrseitiges Formular zu WordPress Beiträgen und Seiten hinzu

Es ist ratsam, Ihr Formular vor der Veröffentlichung zu testen.

Klicken Sie im Formular-Generator auf die Schaltfläche „Vorschau“, um Ihr Formular in einem neuen Tab zu öffnen.

Versuchen Sie auf dem Vorschau-Bildschirm, es auszufüllen, genau wie es ein echter Besucher tun würde.

Sie können auch einige gängige Szenarien testen, wie zum Beispiel:

• Überspringen eines Pflichtfeldes
• Eingabe einer ungültigen E-Mail-Adresse oder eines Tippfehlers
• Hin- und Herwechseln zwischen den Seiten

Dies hilft Ihnen sicherzustellen, dass Ihre Seiten-Navigation korrekt funktioniert und Ihre automatischen Fehlermeldungen ordnungsgemäß ausgelöst werden, sodass echte Benutzer genau wissen, was sie korrigieren müssen, wenn sie einen Fehler machen.

Überprüfen Sie vor dem Absenden des Formulars den Abschnitt „Eintragsübersicht“.

Hier sollten alle eingegebenen Informationen von jeder Seite des Formulars angezeigt werden.

Wenn alles gut aussieht, klicken Sie auf „Senden“, um zu bestätigen, dass die Formularübermittlung erfolgreich war.

Wenn alles ohne Fehler funktioniert, sind Sie bereit, Ihr mehrseitiges Formular zu veröffentlichen.

WPForms macht es super einfach, Formulare zu WordPress-Beiträgen und -Seiten hinzuzufügen.

Sie können oben im Formular-Builder auf die Schaltfläche „Einbetten“ klicken und das Formular zu einer neuen oder einer vorhandenen Seite hinzufügen.

Für dieses Tutorial wählen wir die Option ‘Bestehende Seite auswählen’.

Im nächsten Popup können Sie eine Seite aus dem Dropdown-Menü auswählen und auf die Schaltfläche „Los geht’s“ klicken.

Dies bringt Sie zum WordPress Block Editor.

Von hier aus können Sie auf die Schaltfläche ‘+’ klicken, um den WPForms-Block hinzuzufügen.

WPForms lädt dann den Block in den Content-Editor.

Von hier aus können Sie Ihr mehrseitiges Formular aus dem Dropdown-Menü auswählen.

Danach sollten Sie eine Vorschau Ihres Formulars im Block-Editor sehen.

Von hier aus können Sie anpassen, wie Ihr Formular auf Ihrem Beitrag oder Ihrer Seite aussehen soll.

Zum Beispiel können Sie im WPForms-Blockbereich auf der rechten Seite den Formularnamen und die Beschreibung aktivieren oder das Formular mit einem Design gestalten, das zu Ihrem Website-Design passt.

Wenn Sie mit dem Aussehen zufrieden sind, veröffentlichen Sie Ihre Seite oder Ihren Beitrag.

Sobald dies erledigt ist, können Sie Ihre WordPress-Website besuchen, um Ihr mehrseitiges Formular in Aktion zu sehen:

Details finden Sie in unserem Leitfaden, wie Sie Formulare in WordPress einbetten.

Bonus-Tipp: Bringen Sie WordPress Multi-Part Forms auf die nächste Stufe

Wenn Sie die absolut besten Ergebnisse von Ihrer Website erzielen möchten, möchten Sie wahrscheinlich wissen, wie Sie Ihre Lead-Generierungsformulare auf die nächste Stufe heben können.

Es gibt mehrere Dinge, die Sie tun können, um die Konversionen Ihrer mehrseitigen WordPress-Formulare drastisch zu verbessern.

Tipp 1. Interaktive Lead-Formulare

WPForms wird mit einem Lead Forms Addon geliefert, mit dem Sie die Abschlussrate Ihres Formulars durch ein ansprechendes Layout-Design verbessern können. (Bitte beachten Sie, dass das Lead Forms Addon mit dem WPForms Pro Plan oder höher verfügbar ist.)

Im Wesentlichen können Sie den Benutzern eine Frage nach der anderen präsentieren, wodurch Ihre Formulare weniger einschüchternd und einfacher auszufüllen sind.

Dies funktioniert besonders gut für eine Angebotsanfrage und andere Lead-Generierungsformulare auf Ihrer Website. Hier ist ein Beispiel, wie es aussieht:

Diese Funktion ähnelt dem Conversational Forms Addon von WPForms, das einen persönlichen Ansatz verwendet, um Benutzern eine Frage nach der anderen zu stellen.

Einfach ausgedrückt: Das Lead Forms Addon zeigt eine Frage nach der anderen innerhalb Ihrer bestehenden Seite an. Das Conversational Forms Addon erstellt eine dedizierte Vollbild-Landingpage für ein ablenkungsfreies Erlebnis.

Weitere Tipps finden Sie in unserem Leitfaden, wie Sie interaktivere Formulare in WordPress erstellen.

Tipp 2. Teilweise Formularübermittlungen aktivieren

Forschungen von The Manifest ergaben, dass 81% der Menschen mindestens ein Online-Formular abgebrochen haben. Diese hohe Abbruchrate, insbesondere bei längeren Formularen, ist der Grund, warum das Speichern von Teilergebnissen so wertvoll ist.

Aus diesem Grund empfehlen wir, die Übermittlung unvollständiger Formulare in WordPress zu aktivieren. Das WPForms Form Abandonment Addon ermöglicht Ihnen dies mit Leichtigkeit. (Diese leistungsstarke Funktion ist im WPForms Pro Plan und höher verfügbar.)

Sie können es einfach aktivieren, indem Sie im Einstellungsmenü des Formular-Builders zum Tab „Formularabbruch“ gehen.

Dies ermöglicht es Ihnen, gezielte Folge-Nachrichten an diejenigen zu senden, die Ihr Formular abbrechen, um Ihre Verkaufszahlen zu steigern.

FAQs zum Hinzufügen eines mehrseitigen Formulars in WordPress

Haben Sie weitere Fragen zur Erstellung von mehrseitigen Formularen? Hier sind einige schnelle Antworten, die Ihnen helfen sollen.

Kann ich mehrere Formulare auf einer einzigen Seite haben?

Ja, Sie können mehr als ein Formular zu einer einzelnen WordPress-Seite hinzufügen. Wenn Sie jedoch zusammengehörige Informationen sammeln, ist es normalerweise besser, stattdessen ein mehrseitiges Formular zu verwenden. Das hält die Dinge übersichtlich und erleichtert Ihren Besuchern den Prozess.

Was passiert, wenn ein Benutzer das Formular auf halbem Weg abbricht?

Standardmäßig werden Formulardaten nur gespeichert, wenn jemand sie absendet. Wenn Sie WPForms Pro verwenden, können Sie das Form Abandonment Addon aktivieren, um unvollständige Einträge automatisch zu erfassen. Auf diese Weise können Sie sich immer noch mit Personen in Verbindung setzen, die das Ausfüllen des Formulars nicht abgeschlossen haben.

Kann ich meinem mehrseitigen Formular eine Schaltfläche 'Zurück' hinzufügen?

Ja! Die meisten Formularersteller lassen Sie eine Schaltfläche „Zurück“ hinzufügen, damit Benutzer ihre Antworten zurückverfolgen und bearbeiten können, bevor sie fortfahren. Es ist ein kleines Detail, das Ihre Formulare benutzerfreundlicher machen kann.

Wie kann ich ein mehrstufiges Formular in WordPress ohne Plugin erstellen?

Es ist möglich, aber nicht sehr praktisch. Sie müssten den Code selbst mit HTML und CSS schreiben, sicherstellen, dass die Informationen korrekt eingegeben werden, und ein System zum Verarbeiten und Speichern der Übermittlungen erstellen. Die Verwendung eines Plugins wie WPForms ist für die meisten Benutzer viel schneller und einfacher.

Kann ChatGPT Formulare erstellen?

ChatGPT kann Ihnen helfen, das HTML zu schreiben oder zu planen, wie Ihr Formular funktionieren soll, einschließlich eines mehrstufigen Layouts oder eines Frageflusses. Sie müssen das Formular jedoch immer noch selbst zu WordPress hinzufügen und Dinge wie Design, Validierung und das Speichern von Einträgen handhaben.

Weitere Anleitungen zur Verwendung von WordPress-Formularen

Wir hoffen, dieser Artikel hat Ihnen geholfen, ein mehrseitiges Formular in WordPress hinzuzufügen.

Wenn Sie dies hilfreich fanden, dann möchten Sie vielleicht auch unsere Anleitungen zu folgenden Themen sehen:

• So zeigen Sie ein schwebendes Kontaktformular in WordPress an
• So verwenden Sie das Kontaktformular, um Ihre E-Mail-Liste in WordPress zu erweitern
• Möglichkeiten, bedingte Logik in Ihren WordPress-Formularen zu verwenden
• So fügen Sie die Funktion „Speichern und fortfahren“ in WordPress-Formularen hinzu
• Der ultimative Leitfaden zur Verwendung von WordPress-Formularen (Alles, was Sie wissen müssen)

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.