5 hervorragende Beispiele für mehrseitige Formulare zur Inspiration

Sie landen auf einer Seite, die Sie wirklich interessiert, und dann sehen Sie eine Wand aus fünfzehn Feldern, die Sie anstarren. Also schließen Sie den Tab und gehen weiter.

Diese Reaktion ist genau das, was täglich leise Leads von langen Formularen abzieht. Die gute Nachricht ist, dass die Lösung einfach ist und einige der größten Marken im Web sie bereits nutzen.

Mehrseitige Formulare sind eine großartige Möglichkeit, mehr Leute dazu zu bringen, ihre Informationen auszufüllen, damit Sie mehr Leads erhalten und online mehr Geld verdienen können.

In diesem Artikel zeige ich Ihnen einige großartige Beispiele für mehrseitige Formulare, damit Sie sich inspirieren lassen und effektive mehrteilige Formulare für Ihre Website erstellen können.

Erstellen Sie jetzt Ihr mehrseitiges Formular

Warum mehrstufige Formulare besser konvertieren als ein langes Formular

Bevor wir uns mit Beispielen für mehrseitige Formulare befassen, sehen wir uns an, warum Sie lange Formulare in mehrere Seiten aufteilen sollten.

Manchmal müssen Sie viele Informationen von einem Website-Besucher erhalten, um ihn zu einer Konversion zu bewegen. Tatsächlich benötigen Sie im Gegensatz zu einfachen Kontaktformularen möglicherweise viel mehr als nur einen Namen und eine E-Mail-Adresse.

Ihr Website-Besucher kann sich jedoch durch ein Formular, das ihn auf einmal zu viele Informationen abfragt, belästigt oder gelangweilt fühlen. Dies kann zu Formularabbrüchen und niedrigen Konversionsraten führen.

Um die Konversionsraten Ihrer längeren Formulare zu erhöhen und die Benutzererfahrung zu verbessern, können Sie ein mehrstufiges Formular in WordPress erstellen und die Teile Ihres Formulars in leichter verdauliche Abschnitte aufteilen!

Auf diese Weise erhalten Sie auch besser qualifizierte Leads. Indem Sie die Leute mehrere Schritte zur Konversion durchlaufen lassen, wissen Sie, dass nur diejenigen, die wirklich an Ihrem Angebot interessiert sind, es abschließen werden.

Schließlich spielt es keine Rolle, wie viele Personen das Formular Ihrer Website ausfüllen, wenn sie nicht die Art von Person sind, nach der Sie suchen.

Hervorragende Beispiele für mehrstufige Formulare

Die folgenden Beispiele stammen aus sehr unterschiedlichen Branchen, aber jedes löst auf clevere Weise dasselbe Problem. Um sie leicht überschaubar zu machen, hier ist die eine Taktik, die ich von jedem Formular stehlen würde, bevor Sie die vollständige Aufschlüsselung lesen:

1. Uber

Uber benötigt viele Informationen, um einen neuen Fahrer anzumelden, daher wird sorgfältig darauf geachtet, die Leute an ein langes, mehrteiliges Formular heranzuführen.

Der erste Schritt fragt nur nach den Grundlagen wie Name, E-Mail und Telefonnummer. Es gibt auch eine Frage zum Standort, die den nächsten Schritt leise personalisiert, anstatt sich aufdringlich anzufühlen.

Nichts davon dauert länger als ein paar Sekunden, sodass es fast keinen Grund gibt, nicht anzufangen. Der grüne Weiter-Button leistet hier auch viel Arbeit.

Die Beschriftung macht deutlich, dass weitere Schritte folgen, und der kleine Pfeil verstärkt, dass Sie vorwärts gehen, anstatt sich zu einer einzigen riesigen Einreichung zu verpflichten. Diese Art von klarem, unaufdringlichem ersten Schritt bringt die Leute überhaupt erst zum Anfangen.

2. Quick Base

Quick Base verfolgt einen etwas anderen Ansatz, indem es die Erwartungen festlegt, bevor Sie überhaupt etwas eingeben.

Es öffnet sich mit einer auffälligen Überschrift, die Ihnen genau sagt, was Sie nach der Konvertierung erhalten, gepaart mit einem einfachen Call-to-Action.

Es gibt keine Unordnung und keine Verwirrung darüber, was als Nächstes passiert. Sobald Sie auf diesen Button klicken, erscheint der nächste Schritt, und er ist erfrischend kurz. Es wird nur nach einer E-Mail und einem Passwort gefragt.

