8 mehrstufige Formularbeispiele zur Reduzierung der Reibung auf der Zielseite

Veröffentlicht: 2017-08-28

Es ist nicht ungewöhnlich, dass Webnutzer von einer Post-Click-Landingpage wegklicken, weil sie zu lang ist oder das Lead-Erfassungsformular zu viele Informationen abfragt. Während ein mehrstufiges Formular für das Sammeln von Besucherinformationen unerlässlich ist, versäumen es viele Vermarkter, es richtig zu gestalten und verlieren am Ende wertvolle Leads. Aus diesem Grund ist es unerlässlich, dass Sie Ihre Post-Click-Landingpage so gestalten, dass die Besucher aktiv bleiben und sich nicht von langwierigen Formularen einschüchtern lassen.

Eine Möglichkeit, dies zu tun, ist ein mehrstufiges Formular.

Was ist ein mehrstufiges Formular?

Eine mehrstufige Form ist eine längere Form, die in kürzere, weniger entmutigende Schritte unterteilt ist. Aus Sicht des Vermarkters ist es ideal für jede Situation, in der Sie detaillierte Informationen über potenzielle Kunden sammeln möchten, da dies in kleinen Stücken geschieht. Aus Sicht des Interessenten ermöglichen mehrstufige Formulare ihm, sein Interesse zu demonstrieren, indem er ein kurzes Formular ausfüllt und dann zu zusätzlichen Formularfeldern übergeht, um mehr über sich und/oder sein Unternehmen mitzuteilen.

Da Anfragen nach zusätzlichen Informationen erst erscheinen, nachdem der Benutzer Basisinformationen übermittelt hat. Mehrstufige Formulare können die Reibung auf Ihrer Post-Click-Landingpage reduzieren. Wenn Sie Ihr Formular auf diese Weise gestalten, können Sie die Verweildauer des Besuchers auf der Seite erhöhen, mehr Leads generieren und Ihnen helfen, Erkenntnisse über höher qualifizierte Leads zu gewinnen. Was Sie dann natürlich durch den Marketing-Trichter bis zum Verkauf fördern können.

Mehrstufige Formulare vs. zweistufige Opt-in-Formulare

Sowohl mehrstufige Formulare als auch zweistufige Anmeldeformulare helfen dabei, Leads zu gewinnen und zu qualifizieren. Der Unterschied liegt darin, wie sie auf der Seite erscheinen. Formulare mit mehreren Schritten haben Phasen, wobei jede nachfolgende Phase erst erscheint, nachdem die vorherige Phase abgeschlossen ist. Umgekehrt werden zweistufige Anmeldeformulare angezeigt, wenn ein Besucher auf eine CTA-Schaltfläche klickt, und ein Popup-Fenster zeigt das Formular an.

Die Verwendung von mehrstufigen Formularen anstelle von On-Page- oder zweistufigen Opt-in-Formularen kann das sogenannte „Goldlöckchen-Syndrom“ vermeiden. Zu lang und es kann potenzielle Kunden davon abhalten, es abzuschließen; zu kurz und Sie erhalten unbrauchbare Leads oder Leads, die eher für Marketing als für Vertrieb geeignet sind. Durch die Optimierung Ihrer Post-Click-Landingpage-Formulare basierend auf dem Angebot und der Phase des Marketing-Trichters, in dem sich Ihre potenziellen Kunden derzeit befinden, können Sie geeignetere Informationen anfordern und wiederum bessere Konversionsraten erzielen.

Es mag keine „Einheitsgröße“-Vorlage an sich geben, aber die unten aufgeführten mehrstufigen Formularbeispiele sind ein guter Ausgangspunkt, um es in Ihrem nächsten Design nachzuahmen. Sehen wir uns an, wie einige der weltweit größten Marken mehrstufige Formulare verwenden, um Besucher anzusprechen und Leads zu maximieren.

Beispiele für mehrstufige Formulare

Über

