So erstellen Sie ein mehrstufiges Formular mit Slider

Wichtiger Hinweis: Diese Methode funktioniert derzeit nicht und wir arbeiten an einem neuen Formular-Builder, der bald verfügbar sein wird. Bitte kontaktieren Sie unser Customer-Success-Team für weitere Informationen.

Bevor wir auf weitere Details eingehen, beschreiben wir einfach, was ein mehrstufiges Formular mit einem Slider-Layout ist:

„Wir haben ein neues Format namens Slider entwickelt, das jedes vertikale Langformular in ein mehrstufiges Formular verwandelt, mit dem Hauptzweck, die Formulare interaktiver und kürzer wirken zu lassen und die Möglichkeit zu bieten, sich in jede Landingpage einzufügen.“

Kate Bojkov, Product Owner.

Das Ziel mehrstufiger Formulare besteht darin, längere Formulare so aufzuteilen, dass jede Frage separat dargestellt wird. Die Nutzer navigieren durch die Fragen, indem sie auf die Schaltfläche „Weiter“ klicken, und sie können zu einer Frage zurückkehren, indem sie auf die Schaltfläche „Zurück“ klicken. Diese Art der Fragendarstellung ist vorteilhaft, um Informationen in einer logischen Reihenfolge zu sammeln, die Konzentration der Nutzer zu erhöhen, und passt besser zu modernen Website-Layouts.

Wenn Sie nach einer schnellen und einfachen Möglichkeit suchen, ein mehrstufiges Formular auf Ihrer Website zu erstellen und einzubetten, haben wir eine detaillierte Anleitung erstellt, wie Sie dies tun können.

Melden Sie sich zunächst an oder erstellen Sie ein kostenloses EmbedSocial-Konto (falls Sie noch kein Konto haben) und folgen Sie dann diesen Schritten

1. Navigieren Sie zur Seite „Formulare“
2. Wählen Sie ein bestehendes Formular oder erstellen Sie ein neues Formular
3. Klicken Sie in der linken Seitenleiste auf Layout & Themes und wählen Sie Slider
4. Klicken Sie auf Speichern und Veröffentlichen

Sie können den Formularlink teilen, damit Personen auf das Slider-Formular zugreifen können, oder Sie können das Formular in ein interaktives Formular-Widget einbetten.

Um ein Widget zu erstellen, folgen Sie diesen Schritten:

1. Klicken Sie auf Widgets und wählen Sie, wie das Formular erscheinen soll: als Inline-Bereich, Floater, Schaltfläche oder Banner
2. Klicken Sie auf Speichern und kopieren Sie den Widget-Code
3. Fügen Sie den Code in den Bereich der Website ein, in dem das Formular erscheinen soll

Das war’s. Für eine detailliertere Schritt-für-Schritt-Anleitung können Sie sich das Video unten ansehen:

Wie Sie sehen, müssen Sie kein vollständiges Formular selbst erstellen. Wenn Sie jedoch möchten, dass das Formulardesign vollständig zum Frontend Ihrer Website passt, bietet EmbedForms eine benutzerdefinierte CSS-Option, um beispielsweise die Schriftarten zu ändern. Sie können auch andere Anpassungsoptionen nutzen und den Text der Senden-Schaltfläche ändern sowie ein Logo und ein Layout hinzufügen.

Hier ist eine Demo eines Formulars im Slider-Layout:

(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/ef.js?v=1.1”; d.getElementsByTagName(“head”)[0].appendChild(js);}(document, “script”, “EmbedSocialFormsScript”));

Das Formular kann auf jeder Landingpage eingebettet werden, sei es der Checkout oder die Startseite, erstellt mit jedem Web-Builder wie WordPress, Duda oder Wix.

Das Beste daran? Es sind keine Plug-ins erforderlich und es ist völlig kostenlos.

Best Practices für mehrstufige Formulare

Laut der Studie „Testing 2-Step vs. 1-Step Conversion Forms“ haben Formulare mit mehreren Schritten 14 % höhere Formular-Conversions als die einstufigen Langformulare.

Es gibt jedoch noch einige einfache Prinzipien, die Sie beim Erstellen mehrstufiger Online-Formulare beachten sollten, um die höchsten Conversion-Raten zu erzielen.

Trennen Sie Fragen in einer logischen Reihenfolge

Die Reihenfolge der Fragen kann sich direkt auf die Antworten der Befragten auswirken. Deshalb sind logisch geordnete Fragen wichtig, wenn es um die Gestaltung von Formularen geht. Der beste Weg, um Reibung im Prozess des Formularausfüllens zu verringern, besteht darin, die wichtigsten Fragen zuerst zu stellen und Felder in einer logischen Reihenfolge zu gruppieren.

