10+ Beste Beispiele für mehrstufige Formulare und warum sie funktionieren
2023 Update: Wir haben weitere Beispiele für mehrstufige Formulare hinzugefügt, alte entfernt und einige Links auf den neuesten Stand gebracht.
Die Stärke von mehrstufigen Formularen ist kein Geheimnis – ein gutes mehrstufiges Formular kann Ihre Konversionsrate auf Anhieb um über 100 % steigern.
Und laut Klientboost, einer führenden Agentur für Conversion-Rate-Optimierung (CRO), ist dies eines der wirkungsvollsten CRO-Experimente, die Sie jetzt durchführen können.
Darüber hinaus können Sie mit mehrstufigen Formularen mehr Fragen stellen, ohne dass Ihre Nutzer sich langweilen – so können Sie detailliertere, qualifizierte Leads sammeln.
Aber woher wissen Sie, wie ein gutes mehrstufiges Formular aussieht?
Wir haben Jahre damit verbracht, diese Formulare zu erstellen und zu studieren, und haben unsere 10 besten Beispiele für mehrstufige Formulare aus dem Internet zusammengestellt.
Es besteht kein Zweifel: Diese mehrstufigen Formulare konvertieren wie verrückt.
Table of Contents
11 – “Einen Job ausschreiben?”, von Khoros
Dieses Formular von Khoros schafft es nur knapp auf die Liste, aber wir wollten ein paar schöne UX-Elemente hervorheben, die uns gefallen haben:
Das hat uns gefallen:
- Es gibt einen klaren Sinn für die Progression zwischen den Schritten
- Die Schritte werden mit fortschreitender Form immer länger (da der Irrtum der versunkenen Kosten zum Tragen kommt)
Was wir testen würden:
- Die Frage nach der E-Mail-Adresse im ersten Schritt ist ziemlich bedrohlich und könnte einige Besucher abschrecken. Stattdessen würden wir versuchen, die E-Mail-Adresse an letzter Stelle anzugeben und Besucher, die den ersten Schritt nicht abschließen, erneut anzusprechen.
- Das Formular vermittelt nur wenig Wert: “Sind Sie bereit für eine Demo?” ist eine wenig überzeugende Überschrift.
Dies ist nicht nur ein gutes Beispiel für ein mehrstufiges Formular, sondern auch ein gutes Beispiel für produktgesteuertes Onboarding.
10 – “Wollen Sie mehr SEO-Verkehr?”, von Neil Patel
Es ist keine Überraschung, dass Neil Patel es auf die Liste geschafft hat – er ist seit Jahren ein Marketing-Kraftpaket und lässt keine einzige Besucher- oder Konversionsmöglichkeit ungenutzt verstreichen!
Neil und sein Team geben uns einen guten Grund, das mehrstufige Formular auszufüllen: einen 7-wöchigen SEO-Aktionsplan, der direkt in unseren Posteingang geliefert wird.
Die erste Information, nach der wir gefragt werden, ist unsere Website – eine nette, unaufdringliche “Frage”, da sie für die Erstellung des kostenlosen Berichts benötigt wird.
Beachten Sie, dass in dem Formular häufig nach den Vorteilen gefragt wird, die wir zu erhalten hoffen, und dass die Erhebung von Informationen immer begründet wird:
Das hat uns gefallen:
- Supersauberes Design
- Große Rechtfertigung der Datenerhebung
- Die Fragen beruhigen den Nutzer und liefern nützliche Informationen über Budget und Qualifikation.
Was wir testen würden:
- Nach einer Telefonnummer zu fragen, ist ein bisschen frech, aber wir wetten, dass dies getestet wurde!
Möchten Sie ein solches Formular erstellen? Growform macht es Ihnen leicht – probieren Sie eine kostenlose 14 Tage kostenlos testen .
9 – “2 Schritte entfernt”, von TeamGantt
Dieses Formular wirkt nicht wie ein eigenständiges Anmeldeformular, sondern wie ein Teil des Produkts. Der verschwommene Hintergrund macht deutlich, dass nur noch eine Sache zwischen Ihnen und Ihrem neuen Gannt-Diagramm steht – und das müssen Sie jetzt tun.
Auch die Werbetexter wussten, was sie taten – jede Information, die Sie preisgeben, hat einen klaren Zweck und Nutzen – zum Beispiel, wenn Sie ein Passwort hinzufügen: “Schützen Sie Ihr Konto mit einem Passwort und erhalten Sie eine Planung”:
Das hat uns gefallen:
- Schöne Inline-Validierung. Es wird keine Flut von Fehlermeldungen am Ende des Formulars geben!
- Starke, nutzenorientierte Mikrokopie
- Sauberes, einfaches, durchdachtes Design
Was wir testen würden:
- Benutzer, die sich für Ihr Produkt registrieren, sind ziemlich motiviert. TeamGantt hätte sich wahrscheinlich damit begnügen können, zwischen den Schritten 1 und 2 nach weiteren Informationen zu fragen.
8 – Lemonade.com’s einfaches Versicherungsangebot
Wir sind hin- und hergerissen bei den Konversationsformen. Schlecht ausgeführt, können sie herablassend, deplatziert und… so 2017 wirken.
Aber wenn sie gut gemacht sind, können sie Ihre Website zu einem Erlebnis machen und eine Marke buchstäblich zu Ihnen sprechen lassen – wie eine sympathische Armee von liebenswerten, ansprechbaren Verkäufern.
Wenn das alles wie ein Haufen Unsinn klingt, sehen Sie sich dieses Beispiel an: Die mehrstufige Konversationsform von Lemonade:
Das hat uns gefallen:
- Ein frischer, unterhaltsamer Ansatz, der zur Marke passt.
- Eine gute, klare Erinnerung an den Nutzen, den der Nutzer erhält (“Ich besorge Ihnen in wenigen Minuten einen fantastischen Preis”).
- Nette Verwendung von Nicht-Standard-Formularfeldern, wie z. B. die automatische Vervollständigung der Google-Adresse
- Fragen mit hoher Bedrohung zuletzt (E-Mail-Adresse, Geburtsdatum, Kontrollkästchen für Nutzungsbedingungen)
Was wir testen würden:
- Fügen Sie ein besseres Gefühl für den Fortschritt hinzu, wenn Sie die Schritte abschließen: Es ist unklar, ob noch 4 oder 40 Schritte übrig sind.
7 – Das stilvolle Onboarding von Thread.com
Das Team von Thread macht die Anmeldung für seinen Service einfach, ansprechend und unterhaltsam. Und die Benutzeroberfläche (UI) dieses Formulars ist besonders ausgefeilt, mit klaren, übersichtlichen Schaltflächen und Feldern.
Wir werden nie um zu viele Informationen gebeten, und die Zahlen werden eher als Spannen denn als exakte Zahlen abgefragt.
Wenn Threads die Farbe unserer Augen wissen wollen, bitten sie uns, die visuelle Darstellung der Farbe anzutippen, anstatt uns eine lange Liste durchlesen zu lassen:
Was uns gefallen hat
- Wir erfahren genau, warum jede einzelne Information wichtig ist
- Das Ausfüllen des Formulars hat ein klares Ergebnis (sprich: einen Vorteil) – eine neue Garderobe!
- Großartige Verwendung von maßgeschneiderten Komponenten (Farbwähler)
Was wir testen würden
- Es gibt kein großes Gefühl für den Fortschritt, so dass das Formular ein wenig “endlos” wirkt – versuchen Sie es mit einem Fortschrittsbalken oder Indikatoren.
- Die Validierung sollte genau aufzeigen, wo ein Benutzer ein Feld übersehen hat, anstatt ihn raten zu lassen.
6 – Das Sonderangebot von Hello Fresh
Das Formular von Hello Fresh ist eine Lektion in Copywriting und Formulargestaltung. In Schritt 1 wird das Nutzenversprechen klar formuliert, so dass die Nutzer keinen Zweifel daran haben können, was der Dienst leistet.
Die Berechnungen im Formular selbst zeigen dem Nutzer genau, wie viel er spart, was zu größeren Warenkörben anregt:
Was uns gefallen hat
- Dies ist ein komplexes Formular, das gut geliefert wird – der Benutzer könnte aus 12 Kombinationen von “Anzahl der Personen” und “Rezepte pro Woche” auswählen, aber es gibt hier keine Überforderung.
- In der H1-Kopie wird kein Blatt vor den Mund genommen – wir wetten, das Hello Fresh-Team hat Rabatte getestet und weiß, was funktioniert.
Was wir testen würden
- Wir wären versucht, einige visuelle Darstellungen der Boxen auszuprobieren: “Rezepte pro Woche” könnte sich sehr gut für eine Illustration eignen, die die Unterschiede zwischen den Feldern zeigt.
- Auf mobilen Geräten (die wahrscheinlich mehr als 50 % des Datenverkehrs ausmachen ) gibt es keine grafische Darstellung eines Rezeptkastens, was zu Unklarheiten und niedrigeren Konversionsraten führen kann.
5 – “Lassen Sie uns mit der Einstellung beginnen”, von Toptal
Diese Form gibt es schon seit ein paar Jahren, und sie ist eigentlich eine der ersten Formen, die uns inspiriert hat. Es erscheint als Overlay auf dem “Exit Intent” als letzter Versuch, die Nutzer zum Engagement zu bewegen.
Sie ist übersichtlich, leicht zugänglich und verfügt über einen ausgezeichneten Fortschrittsbalken, der dem Benutzer die Gewissheit gibt, dass er sich dem Ende nähert. Kundenlogos in Graustufen tragen zur Glaubwürdigkeit der Marke bei, ohne zu sehr abzulenken:
Was uns gefallen hat
- Ein einfaches, effektives mehrstufiges Formular mit schönen Übergängen und einem soliden Design
Was wir testen würden
- Es ist nicht immer klar, warum Toptal uns nach Informationen zu den einzelnen Schritten fragt.
- Der bissige “Schließen”-Text (“Nein, danke – ich stelle nicht ein”) erinnert uns an diese lästigen Popups –“Nein, ich hasse Geld sparen!“. Wir haben noch keine Studie zur Verbesserung der Konversionsrate gesehen, daher würde ein einfaches “X” in der oberen rechten Ecke ausreichen.
4 – Termly’s Terms & Conditions Builder
Das Tolle an mehrstufigen Formularen ist, dass sie aus einer überwältigenden, fast unüberschaubaren Informationsanfrage etwas fast Unüberschaubares machen können. freudig.
Es gibt nichts Trockeneres und Unüberschaubareres, als juristische Fragen zu stellen, um eine AGB-Policy zu erstellen – und Termly hat ganze Arbeit geleistet.
Es ist schön, ein so komplexes Formular vorzustellen, denn wir wissen, dass die meisten Formulare viel leichter und einfacher zu erstellen sind als dieses!
Was uns gefallen hat
- Klare Informationshierarchie.
- Klare Ergebnisse (der Benutzer kann eine Vorschau seines Dokuments sehen, während er fortschreitet).
- Angenehme, einfache und konsistente Benutzeroberfläche.
Was wir testen würden
- Fügen Sie dem Formular eine Validierung hinzu, um sicherzustellen, dass die Benutzer jeden Schritt ausfüllen, während sie fortfahren. Wenn die Benutzer gezwungen werden, alles am Ende zu erledigen, erhöht sich die Gefahr der Ablenkung.
- Wir gehen davon aus, dass die Punkte auf der linken Seite der Seite zu einer “Checkliste” werden, wenn der Benutzer das Formular durchläuft.
Was wir testen würden
- Es gibt keine Möglichkeit, “zurück” zu gehen, was einen kleinen Prozentsatz der Nutzer verärgern wird.
- “Fast fertig” als CTA ist spielerisch und vermittelt ein Gefühl des Fortschritts – vermittelt aber nicht , was die Schaltfläche bewirkt. Wir würden dies gegen eine einheitliche Schaltfläche austauschen und einen Fortschrittsbalken hinzufügen.
3 – “Den perfekten Fachmann finden”, von Bark
Das Baugewerbe ist nicht dafür bekannt, schöne Formen zu bauen, und das macht vielleicht gerade die mehrstufige Form von Bark so wunderbar erfrischend. Bark hat aus einer Branche, die mit nicht responsiven, schwer zu bedienenden Websites übersät ist, etwas Schönes geschaffen.
Dieses maßgeschneiderte Formular nutzt die Autovervollständigung, die Postleitzahlensuche und vieles mehr. Sogar der Entspannungseffekt auf dem Fortschrittsbalken ist ein Genuss!
Was uns gefallen hat
- Wunderschön saubere Schnittstelle
- Klarer Sinn für Fortschritt
- Ziemlich ablenkungsfrei
- Unter der Haube ist hier einiges los: Dieses Formular wird mit ziemlicher Sicherheit von einem Backend geladen, das genau die richtige Frage für die nächste Frage liefert – clever!
Was wir testen würden
- Es wäre schön, wenn die Ikonographie/Bilder besser genutzt würden, aber wir können verstehen, warum sie nicht aufgenommen wurden!
- Mehr kann man kaum vorschlagen – das ist fast schon mehrstufige Formvollendung!
2 – KlientBoost: “Womit brauchen Sie Hilfe?”
Klientboost gehörten zu den frühen Verfechtern der mehrstufigen Form, und so ist es keine Überraschung, dass sie auf dieser Liste erscheinen.
In diesem Formular trifft kluger Text auf schönes Design – es ist ein beeindruckendes Beispiel – eines der besten mehrstufigen Formulare, die wir je gesehen haben:
Das hat uns gefallen:
- Klare, nutzenorientierte Überschriften und Texte. Das Formular fragt die Benutzer, wie es ihnen helfen kann, und nicht umgekehrt. Es gilt das Prinzip der Gegenleistung.
- Cleverer Einsatz von Technik, um Informationen so weit wie möglich vorauszufüllen.
- Gibt den Benutzern die Möglichkeit, anzurufen, wenn sie es vorziehen. Wenn wir Klientboost kennen, werden auch diese Anrufe verfolgt.
Was wir testen würden:
- Wir würden darauf wetten, dass einige Besucher ihren Namen in die E-Mail-Adresse eingeben, nur um zu sehen, dass er ungültig ist. Erwägen Sie die Verwendung eines Feldes für Vor- und Nachname oder fragen Sie nur nach dem Vornamen.
1 – “Baue deinen Boxt”, von Boxt
Wenn Sie schon einmal versucht haben, einen neuen Warmwasserboiler zu bestellen, wissen Sie, wie frustrierend das sein kann. Sie können Stunden damit verbringen, Kostenvoranschläge von Installateuren einzuholen und die Liefertermine zu erfragen. Boxt hat all das geändert und macht die Bestellung eines neuen Heizkessels mit seinem mehrstufigen Formular super einfach.
Wir finden es toll, dass dieses Formular auf den ersten Blick “gerade genug” Informationen liefert, um einfach und intuitiv zu sein – und gleichzeitig weitere Informationen nur einen Klick, einen Fingertipp oder einen Mouseover entfernt bereitstellt.
Es ist klar, dass das Team jeden Teil des Prozesses durchdacht hat, um Reibungen und Zweifel zu beseitigen, wo es möglich war, und um Klarheit zu schaffen. Boxt geht gegen den Strich, indem es einen “On the wall”-Preis in seiner Form angibt und nicht einen Preis, der später steigen wird.
Ein großes Lob an Zone Digital, die dieses Formular erstellt haben!
Was uns gefallen hat
- Dies ist ein klassenbester mehrstufiger Vordruck. Sie ist übersichtlich und leicht zu navigieren, stellt sinnvolle und relevante Fragen und zeigt den Fortschritt des Nutzers gut an.
- Perfekt responsive – sieht auf Tablet oder Handy genauso gut aus
- Dies war eine ganzheitliche Anstrengung: Boxt hätte ein fantastisches, mehrstufiges Formular erstellen können, hätte aber immer noch mysteriöse Preise oder keine Bewertungen gehabt. Sie haben systematisch an jedem Teil ihres Wertangebots gearbeitet, um ein erstklassiges Erlebnis zu bieten.
Was wir testen würden
- Anstatt den Nutzer aufzufordern, den “ersten Teil” seiner Postleitzahl einzugeben, sollten Sie überlegen, ob Sie nicht die gesamte Postleitzahl abfragen und sie für den Nutzer aufspalten.
- Das war’s!
Benötigen Sie Ihr eigenes mehrstufiges Formular?
Wenn Sie diese Formulare inspirierend gefunden haben, fragen Sie sich vielleicht, wie Sie Ihr eigenes mehrstufiges Formular erstellen können.
Mehrstufige Formulare sind traditionell sehr schwierig zu erstellen: Wenn man Validierungsregeln, Integrationen und Wartung mit einbezieht, können sie Tausende von Dollar an kundenspezifischer Entwicklung kosten.
Glücklicherweise ist es mit Growform einfach, mehrstufige Formulare zu erstellen, ohne dass Entwickler erforderlich sind:
Das Tool wurde von Grund auf entwickelt, um Sie bei der Erstellung leistungsstarker, mehrstufiger Formulare zu unterstützen – und wird sogar mit einer 14-tägigen kostenlosen Testversion geliefert.