Der Weiter-Button macht deutlich, dass noch ein wenig zu tun ist, aber bis zu diesem Zeitpunkt werden die meisten Leute weitermachen. Das Erstellen eines Passworts ist eine kleine Verpflichtung, und Leute, die diese Verpflichtung eingegangen sind, neigen dazu, sie abzuschließen.

Es bedeutet auch, dass Quick Base einen echten Interessenten erfasst, jemanden, der später zu einem zahlenden Kunden werden könnte. Das ist ein starkes Beispiel für ein Formular, das die richtigen Erwartungen weckt und die Leute in Bewegung hält.

3. Sprout Social

Sprout Social verwendet ein mehrstufiges Formular, um Leute für eine kostenlose Testversion anzumelden, und das herausragende Merkmal ist, wie klar es die Reise abbildet.

Ähnlich wie bei einer Checkout-Seite sind die Schritte oben aufgeführt, sodass Besucher sehen können, dass es drei davon gibt. Noch besser ist, dass jeder Schritt eine kurze Beschreibung hat, sodass die Leute wissen, was sie tun werden, bevor sie dort ankommen.

Der erste Schritt erstellt ein Konto, der zweite verknüpft soziale Profile und der letzte schließt die Anmeldung ab. Sobald jemand in Schritt eins ein Konto erstellt hat, ist es viel einfacher, ihn zum Abschluss zu bringen, da die Leute konsistent mit bereits getroffenen Entscheidungen bleiben möchten.

Das bedeutet auch, dass Sprout Social eine E-Mail-Adresse hat, um nachzufassen, falls die Person zwischendurch abbricht. Das ist etwas, das Sie mit eigenen Formularen tun können, indem Sie abgebrochene Formulareinträge erfassen, bevor die Leute auf Senden klicken.

4. Cirius Marketing

Cirius Marketing kombiniert zwei clevere Ideen in einem Anmeldevorgang, beginnend mit einer zweiseitigen Opt-in-Landingpage. Die Seite bietet eine auffällige Handlungsaufforderung, die für jeden, der die kostenlose Homepage-Vorlage nutzen möchte, schwer zu ignorieren ist.

Klicken Sie auf diese Schaltfläche und Sie werden zu einem kurzen Popup-Formular weitergeleitet, das dank einer Fortschrittsleiste oben zwei Schritte anzeigt.

Der Trick ist, dass das Klicken auf die Schaltfläche auf der ersten Seite bereits als Abschluss von Schritt eins von zwei auf der Landingpage zählt. Bevor Sie also etwas eingegeben haben, fühlen Sie sich bereits zur Hälfte fertig.

Dies funktioniert, weil es einen echten Anreiz (einen kostenlosen Download) mit einem Gefühl des Fortschritts kombiniert, sodass nur wirklich interessierte Personen ihre Daten eintauschen, um den Vorgang abzuschließen.

Wenn Sie etwas Ähnliches bauen möchten, haben wir eine ganze Reihe von Beispielen für Formulare auf Landingpages zusammengestellt, um Ihnen weitere Inspiration zu geben.

5. University of Phoenix

Die University of Phoenix ist hervorragend darin, ein wirklich langes Anmeldeformular in etwas zu verwandeln, das sich leicht beginnen lässt.

Der erste Schritt ist kurz und unkompliziert, was zögerliche Personen bei einem langen Formular beruhigt. Eine rote Weiter zum nächsten Schritt-Schaltfläche macht deutlich, dass mehr kommt, und eine Fortschrittsleiste zeigt jederzeit genau an, wo Sie sich befinden.

Der nächste Schritt bleibt ebenfalls minimal und fragt nur nach einem Namen und einer E-Mail-Adresse.

Der letzte Schritt ist, wo nach persönlicheren Details wie einer Adresse und Telefonnummer gefragt wird. Bis zu diesem Zeitpunkt ist jemand, der bereits seinen Namen und seine E-Mail-Adresse angegeben hat, viel eher bereit, den Vorgang abzuschließen, sodass die sensiblen Fragen zum richtigen Zeitpunkt gestellt werden.

Was die besten mehrstufigen Formulare gemeinsam haben

Betrachten Sie alle fünf Beispiele und immer wieder taucht dieselbe Handvoll Designentscheidungen auf. Dies sind die Muster, die es wert sind, in Ihre eigenen Formulare integriert zu werden, und die meisten davon werden in unserem Leitfaden zu Best Practices für das Formular-Design ausführlicher behandelt.