Wenn Sie zum Beispiel mehrere Felder haben, die nach Kontaktinformationen wie Telefonnummer und E-Mail-Adresse fragen, sollten diese Felder nach Priorität geordnet sein und in einer intuitiven Reihenfolge aufeinanderfolgen. Viele Formular-Builder verfügen über eine Drag-and-Drop-Option zur einfachen und schnellen Neuanordnung der Fragen.

Zeigen Sie den Fortschritt an

Unsicherheit darüber, wie viele Fragen noch übrig sind, kann in mehrstufigen Formularen zu Reibung führen. Eine gute Faustregel ist die Verwendung eines Fortschrittsbalkens oder einer beliebigen Art von Indikator, der den Nutzern anzeigt, wie viel sie noch bis zum Abschluss des Formulars haben.

In EmbedForms verfügt jede Frage über eine Funktion, die „Frage 2 von 15“ anzeigt, um den Befragten zu zeigen, wie viele Fragen noch verbleiben.

Fügen Sie eine Dankeseite hinzu

Dankeseiten eignen sich hervorragend, um Ihre Wertschätzung zu zeigen, aber auch, um den Nutzern zu versichern, dass ihre Einsendung erfolgreich war. Wenn Sie die Befragten aus irgendeinem Grund nach dem Absenden des Formulars zu Ihrer eigenen Dankeseite leiten möchten, können Sie die Option für den Weiterleitungslink nutzen.

Führen Sie A/B-Tests der Formulare durch

Formular-Builder eignen sich hervorragend für Formulartests ohne das Risiko technischer Probleme. Das A/B-Testing ist mit Formular-Buildern super einfach. Sie können die Länge des Formulars, das Design und den Text der CTA-Schaltfläche testen und sehen, welches Formulardesign die Conversions erhöht. Mit EmbedForms können Sie dasselbe Formular mit einem anderen Design oder Widget duplizieren und testen, welches mehr Befragte erhält.

Vorteile der Verwendung mehrstufiger Formulare

Geringere Reibung

Psychologisch haben mehrstufige Formulare eine bessere Wirkung auf die Absicht der Befragten, das Formular abzuschließen.

Erstens gibt es jedes Mal, wenn Befragte auf die Weiter-Schaltfläche klicken, eine etwas größere Intensität im Bestreben der Nutzer, das Formular abzuschließen.

Zweitens erhöht diese Art des Formularausfüllens unseren Fokus, da wir uns jeweils auf eine Frage konzentrieren müssen.

Mobilfreundlich

Mehrstufige Formulare lassen sich leichter von einem Mobilgerät aus ausfüllen. Im Vergleich zu einstufigen Formularen sind mehrstufige Formulare viel einfacher auszufüllen, da auf den mobilen Bildschirmen nur jeweils eine Frage erscheint. So können Sie auch das Nutzererlebnis erheblich verbessern.

Ansprechend

Mehrstufige Formulare sind strategisch darauf ausgelegt, das Engagement der Nutzer zu erhöhen.

Diese Arten von Formularen sind weniger überwältigend, da der Nutzer jeweils nur eine Frage beantworten und auf „Weiter“ klicken muss, um zur nächsten Frage zu gelangen.

Visuell ansprechend

Mehrstufige Formulare nehmen weniger Platz auf Ihrer Website ein und rufen kein überwältigendes Gefühl hervor, wenn Nutzer sie ausfüllen müssen.

Mehrstufige Formulare oder einstufige Formulare

Mehrseitige Formulare oder einstufige Formulare? Welches sollten Sie wählen?

Mehrstufige Formulare eignen sich hervorragend, wenn Sie viele Informationen von Ihren Nutzern benötigen. Bisher haben wir gesehen, dass das Aufteilen der langen Formulare pro Frage die Frustration verringert und die Absicht der Nutzer erhöht, es auszufüllen.

Aber wenn Sie nur wenige Nutzerdaten benötigen und einfach ein simples Kontaktformular, ein Formular zur Lead-Generierung oder ein Registrierungsformular einbetten möchten, dann können einstufige Formulare die Aufgabe erledigen.

Zusammenfassung

Mehrstufige Formulare bieten Ihnen den Vorteil einer besseren Fragendarstellung und eines erhöhten Fokus der Nutzer.

Mit EmbedForms kann jeder in nur wenigen Klicks eine unbegrenzte Anzahl mehrstufiger Formulare erstellen und die Formulare auf jeder gewünschten Webseite einbetten.