Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man ein mehrseitiges Formular in WordPress erstellt

Mit mehrteiligen Formularen können Sie mehr Informationen erfassen, ohne die Nutzer zu vergraulen. Außerdem bieten sie ein besseres Nutzererlebnis und erleichtern es den Leuten, das Formular auszufüllen, ohne es abzubrechen.

Im Laufe der Jahre haben wir viele mehrseitige Formulare auf WPBeginner und unseren anderen Marken-Websites erstellt. Diese Formulare haben uns geholfen, Feedback von den Nutzern zu sammeln und etwas über ihre Probleme zu erfahren.

Es gibt viele Plugins, mit denen Sie Formulare auf Ihrer Website erstellen können. Bei WPBeginner verwenden wir WPForms, weil es sehr einfach zu bedienen ist und viele hilfreiche Vorlagen bietet. Sie können schnell eine Vorlage auswählen, sie nach Ihren Bedürfnissen bearbeiten und das Formular überall auf Ihrer Website anzeigen.

In diesem Artikel zeigen wir Ihnen, wie Sie ein mehrseitiges Formular in WordPress erstellen können.

How to create a multi page form in WordPress

Warum und wann brauchen Sie ein mehrseitiges Formular in WordPress?

Formulare sind der einfachste Weg, um Daten zu sammeln und mit Ihren Nutzern in Kontakt zu treten, egal ob es sich um ein Kontaktformular, ein E-Mail-Erfassungsformular oder eine einfache Umfrage handelt.

Langwierige Formulare sind jedoch für die Nutzer abschreckend und erhöhen die Zahl der Formularabbrüche.

Um dieses Problem zu lösen, empfehlen Experten für Benutzererfahrung mehrseitige Formulare. Auf diese Weise werden die Formularfelder in Abschnitte und Seiten unterteilt.

Multi Page Form Example for WordPress

Mit einem Fortschrittsbalken am oberen Rand und weniger Feldern auf dem Bildschirm fühlen sich die Benutzer beim Ausfüllen des Formulars wohler. Dies sorgt für eine ansprechende und interaktive Erfahrung für Ihre Nutzer.

Sie können das mehrseitige Formular sogar interaktiv gestalten, indem Sie Auswahlmöglichkeiten für Symbole und Gesprächselemente hinzufügen. Dies eignet sich hervorragend zur Verbesserung der Konversionsrate, insbesondere bei Formularen für Angebotsanfragen.

WordPress Multi Part Lead Form with Icon Choices

Sehen wir uns an, wie man in WordPress ganz einfach ein mehrseitiges Formular erstellen kann.

Ein mehrseitiges WordPress-Formular mit WPForms erstellen

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

Über 6 Millionen Website-Besitzer nutzen WPForms, darunter auch wir hier auf WPBeginner.

Für dieses Tutorial benötigen Sie mindestens die Basisversion von WPForms, da diese ausgefallene mehrteilige Felder und erweiterte Anpassungsoptionen enthält. Es gibt auch eine WPForms Lite-Version, die Sie kostenlos ausprobieren können.

WPBeginner Benutzer können exklusive Rabatte auf WPForms erhalten. Alles, was Sie tun müssen, ist die WPForms Coupon verwenden: SAVE50, um einen 50% Rabatt auf den Kauf eines WPForms Plan zu erhalten.

Als Erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie die Seite WPForms “ Einstellungen auf Ihrer WordPress-Website besuchen und Ihren Lizenzschlüssel eingeben. Sie können diesen Schlüssel erhalten, indem Sie sich bei Ihrem Konto auf der WPForms-Website anmelden.

Entering the WPForms license key

Nachdem Sie Ihren Lizenzschlüssel überprüft haben, können Sie nun Ihr erstes mehrseitiges Formular in WordPress erstellen.

Gehen Sie einfach auf die Seite WPForms “ Add New in Ihrem WordPress-Adminbereich, um den Form Builder zu starten.

Creating a new WordPress form

Auf dem nächsten Bildschirm müssen Sie einen Titel für Ihr Formular eingeben.

WPForms bietet viele vorgefertigte Formularvorlagen, die Ihnen helfen, Zeit zu sparen. Sie können schnell eine auswählen und sie entsprechend Ihren Anforderungen bearbeiten. Es gibt auch eine leere Formularvorlage, die Sie verwenden können, um ein vollständig benutzerdefiniertes Formular zu erstellen.