• Machen Sie den ersten Schritt fast zu einfach: Ein kurzer, reibungsloser erster Schritt beseitigt den Grund für Zögern. Sobald sie beginnen, trägt sie der Schwung weiter.
• Fortschritt klar anzeigen: Eine Fortschrittsleiste oder beschriftete Schritte sagen den Leuten, wie viel noch übrig ist, was sie motiviert. Sie können eine Fortschrittsleiste hinzufügen zu jedem WordPress-Formular mit ein paar Klicks.
• Gruppieren Sie zusammengehörige Felder: Konzentrieren Sie jeden Schritt auf ein Thema, z. B. Kontaktdaten auf einer Seite und Präferenzen auf der nächsten. So ist die Eingabe einfacher und es ist benutzerfreundlicher für Screenreader und Barrierefreiheit.
• Achten Sie auf die Reihenfolge Ihrer Anfragen: Beginnen Sie mit einfachen, unkritischen Fragen und heben Sie sensible Informationen für später auf, wenn die Nutzer bereits engagiert sind.
• Sagen Sie den Nutzern, was sie erwartet: Beschriften Sie Ihre Schritte oder Schaltflächen, damit die Besucher wissen, wie viele Schritte es gibt und was jeder einzelne beinhaltet.
• Verwenden Sie bedingte Logik, um es kurz zu halten: Mit bedingter Logik können Sie Schritte basierend auf früheren Antworten ein- oder ausblenden, sodass niemand Zeit mit Fragen verschwendet, die für ihn nicht relevant sind.
• Erfassen Sie Teilergebnisse: Selbst ein großartiges Formular verliert auf halbem Weg einige Nutzer. Das Speichern ihres Fortschritts oder ihrer E-Mail bedeutet, dass ein Abbruch nicht immer ein verlorener Lead ist.
• Für Mobilgeräte gestalten: Viele Nutzer werden Ihr Formular auf einem Handy ausfüllen. Stellen Sie also sicher, dass jeder Schritt auf einem kleinen Bildschirm sauber aussieht und sich sauber bedienen lässt.

So erstellen Sie ein mehrstufiges Formular in WordPress

Sie benötigen keinen Entwickler, um eines der oben genannten Formulare zu erstellen. Der einfachste Weg, dies auf einer WordPress-Website zu tun, ist mit WPForms, mit dem Sie jeder Formular-Seite Seitenumbrüche hinzufügen können und das automatisch eine Fortschrittsleiste für Sie erstellt.

Hier ist, warum WPForms dies so einfach macht:

• Es ist anfängerfreundlich: Der Drag-and-Drop-Builder ermöglicht es Ihnen, mehrseitige Formulare visuell und ohne Code zu erstellen.
• Sie können mit einer Vorlage beginnen: Es gibt über 2.100 Formularvorlagen für Bewerbungen, Registrierungen, Bestellformulare und mehr, die Sie alle in Seiten aufteilen können.
• Sie können es auf einer ablenkungsfreien Seite erstellen: Das Form Pages Addon verwandelt Ihr mehrstufiges Formular in eine eigene dedizierte Landingpage, ähnlich dem Beispiel von Cirius Marketing.
• Sie können verlorene Leads wiederherstellen: Das Form Abandonment Addon erfasst Details von Personen, die Ihr Formular beginnen, aber nicht abschließen.
• Ihre Formulare bleiben intelligent: Bedingte Logik ermöglicht es Ihnen, Schritte und Felder auszublenden, die nicht relevant sind, und hält jedes Formular so kurz wie möglich.
• Es funktioniert auf jedem Gerät: Ihre mehrseitigen Formulare sehen auf Handys, Tablets und Desktops automatisch gut aus.

Sie können ein einfaches mehrseitiges Formular mit jedem kostenpflichtigen WPForms-Plan erstellen, und die Conversion-Extras wie Formular-Landingpages, Abbruch-Erfassung und Lead-Formulare sind im Pro-Paket enthalten. Wenn Sie bereit sind, eines einzurichten, folgen Sie unserer Schritt-für-Schritt-Anleitung, wie Sie ein mehrstufiges Formular in WordPress erstellen.

WPForms wird von über 6 Millionen Website-Besitzern vertraut und hat eine Bewertung von 4,8/5 von über 13.000 Fünf-Sterne-Bewertungen auf WordPress.org, Sie sind also in guter Gesellschaft.

Erstellen Sie jetzt Ihr mehrstufiges Formular

Mehrstufige Formularvorlagen zum Starten

Wenn Sie die leere Leinwand lieber überspringen möchten, bietet WPForms eine große Bibliothek mit fertigen mehrstufigen Formularvorlagen. Sie sind ein großartiger Ausgangspunkt, wenn Sie wissen, dass Sie ein mehrseitiges Formular wünschen, sich aber nicht sicher sind, wie Sie es strukturieren sollen. Einige beliebte sind:

