Wenn Sie unübersichtliche Formulare für Ihre Website erstellen möchten, die gut konvertieren, sind mehrseitige Formulare der richtige Weg. Aufgeteilt auf mehrere Seiten, bekämpfen sie die Formularmüdigkeit und erhöhen das Engagement der Nutzer. In diesem Artikel zeigen wir Ihnen, wie Sie ein mehrstufiges Formular in WordPress erstellen, damit Sie mehr Konversionen erzielen.
Aber zunächst einmal: Warum sollte man mehrstufige Formulare in WordPress verwenden?
Warum ein mehrstufiges Formular in WordPress hinzufügen?
Wie bereits erwähnt, sind mehrstufige Formulare auf mehrere Seiten aufgeteilt. Das Hinzufügen weiterer Schritte zu einem Formular mag kontraintuitiv erscheinen, aber tatsächlich kann es die Konversionsrate eines Formulars erhöhen.
Mehrstufige Formulare verringern die Reibung, die entsteht, wenn der Benutzer zu viele Entscheidungen auf einmal treffen muss. Einfache Optionen machen jeden Schritt des Formulars weniger überwältigend, und Fortschrittsbalken ermutigen die Benutzer zum Fortfahren und Ausfüllen des Formulars.
Da Sie Ihr Formular so ausgerichtet haben, dass die Ausfüllraten verbessert werden, ist die Wahrscheinlichkeit geringer, dass das Formular abgebrochen wird. Und mit der Verwendung von bedingter Logik können Sie den Nutzern je nach ihren Antworten verschiedene Seiten anbieten, was es einfacher macht, nur die benötigten Informationen zu sammeln.
Da Sie nun wissen, warum die Verwendung von mehrstufigen Formularen für die Benutzerfreundlichkeit von Vorteil ist, lassen Sie uns mit der Erstellung eines solchen Formulars in WordPress fortfahren.
Wie man ein mehrstufiges Formular in WordPress erstellt
In diesem Tutorial werden wir WPForms verwenden, um mehrteilige Formulare in WordPress zu erstellen. WPForms ist das beste Drag-and-Drop-Plugin für WordPress-Formularerstellung. Und mit über 3 Millionen aktiven Installationen ist es das einsteigerfreundlichste Tool auf dem Markt.
Noch besser, es hat sowohl eine kostenlose und kostenpflichtige Version, aber heute werden wir die Pro-Version von WPForms verwenden, um eine mehrseitige Form in WordPress zu bauen.
Warum nicht überprüfen Sie diese eingehende WPForms Überprüfung für die vollständigen Details?
Fangen wir also mit dem ersten Schritt an, nämlich der Erstellung eines neuen Formulars.
- Schritt 1: Erstellen Sie ein neues Formular in WordPress
- Schritt 2: Teilen Sie Ihr Formular in mehrere Teile auf
- Schritt 3: Anpassen der Fortschrittsleiste Ihres Formulars
- Schritt 4: Bearbeiten Sie Ihre Formulareinstellungen
- Schritt 5: Einrichten von Formularbenachrichtigungen
- Schritt 6: Definieren Sie Ihre Bestätigungsnachricht für das Formular
- Schritt 7: Fügen Sie Ihr Formular zu WordPress hinzu
Schritt 1: Erstellen Sie ein neues Formular in WordPress
Als Erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Wenn Sie nicht sicher sind, wie das geht, können Sie diese Schritt-für-Schritt-Anleitung zur Installation von WordPress-Plugins für Anfänger befolgen.
Mit WPForms können Sie jede Art von Formular in mehrere Teile aufteilen, also lassen Sie uns ein einfaches Kontaktformular erstellen.
Gehen Sie zu WPForms " Add New, um ein neues Formular zu erstellen und die verfügbaren Vorlagen anzuzeigen.
Geben Sie dann auf diesem Bildschirm Ihrem Formular einen Namen und wählen Sie die Vorlage "Einfaches Kontaktformular".
WPForms wird nun die Vorlage im Drag-and-Drop-Formular-Builder öffnen, damit Sie sie bearbeiten können.
Das einfache Kontaktformular wird mit den folgenden Feldern geliefert, die dem Formular bereits hinzugefügt wurden:
- Name
- Kommentar oder Nachricht
Sie können auch Formularfelder verschieben und zusätzliche Felder hinzufügen, indem Sie sie von der linken Spalte in die rechte Spalte ziehen. Klicken Sie einfach auf ein Formularfeld, um den Inhalt zu bearbeiten, und ziehen Sie es, um seine Position zu ändern.
Wenn Sie Ihrer WordPress-Website mehr als ein Kontaktformular hinzufügen möchten, können Sie mit WPForms auch die folgenden Formulartypen erstellen:
Die meisten dieser Formulartypen sind länger als Standard-Kontaktformulare, so dass eine Aufteilung in mehrere Schritte die Konversionsrate verbessern kann.
Da Sie nun wissen, wie Sie beginnen können, wollen wir nun lernen, wie Sie Ihr Formular in Teile aufteilen können.
Schritt 2: Teilen Sie Ihr Formular in mehrere Teile auf
Sobald Sie Ihr Formular angepasst und die benötigten Felder hinzugefügt haben, fügen Sie das Feld Seitenwechsel hinzu, um Ihr Formular in verschiedene Seiten aufzuteilen.
Sie können dies tun, indem Sie unter der Überschrift " Ausgefallene Felder" nachsehen und das Formularfeld " Seitenumbruch " in das rechte Feld ziehen.
Legen Sie dann das Feld in Ihrem Formular an der Stelle ab, an der Sie es aufteilen möchten.
Wiederholen Sie diesen Vorgang für jeden Abschnitt, in dem Sie Ihr Formular auf eine andere Seite aufteilen möchten. Von dort aus können Sie Ihr Formular weiter anpassen, indem Sie die Felder hinzufügen, die Sie zum Ausfüllen des Formulars benötigen.
Mit WPForms können Sie zwar so viele Formulare hinzufügen, wie Sie möchten, aber es ist wichtig, dass Sie die Benutzer nicht mit zu vielen Informationen überfordern. Dies kann dazu führen, dass sie Ihr Formular abbrechen, was das Gegenteil von dem ist, was Sie erreichen wollen.
Schritt 3: Anpassen der Fortschrittsleiste Ihres Formulars
Um den Fluss Ihres Formulars zu erhöhen, können Sie einen Fortschrittsbalken einfügen. Ein Fortschrittsbalken informiert über die verschiedenen Abschnitte Ihres Formulars und ist ein guter visueller Indikator dafür, wie viel noch zu erledigen ist.
WPForms kommt mit 3 verschiedenen Fortschrittsanzeigeleisten für mehrstufige Formulare, die wie folgt sind:
- Verbindungslinien - Verbindungsleisten und Seitentitel für jeden Schritt Ihres Formulars.
- Kreise - Nummerierte Kreise und Seitentitel für jeden Formularschritt.
- Fortschrittsbalken - Indikator für den Fortschritt des Benutzers beim Ausfüllen der Formularschritte.
Wenn Sie den Fortschrittsbalken und den Seitentitel für die erste Seite Ihres mehrseitigen Formulars ändern möchten, klicken Sie auf das Feld Erste Seitenunterbrechung.
Daraufhin wird ein neuer Bereich angezeigt, in dem Sie die Fortschrittsart für Ihr Formular auswählen können. In diesem Bereich können Sie auch die Farbe zur Hervorhebung der Fortschrittsanzeige ändern, wenn Sie dies wünschen.
Wenn Sie die Optionen "Kreise" oder "Anschlüsse" wählen, können Sie auch den Seitentitel ändern. Auf diese Weise wissen die Nutzer, in welchem Teil des Formulars sie sich befinden, damit sie sich nicht verirren. Wenn Sie dies nicht wünschen, wird den Nutzern ein Standard-Fortschrittsbalken angezeigt, der sie durch das Ausfüllen des Formulars führt.
Im nächsten Schritt können Sie die Schaltfläche " Nächste Seite" und den Text ändern, der die Benutzer auf die nächste Seite des Formulars führt.
Klicken Sie dazu auf den Abschnitt Seitenumbruch, den Sie beim Erstellen des Formulars hinzugefügt haben.
Außerdem können Sie eine Schaltfläche " Vorherige Seite " hinzufügen, indem Sie den Schalter auf "Ein" stellen. Auf diese Weise können die Benutzer zurückgehen, wenn sie vergessen haben, Informationen hinzuzufügen.
Wenn Sie die Anpassung Ihres Fortschrittsbalkens abgeschlossen haben, klicken Sie auf Speichern und fahren Sie mit dem nächsten Schritt fort.
Schritt 4: Bearbeiten Sie Ihre Formulareinstellungen
Nun können Sie die Einstellungen Ihres Formulars bearbeiten. Gehen Sie dazu auf Einstellungen " Allgemein.
In diesem Abschnitt können Sie die folgenden Optionen einstellen:
- Formularname - Geben Sie Ihrem Formular einen neuen Namen, wenn Sie möchten.
- Formularbeschreibung - Fügen Sie Ihrem Formular eine Beschreibung als Referenz hinzu.
- Text der Übermittlungsschaltfläche - Ändern Sie den Text der Übermittlungsschaltfläche.
- Spam-Einstellungen - Aktivieren Sie die Anti-Spam-Honeypot-Option, um Spammer daran zu hindern, unerwünschte Beiträge zu senden.
- GDPR-Funktionen - Deaktivieren Sie die Speicherung der in Ihre Formulare eingegebenen Informationen wie IP-Adressen und andere sensible Daten, um der GDPR zu entsprechen.
Wenn Ihre Einstellungen konfiguriert sind, klicken Sie auf Speichern.
Schritt 5: Einrichten von Formularbenachrichtigungen
Die Benachrichtigungseinstellungen in WPForms, senden eine E-Mail, wenn ein Formular auf Ihrer WordPress-Website eingereicht wird.
Sie finden die Benachrichtigungseinstellungen, indem Sie auf Einstellungen " Benachrichtigungen klicken.
Wenn Sie jedoch die Formularbenachrichtigungen nicht deaktivieren, erhalten Sie eine E-Mail für jedes auf Ihrer Website eingereichte Formular.
Andererseits können Sie Smart Tags verwenden, um den Personen, die Ihr Formular ausfüllen, eine E-Mail zu senden. Smart Tags sind eine hervorragende Möglichkeit, sie wissen zu lassen, dass ihr Formular korrekt ausgefüllt wurde und dass Sie es erhalten haben.
Es ist sogar besser, diese Funktion bei langen Formularen mit mehreren Schritten zu verwenden, da das Ausfüllen länger dauern kann. Außerdem erspart es den Nutzern, sich zu fragen, ob alles gut gelaufen ist. Weitere Hilfe finden Sie in der Dokumentation zur Einrichtung von Formularbenachrichtigungen hier.
Wenn Sie mit der Einrichtung Ihrer Benachrichtigungen fertig sind, fahren Sie mit der Konfiguration Ihrer Formularbestätigungsnachricht fort.
Schritt 6: Definieren Sie Ihre Bestätigungsnachricht für das Formular
Formularbestätigungen sind kurze Nachrichten, die den Nutzern angezeigt werden, wenn sie ein Formular auf Ihrer Website ausgefüllt haben. Sie sind eine hervorragende Möglichkeit, den Nutzern mitzuteilen, dass ihr Formular bearbeitet wird und welche Schritte sie als nächstes unternehmen müssen.
Es gibt 3 Arten von Bestätigungsmeldungen in WPForms, die beinhalten:
- Nachricht - Eine einfache Nachricht, die den Benutzer darüber informiert, dass sein Formular abgeschickt wurde.
- Seite anzeigen - Schicken Sie Benutzer nach dem Absenden ihres Formulars auf eine andere Seite, z. B. eine Dankeseite.
- Go to URL (Redirect) - Schicken Sie Website-Besucher nach dem Absenden des Formulars auf eine andere Website.
Um Ihre Bestätigungsnachricht einzurichten, klicken Sie auf Einstellungen " Bestätigung.
Wählen Sie dann die Art der Nachricht, die Sie Ihren Besuchern nach dem Ausfüllen Ihres Formulars anzeigen möchten. Für dieses Tutorial wählen wir " Nachricht".
Passen Sie nun den Nachrichtentext an Ihre Bedürfnisse an und klicken Sie auf Speichern, wenn Sie zufrieden sind.
Sie sind nun bereit, Ihr Formular in WordPress einzufügen.
Schritt 7: Fügen Sie Ihr Formular zu WordPress hinzu
Sobald Sie Ihr mehrstufiges Formular erstellt haben, ist es an der Zeit, es zu Ihrer WordPress-Website hinzuzufügen. Mit WPForms können Sie Ihr Formular zu vielen Bereichen Ihrer Website hinzufügen. Dazu gehören Ihre Website-Seite oder Ihr Beitrag, Ihre Seitenleiste und alle anderen Widget-fähigen Bereiche.
Sehen wir uns an, wie Sie Ihr mehrstufiges Formular zu einer WordPress-Seite hinzufügen.
Gehen Sie zunächst in Ihren WordPress-Verwaltungsbereich und klicken Sie auf Seiten " Neu hinzufügen.
Klicken Sie dann im WordPress-Editor auf das Plus-Symbol, um einen neuen Inhaltsblock hinzuzufügen. Geben Sie in das Suchfeld WPForms ein, um ihn leicht zu finden.
Klicken Sie nun auf den WPForms-Block, um ihn zu Ihrer Seite hinzuzufügen.
Wenn WPForms innerhalb Ihres Blocks erscheint, klicken Sie auf den Dropdown-Pfeil, um Ihr mehrstufiges Formular aus der Liste auszuwählen und in Ihre Seite einzufügen.
Klicken Sie dann auf Veröffentlichen, um die Seite in WordPress zu veröffentlichen. Ihr mehrstufiges Formular wird nun auf Ihrer Website erscheinen.
Und das war's! Sie haben gelernt, wie man ein mehrstufiges Formular in WordPress erstellt, sodass Sie im Handumdrehen das Engagement der Nutzer und die Konversionsraten des Formulars verbessern können.
Wenn Ihnen dieser Artikel gefallen hat, sehen Sie sich unsere Übersicht der besten WordPress-Plugins an, die Sie auch auf Ihrer Website verwenden können.
Weitere Anleitungen zu Formularen finden Sie in diesen Artikeln:
- Wie man ein WordPress-Formular mit Datei-Upload erstellt
- Erstellen eines Formulars im Typeform-Stil
- Wie man ein Kontaktformular in WordPress erstellt
- Wie man ein Online-Bestellformular in WordPress erstellt
- Wie man ein WordPress-Veranstaltungsregistrierungsformular erstellt
Und wenn Sie möchten, können Sie uns auf Facebook und Twitter folgen, um weitere hilfreiche Tipps und Anleitungen zu erhalten.