Choose a form template

Nachdem Sie ein Template ausgewählt haben, können Sie es mit dem Formularersteller individuell anpassen.

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

Edit your form

Nachdem Sie einige Formularfelder hinzugefügt haben, können Sie nun eine neue Seite zu Ihrem Formular hinzufügen.

Fügen Sie das Feld „Seitenumbruch“ unter den Abschnitten „Ausgefallene Felder“ in der linken Spalte hinzu.

Add a page break field

Sie werden feststellen, dass WPForms wird ein Seitenumbruch Markierung am unteren Rand und eine erste Seite / Progress Indicator Markierung am oberen Rand der Seite hinzuzufügen.

Außerdem wird die Schaltfläche „Absenden“ auf die nächste Seite verschoben, und Ihre erste Seite hat nun stattdessen eine Schaltfläche „Weiter“.

Um die Eigenschaften Ihres mehrseitigen Formulars zu bearbeiten, klicken Sie oben auf die Markierung „Erste Seite / Fortschrittsanzeige“. Wählen Sie in der linken Spalte einen Fortschrittsanzeigetyp aus.

Click on first page marker

WPForms ermöglicht es Ihnen, einen einfachen Fortschrittsbalken, Kreise, Verbinder oder keine Fortschrittsanzeige zu verwenden.

Sie können auch die Farbe der Seitenanzeige wählen. Schließlich können Sie noch einen Titel für die erste Seite angeben.

WPForms Multi-Part Form - Progress Bar Examples

Nun müssen Sie auf die Markierung „Seitenumbruch“ klicken, um ihre Eigenschaften zu bearbeiten.

Sie können einen Titel für die nächste Seite eingeben und den Text so bearbeiten, dass er auf der Schaltfläche Weiter angezeigt wird.

Edit the page break marker

Nach dem Seitenumbruch können Sie weitere Formularfelder hinzufügen.

Wenn Sie die Pro-Version von WPForms verwenden, können Sie auch bedingte Logik zum Ein- und Ausblenden von Formularfeldern auf der Grundlage von Benutzerantworten verwenden.

Nachdem Sie weitere Felder hinzugefügt haben, können Sie bei Bedarf weitere Seitenumbrüche hinzufügen.

Wenn Sie mit der Erstellung Ihres Formulars fertig sind, klicken Sie auf die Schaltfläche „Speichern“ in der oberen rechten Ecke des Bildschirms.

Save your form

Herzlichen Glückwunsch, Sie haben erfolgreich Ihr erstes mehrseitiges Formular erstellt.

Hinzufügen Ihres mehrseitigen Formulars zu WordPress-Beiträgen und -Seiten

WPForms macht es super einfach, WordPress Beiträge und Seiten mit Formularen zu versehen.

Sie können auf die Schaltfläche „Einbetten“ am oberen Rand des Formularerstellers klicken und das Formular zu einer neuen oder bestehenden Seite hinzufügen.

Embed a form in page

Für diesen Lehrgang wählen wir die Option „Neue Seite erstellen“.

Als nächstes müssen Sie einen Namen für Ihre neue Seite eingeben. Sobald das erledigt ist, klicken Sie auf die Schaltfläche „Los geht’s“.

Enter a name for new login page

Alternativ können Sie auch den WPForms-Block in den WordPress-Inhaltseditor einfügen, um Ihr Formular in jeden WordPress-Blogbeitrag einzubetten.

Wählen Sie einfach Ihr mehrseitiges Formular aus dem Dropdown-Menü im WPForms-Block aus.

Add a WPForms block in wordpress

Danach sollten Sie eine Vorschau Ihres Formulars im Block-Editor sehen. Veröffentlichen Sie nun Ihre Seite oder Ihren Beitrag.

Anschließend können Sie Ihre Website besuchen, um Ihr mehrseitiges Formular in Aktion zu sehen.

Multi page form preview

WordPress-Mehrteilige Formulare auf die nächste Stufe bringen

Wenn es Ihnen wie uns und anderen cleveren Geschäftsinhabern geht, dann möchten Sie wahrscheinlich wissen, wie Sie Ihre Lead-Generierungsformulare auf die nächste Stufe bringen können.

Es gibt zwei Dinge, die Sie tun können, um die Konvertierung Ihrer WordPress-Mehrseitenformulare drastisch zu verbessern.