Uber nutzt diese Post-Click-Landingpage, um Leute dazu zu verleiten, als Nebenjob für sie zu fahren:

mehrstufiges Formular uber

Sie verwenden ein mehrstufiges Formular auf der Seite, um einen reibungslosen Konvertierungsprozess für die Besucher zu schaffen. Beachten Sie, wie die CTA-Schaltfläche „Weiter“ lautet, mit einem Pfeil, der den Verkehr zum zweiten Schritt des Formulars leitet. Beides deutet darauf hin, dass es mindestens einen zusätzlichen Schritt im Prozess gibt.

Who is Who der Führungskräfte & Professionals

Dieses selektive Networking-Forum hat ein mehrstufiges Formular auf seiner Homepage platziert, um Besucher zu ermutigen, sich für das Netzwerk zu bewerben:

mehrstufiger visueller Hinweis

Das Formular ist gut gestaltet mit einem Schrittindikator (jeweils in Form eines Pfeils – das sind visuelle Hinweise), um anzuzeigen, dass der Besucher mit jedem nachfolgenden Schritt fortfahren sollte. Der CTA-Button enthält auch einen Pfeil, um Interessenten anzuzeigen, dass sie mit dem Bewerbungsprozess noch nicht fertig sind.

Formulare auf der Seite lassen aufgrund des begrenzten Platzes auf der Seite nicht immer große Schriftarten, lange Felder oder sogar Feldbeschriftungen zu. Umgekehrt schaffen mehrstufige Formulare mehr Platz, da sie in Abschnitten erscheinen und somit mehr Variation und visuelle Hinweise ermöglichen. Oft enthalten sie sogar einen Fortschrittsbalken, damit Benutzer verfolgen können, wie weit sie im Anmeldeprozess fortgeschritten sind.

Universität von Phoenix

Sehen Sie, wie die Graduiertenschule der University of Phoenix einen Fortschrittsbalken oben verwendet?

mehrstufige Form Phoenix

Das Formular beginnt, den Besucher nach nichtinvasiven Informationen zu fragen – Studienfach, Abschlussniveau, Lernformat und Postleitzahl. Der Fortschrittsbalken ist eine nette Geste, da er den Besuchern eine klare Vorstellung davon gibt, wie lange das Formular dauert, bis sie die Kurzanleitung herunterladen können.

Die Verbindung mit sozialen Medien ist eine weitere effektive Taktik, wenn es um die Gestaltung Ihres mehrstufigen Formulars geht. Tatsächlich können die Conversion-Raten mit der automatischen Ausfüllung von Social Media um bis zu 189% steigen. Durch die Implementierung dieser Funktion werden die relevanten sozialen Informationen der Benutzer automatisch in das Formular eingefügt.

Auch in Bezug auf die Benutzererfahrung kann Platzhaltertext Besucher irritieren und verwirren, da sie ihn möglicherweise mit Feldern verwechseln, die bereits von ihren sozialen Konten automatisch ausgefüllt wurden. Beschriften Sie stattdessen jedes Feld über dem Feld, um Reibungsverluste zu vermeiden und Ihre Benutzer reibungslos durch das Formular zu führen.

GreenGeeks

GreenGeeks hat diese Post-Click-Landingpage mit einem mehrstufigen Formular erstellt. Zunächst macht die Post-Click-Landingpage das Angebot:

Beispiel für ein mehrstufiges Formular GreenGeeks 1

Sobald der Besucher auf die CTA-Schaltfläche „Jetzt starten“ klickt, wird diese Seite mit Schritt eins des Formulars angezeigt:

Beispiel für ein mehrstufiges Formular GreenGeeks 2

An dieser Stelle werden Benutzer nicht nach identifizierenden Informationen gefragt – nur nach einer Domain (neu oder bereits vorhanden) –, sodass Benutzer, die sich nicht ganz im Trichter befinden, nicht von einem langen, komplexen Formular abgeschreckt werden. Sobald Besucher bereit sind, sich weiter anzumelden, werden sie zu dieser Seite weitergeleitet, die der zweite Schritt des Formulars ist:

