So erstellen Sie ein mehrstufiges WordPress-Formular (The No-Code Way)

Veröffentlicht: 2022-06-18

Suchen Sie nach einem Tutorial zum Erstellen eines mehrstufigen WordPress-Formulars?

Ein mehrstufiges Formular teilt große Formulare in kleinere Teile auf. Mehrstufige Formulare reduzieren die Unordnung und machen es Ihren Besuchern einfacher, sich anzumelden. Es ist eine großartige Möglichkeit, die Conversions zu steigern und die allgemeine Benutzererfahrung zu verbessern.

Aber es von Grund auf neu zu erstellen, ist wirklich ermüdend, und wenn Sie einen Entwickler einstellen müssen, um eines zu erstellen, wird es auch teuer.

In diesem Artikel zeigen wir Ihnen, wie Sie auf einfache Weise ohne Programmierung ein mehrstufiges WordPress-Formular erstellen.

Tauchen wir ein.

Schritt 1: Erstellen Sie ein neues Formular mit WPForms

Als erstes müssen Sie WPForms installieren und aktivieren.

WPForms

WPForms ist das weltweit führende WordPress-Formularerstellungs-Plugin. Wenn Sie sich nicht sicher sind, wie Sie WPForms installieren, sollten Sie sich diese Schritt-für-Schritt-Anleitung zur Installation eines Plugins in WordPress ansehen.

Gehen Sie dann zu Ihrem WPForms-Dashboard und gehen Sie zu Downloads , um Ihr Plugin zu erhalten:

WPForms-Downloads

Als nächstes installieren und aktivieren Sie das Plugin auf Ihrer Website. Und kopieren Sie Ihren Lizenzschlüssel auf derselben Registerkarte.

Gehen Sie schließlich zu Ihrem WordPress-Dashboard und gehen Sie zu WPForms » Einstellungen und fügen Sie Ihren Lizenzschlüssel ein:

Aktivieren Sie die WPForms-Lizenz

Wenn Sie fertig sind, klicken Sie auf Verbinden .

Nachdem WPForms installiert und aktiviert ist, ist es an der Zeit, Ihr erstes Formular zu erstellen. Gehen Sie zu WPForms »Neu hinzufügen :

Neues Formular mit WPForms hinzufügen

Dadurch wird der Drag-and-Drop-Formularersteller von WPForms geöffnet.

Um ein neues Formular zu erstellen, geben Sie ihm einen Namen und wählen Sie Ihre Formularvorlage aus:

Formulartitel und Vorlage

Und das ist es! Wenn Sie die Felder in Ihrem Kontaktformular hinzufügen oder bearbeiten möchten, können Sie dies über die Seitenleiste tun. Ziehen Sie Formularfelder und legen Sie sie ab, um neue hinzuzufügen, und klicken Sie auf die vorhandenen Felder, um sie zu bearbeiten:

Fügen Sie Formularfelder aus der Seitenleiste hinzu

Wenn Sie fertig sind, klicken Sie auf Speichern .

Schritt 2: Fügen Sie das Seitenumbruchfeld in Ihr Formular ein

Das Aufteilen Ihres Formulars in mehrere Seiten ist mit WPForms sehr einfach und unkompliziert.

Nachdem Sie alle Formularfelder in Ihrem Formular hinzugefügt und angepasst haben, müssen Sie das Formularfeld Seitenumbruch zu Ihrer Website hinzufügen, um sie in verschiedene Seiten aufzuteilen.

Ziehen Sie dazu das Formularfeld Seitenumbruch , das sich unter Fancy Fields befindet, vom linken Bedienfeld in das rechte Bedienfeld.

WPForms-Seitenumbruch

Platzieren Sie das Feld dort, wo das Formular geteilt werden soll. Wenn Sie mehrere Umbrüche wünschen, verwenden Sie einfach mehrere Seitenumbruchmodule.

Schritt 3: Passen Sie die Fortschrittsleiste des mehrseitigen Formulars an

Der größte Teil Ihrer Arbeit beim Entwerfen des Formulars ist an dieser Stelle erledigt. Wir empfehlen jedoch für jedes mehrseitige Formular die Verwendung eines Fortschrittsbalkens, um Ihre Besucher wissen zu lassen, wie weit sie im Anmeldeprozess fortgeschritten sind. Sie können darüber hinaus gehen, um Ihren Seiten auch Titel zu geben.

Um den Fortschrittsbalken und den Seitentitel der ersten Seite Ihres mehrstufigen Formulars anzupassen, klicken Sie auf den Abschnitt Erste Seite umbrechen.

Passen Sie Seitenumbrüche an

In der Seitenleiste können Sie die Art der Fortschrittsanzeige entweder als Kreise oder als Konnektoren festlegen. Sie können auch den Titel für die Seite festlegen.

Seitentitel und Fortschrittsanzeige

Das Besondere ist, dass Sie auch eine benutzerdefinierte Seitenindikatorfarbe festlegen können. Wenn Sie zufrieden sind, können Sie auch die anderen Seitenumbrüche auf die gleiche Weise anpassen.

Sie können auch die Funktion aktivieren, mit der Sie Website-Besuchern eine Schaltfläche „ Vorherige Seite“ anzeigen können. Auf diese Weise können sie bei Bedarf zur vorherigen Seite Ihres Formulars zurückkehren.