1. Interaktive Lead-Formulare

WPForms kommt mit einem Lead Forms Addon, das es Ihnen ermöglicht, Ihre Formularausfüllrate mit einem ansprechenden Formularlayout zu verbessern.

Im Grunde können Sie den Nutzern eine Frage nach der anderen zeigen, wodurch Ihre Formulare weniger einschüchternd und einfacher auszufüllen sind.

Dies funktioniert besonders gut für ein Formular zur Angebotsanfrage und andere Formulare zur Lead-Generierung auf Ihrer Website. Hier ist ein Beispiel dafür, wie es aussieht:

WPForms Lead Forms Demo

Dies baut im Grunde auf das Prinzip der konversationellen Formulare, die WPForms in den früheren Tagen Pionierarbeit geleistet hat. Conversational Formen nehmen die eine-Frage-zu-einer-Zeit-Ansatz ähnlich wie ein Gespräch von Angesicht zu Angesicht.

Im Gegensatz zum Lead-Formular-Addon sind Konversationsformulare ganzseitige Formular-Landingpages, die auch für längere Formulare gut geeignet sind, da die Benutzer diese Formulare nur mit der Tastatur ausfüllen können.

WPForms Full Page Conversational Forms Example

Weitere Tipps finden Sie in unserem Leitfaden zur Erstellung interaktiver Formulare in WordPress.

2. Teilweise Übermittlung von Formularen zulassen

Wussten Sie, dass 81 % der Nutzer ein Formular abbrechen, bevor sie es ausfüllen? Dies gilt für die meisten Websites, insbesondere für längere Formulare.

Aus diesem Grund empfehlen wir die Aktivierung von teilweisen Formularübermittlungen in WordPress. WPForms Form Abbruch Addon können Sie das mit Leichtigkeit tun.

Sie können sie einfach aktivieren, indem Sie in den Einstellungen des Formularerstellers auf die Registerkarte Formularabbruch gehen.

WPForms Form Abandonment Settings

Auf diese Weise können Sie gezielte Follow-up-Nachrichten an diejenigen senden, die Ihr Formular abgebrochen haben, und so die Konversion Ihrer Verkäufe steigern.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, ein mehrseitiges Formular in WordPress hinzuzufügen. Vielleicht interessieren Sie sich auch für unsere Anleitung, wie man ein fließendes Kontaktformular in WordPress anzeigt, und unsere ultimative Anleitung zur Verwendung von WordPress-Formularen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

10 KommentareEine Antwort hinterlassen

  1. Ani Kenechi

    Hi,

    i use WPForms and they are awesome, but i’m having problems with the upload. it doesn’t upload files on most browsers. and it is frustrating.

    I am using the upload at the end of a muti-part form of 7 parts

    • WPBeginner Support

      It would depend on your specific issue and the files being uploaded, if you reach out to WPForms‘ support they should be able to assist you directly for your specific site and the issue you are running into.

      Admin

  2. Tony Ruffo

    Hi, I would like to collect step one of a multipart form inside a revolution slider window, then pass the values to the actual multipart form at step 2. I’d like the multipart form to have step 1 when called directly. Is this craziness possible?

  3. jaya

    please help me how to add onclick action when we click last submit button the msg come welcome below of progressing bar

  4. Alicia

    Can this multi-page form be used in conjunction with the buddypress registration process? i would really like my users to have a multipage form to fill out their profiles…? any thoughts on that :)…Gracias

  5. Alexander Dahlerup

    Hey WPBEGINNER

    Is it possible to add pictures to your form, so you can show your customers the different opportunities that can be chosen?

    Best regards

  6. mike friskney

    Hi,

    Is it possible to create a table within WPForms?

    Mike

  7. Ali

    Thanks a lot

    would be happy to find a free plugin that provides advanced form settings

  8. Lenlie Ada

    Hi,

    Good day. And thank you so much for this blog post.

    To be honest I’m new to Wordpress and just starting to create my own website for an online business.

    My question is does WPForms has the capability to put an „upload audio, video, images option“ on one of the pages of the forms? Because I’m planning to use WPForms for an order form wherein the customer will need to upload stuff as one of requirement for the order.

    Best regards,

    Lenlie

    • WPBeginner Support

      Yes, WPForms allows you to add an upload field to your form. You can also select which types of files and maximum file size users can upload in the field settings.

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.