Beispiel für ein mehrstufiges Formular GreenGeeks 3

Dies ist ein weiteres mehrstufiges Formular, bei dem jeder Abschnitt und jedes einzelne Feld klar beschriftet ist und einen nahtlosen Registrierungsprozess für Kunden bietet.

Cirius-Marketing

Hier ist ein Beispiel von Cirius Marketing. Sie verwenden eine zweistufige Anmeldeseite mit einem mehrstufigen Formular im Popup-Fenster. Dies ist die Post-Click-Landingpage mit der CTA-Schaltfläche, die direkt oberhalb des Falzes sichtbar ist:

mehrstufiges Formularbeispiel Cirius Marketing 1

Und hier ist das mehrstufige Formular im Popup-Fenster:

mehrstufiges Formularbeispiel Cirius Marketing 2

Beachten Sie den Fortschrittsbalken, der oben im Fenster anzeigt, dass 50 % abgeschlossen sind, um potenzielle Kunden darauf hinzuweisen, dass dies nicht die einzigen Informationen sind, die sie bereitstellen müssen.

Sprout Social

Sprout Social hat dieses mehrstufige Formular entwickelt, damit seine Interessenten Folgendes ausfüllen können:

mehrstufiges Formular sprießen sozial

In diesem ersten Schritt erstellen sie ihr Konto. sie werden dann zum zweiten Schritt gebracht, wo sie ihre sozialen Profile anhängen können; Und schließlich können sie in Schritt drei den Anmeldevorgang abschließen und Sprout verwenden.

Schnellbasis

Die folgende Quick Base Post-Click-Landingpage bietet Schulungsdienste für Mitarbeiter:

mehrstufiges Formularbeispiel QuickBase 1

Wenn potenzielle Kunden bereit sind, ihre kostenlose Testversion zu starten, klicken sie auf eine der kooperativen CTA-Schaltflächen (insgesamt drei auf der Seite) und gelangen zu Schritt eins dieses mehrstufigen Registrierungsformulars:

mehrstufiges Formular Quickbase

Beachten Sie, dass dieser Teil des Formulars speziell mit „Schritt 1 von 2“ beschriftet ist. Wenn Sie potenzielle Kunden darüber informieren, dass ihre kostenlose Testversion nur noch „Sekunden“ entfernt ist, ist dies ein Indikator dafür, dass das Ausfüllen des Formulars nicht lange dauert.

Hootsuite

Hootsuite führt potenzielle Kunden mit klar definierten Schritten durch den Registrierungsprozess ihres Kontos:

mehrstufiges Formular hootsuite

Die Überschrift gibt an, wie viele Schritte bis zur Anmeldung erforderlich sind, sodass potenzielle Kunden sofort wissen, was es bedeutet. Dann wird jeder der Schritte deutlich mit einer Abschnittsüberschrift beschriftet, um die Besucher leicht zum Abschluss zu führen.

Steigern Sie das Engagement auf der Seite mit mehrstufigen Formularen

Wenn Ihr bestes Konversionsszenario viele Informationen von potenziellen Kunden erfordert und Sie nicht einschüchternd wirken möchten. Die Verwendung eines mehrstufigen Formulars zur Vereinfachung der Situation kann helfen, diese Probleme zu lindern. Diese mehrstufigen Formularbeispiele reduzieren Reibungsverluste, überzeugen Kunden, Ihnen ihre Informationen zu vertrauen, und tragen letztendlich zu den gewünschten Conversions bei.

Verknüpfen Sie alle Ihre Anzeigen immer mit personalisierten Post-Click-Landingpages, um Ihren Cost-per-Customer-Akquise zu senken. Beginnen Sie mit der Erstellung Ihrer dedizierten Post-Click-Seiten, indem Sie sich noch heute für eine Instapage Enterprise-Demo anmelden.