• Mehrstufige Kontaktformularvorlage
• Mehrstufige Umfragevorlage für Büros
• Mailchimp Mehrstufige Formularvorlage

Öffnen Sie eine beliebige Vorlage im Builder, passen Sie die Felder an Ihre Bedürfnisse an, und Sie haben in wenigen Minuten ein funktionierendes mehrstufiges Formular.

FAQs zu mehrstufigen Formularen

Beispiele für mehrseitige Formulare werfen viele der gleichen Fragen auf. Hier sind also schnelle Antworten auf die Fragen, die ich am häufigsten höre, bevor die Leute ihr erstes Formular erstellen.

Was ist ein mehrstufiges Formular?

Ein mehrstufiges Formular ist ein einzelnes Formular, das auf zwei oder mehr Seiten aufgeteilt ist, mit einer Fortschrittsanzeige oder Schrittanzeige, die zeigt, wie weit Sie sind. Anstatt alle Felder auf einmal zu sehen, füllen die Leute jeweils einen kleinen Abschnitt aus, wodurch lange Formulare leichter zu vervollständigen sind.

Erhöhen mehrstufige Formulare die Konversionsraten?

Das tun sie oft, besonders bei längeren Formularen. Das Aufteilen eines Formulars in Schritte verringert den Einschüchterungsfaktor, sodass mehr Leute anfangen, und das Gefühl des Fortschritts ermutigt sie, es zu beenden. Sie bringen auch tendenziell besser qualifizierte Leads hervor, da Personen, die mehrere Schritte absolvieren, normalerweise ernster sind.

Wie viele Schritte sollte ein mehrstufiges Formular haben?

Es gibt keine magische Zahl. Das Ziel ist es, Ihre Felder in logische Blöcke zu gruppieren, anstatt eine bestimmte Schrittanzahl zu erreichen. Zwei bis vier Schritte sind für die meisten Formulare gut geeignet. Wenn ein einzelner Schritt lang erscheint, ist das ein gutes Zeichen dafür, dass er in zwei geteilt werden sollte.

Können mehrstufige Formulare in meine anderen Tools integriert werden?

Ja. WPForms verbindet Ihre mehrstufigen Formulare mit beliebten E-Mail-Marketing- und CRM-Plattformen wie Mailchimp, Brevo, Constant Contact, Kit (ehemals ConvertKit) und HubSpot, sodass jede Einreichung direkt in die Tools fließen kann, die Sie bereits verwenden.

Welche Branchen profitieren am meisten von mehrstufigen Formularen?

Mehrseitige Formulare sind beliebt im Gesundheitswesen, Bildung, SaaS, Finanzen, Technologie und Rechtsdienstleistungen, wo längere Formulare üblich sind. Das gesagt, sie sind überall nützlich, wo Sie ein Formular mit mehr als einer Handvoll Feldern haben, also scheuen Sie sich nicht, eines auf Ihrer eigenen Website zu testen.

Wie schaffe ich eine gute Benutzererfahrung mit einem mehrstufigen Formular?

Studieren Sie die besten Beispiele und Sie werden die gleichen Gewohnheiten bemerken, wie klare Fortschrittsanzeigen und logisch geordnete Felder. WPForms fügt automatisch eine Fortschrittsanzeige hinzu, wenn Sie Seitenumbrüche einfügen. Ihre Aufgabe besteht also hauptsächlich darin, sicherzustellen, dass zusammengehörige Felder zusammenliegen und jeder Schritt einen klaren Zweck hat.

Als Nächstes: Steigern Sie das Engagement mit Konversationsformularen

Mehrstufige Formulare sind eine der besten Möglichkeiten, die Nutzerbindung aufrechtzuerhalten, aber sie sind nicht die einzige. Wenn Sie möchten, dass Ihre Formulare sich noch persönlicher anfühlen, können Sie stattdessen eine Frage nach der anderen in einem Chat-Layout anzeigen.

Werfen Sie einen Blick auf unseren Leitfaden zur Erstellung eines Konversationsformulars, um Besuchern die bestmögliche Erfahrung beim Ausfüllen Ihrer wichtigsten Formulare zu bieten.

Steigern Sie jetzt Ihre Konversionsraten mit einem mehrstufigen Formular

Bereit, Ihr Formular zu erstellen? Beginnen Sie noch heute mit dem einfachsten WordPress-Formular-Builder-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn Ihnen dieser Artikel geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und Anleitungen.