Schaltfläche „Vorherige Seite“ aktivieren

Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche Speichern .

Schritt 4: Konfigurieren Sie Ihre mehrstufigen Formulareinstellungen

Als Nächstes möchten Sie Benachrichtigungen und Bestätigungen einrichten.

Benachrichtigungen sind E-Mails, die Sie erhalten, wenn jemand das Formular ausfüllt. Bestätigungen sollen den Benutzer darüber informieren, dass er das Formular erfolgreich ausgefüllt hat. Normalerweise ist dies eine „Danke“-Nachricht, aber Sie können Ihre Benutzer auch auf eine spezielle Seite umleiten.

Gehen Sie zu Einstellungen » Bestätigungen , um die Bestätigungseinstellungen zu konfigurieren:

Formularbestätigung

Gehen Sie dann im selben Menü zu Benachrichtigungen, um Ihre Benachrichtigungsmeldungen zu konfigurieren:

Formularbenachrichtigungen

Standardmäßig werden die Benachrichtigungen an die WordPress-Admin-E-Mail gesendet. Wenn Sie also möchten, dass die E-Mails an einen anderen Ort gesendet werden, z. B. an die E-Mail-ID Ihres Vertriebsleiters, können Sie dies direkt hier tun.

Schritt 5: Fügen Sie Ihr mehrstufiges Formular zu Ihrer WordPress-Website hinzu

An dieser Stelle sind Sie mit der Konfiguration Ihres WordPress-Kontaktformulars fertig. Also, lassen Sie uns fortfahren und es zu einer Seite hinzufügen. Es gibt 3 grundlegende Methoden, um ein WPForms-Kontaktformular zu Ihrer WordPress-Site hinzuzufügen. Wir werden uns jeden ansehen.

Methode 1: Fügen Sie das Formular mit dem Blockeditor hinzu

Gehen Sie zu der Seite, auf der Sie Ihr Kontaktformular hinzufügen möchten, und fügen Sie einen neuen WPForms-Block hinzu:

Fügen Sie das Kontaktformular mit dem WPForms-Block hinzu

Wählen Sie dann Ihr neu erstelltes Formular über das Dropdown-Menü aus:

WPForm-Blockauswahlformular

Und Sie sollten sehen, dass Ihr Kontaktformular automatisch in Ihre Seite eingefügt wird.

Klicken Sie einfach auf Speichern und veröffentlichen , um Ihr WordPress-Formular in Aktion zu sehen.

Methode Nr. 2: Fügen Sie Ihr Kontaktformular mit WPForms-Shortcodes hinzu

WPForms generiert auch einen Shortcode für jedes WordPress-Kontaktformular. Sie können den Shortcode des Kontaktformulars kopieren, indem Sie WPForms » Alle Formulare besuchen:

WPForms-Shortcodes

Fügen Sie dann den Shortcode in einen beliebigen Beitrag oder eine beliebige Seite ein. So einfach ist das.

Wenn Shortcodes neu für dich sind, solltest du dir diesen Artikel ansehen, wie man einen Shortcode auf WordPress-Seiten hinzufügt.

Methode Nr. 3: Fügen Sie Ihr Kontaktformular zu den Seitenleisten hinzu

Die Seitenleiste ist eine der am wenigsten genutzten Funktionen auf den meisten WordPress-Seiten. Wir empfehlen dringend, ein Kontaktformular in die Seitenleisten Ihrer Website einzufügen. Gehen Sie zu Aussehen »Widgets in Ihrem WordPress-Dashboard und fügen Sie das WPForms-Widget zu Ihrer Seitenleiste hinzu:

Kontaktformular zur Seitenleiste hinzufügen

Und du bist fertig!

So bewerben Sie Ihr mehrstufiges WordPress-Formular

Das ist alles für dieses hier, Leute!

Inzwischen haben Sie ein mehrstufiges WordPress-Formular erstellt. Als Nächstes sollten Sie die Nachverfolgung von Formularabbrüchen einrichten, um Ihre Formularabbruchraten zu reduzieren.

Danach müssen Sie nur noch Traffic auf Ihre Website generieren, damit Ihre Kontaktformulare funktionieren können. Eine einfache Möglichkeit, dies zu tun, besteht darin, mit der Verwendung von Push-Benachrichtigungen zu beginnen. Das Senden von Push-Benachrichtigungen ist eine großartige Möglichkeit, wiederholten Traffic für Ihre Website zu generieren. Wenn Sie daran interessiert sind, sollten Sie sich auch diese Artikel ansehen:

  • Kosten für Push-Benachrichtigungen: Ist es wirklich kostenlos? (Preisanalyse)
  • So erhalten Sie mehr Traffic für Ihr WordPress-Blog (9 einfache Möglichkeiten)
  • So steigern Sie Ihre Opt-in-Rate für Web-Push-Benachrichtigungen (7 Möglichkeiten)

Wir empfehlen die Verwendung von PushEngage zum Senden Ihrer Push-Benachrichtigungen. PushEngage ist die weltweit führende Push-Benachrichtigungssoftware. Wenn Sie es noch nicht getan haben, starten Sie noch heute mit PushEngage.