A/B-Tests, die Sie auf Ihren Seiten mit Formularen ausprobieren sollten

Eines der wichtigsten Ziele vieler Websites ist es, mehr Leads oder Abonnenten zu gewinnen. Zu diesem Zweck haben Sie wahrscheinlich eine oder mehrere Seiten, auf denen Sie ein Formular anzeigen, damit Ihre Besucher Sie kontaktieren können, um weitere Informationen zu Ihren Produkten anzufordern oder Ihren Newsletter zu abonnieren.

Aus Conversion-Sicht können das Design und der Inhalt von Seiten mit Formularen kritisch sein, und aus diesem Grund möchte ich heute einige Beispiele für Arten von A/B-Tests mit Ihnen teilen, die Sie ausprobieren können, um die Conversion zu optimieren (Besucher kontaktieren oder abonnieren). In den nächsten Beispielen werden Sie sehen, dass die Formulare auf den Seiten mit Nelio Forms erstellt wurden, unserem Plugin zur Formularerstellung, das vollständig in WordPress integriert ist.

Position des Formulars innerhalb der Seite

Wenn wir über die Verbesserung der Conversion auf einer Seite sprechen, ist einer der am häufigsten diskutierten Punkte die Position des Call-to-Action. Wenn es unser Ziel ist, Seitenbesucher dazu zu bringen, ein Formular auszufüllen, versuchen Sie, Ihr Formular an verschiedenen Stellen zu platzieren und zu analysieren, welches für Sie am besten geeignet ist. Sehen wir uns ein einfaches Beispiel an, wie wir einen solchen Test mit dem Nelio A/B Testing-Plugin in WordPress erstellen würden.

Angenommen, wir möchten einen Test der Nelio Unlocker-Seite (unser Plugin, das jede Webseite in den WordPress- oder Elementor-Blockeditor konvertiert) erstellen und so prüfen, ob mehr Besucher uns kontaktieren, indem sie das Formular weiter oben auf der Seite platzieren.

Als Alternative zum Testen habe ich, wie Sie im vorherigen Bild sehen können, nicht nur das Formular nach oben verschoben, sondern auch, um es ästhetisch besser aussehen zu lassen, den Abschnitt mit Beispielen weiter unten auf der Seite platziert.

Wie führen wir diesen Test mit dem Nelio A/B Testing Plugin durch? Wählen Sie zunächst aus, dass Sie eine neue Testseite erstellen möchten:

Nachdem Sie Test einen Namen gegeben und die Seite ausgewählt haben, die Sie testen möchten, ist jede von Ihnen erstellte Variante standardmäßig eine Kopie der Originalseite, die Sie bearbeiten können, um die gewünschten Änderungen vorzunehmen.

Der große Vorteil von Nelio A/B Testing (als vollständig in WordPress integriertes Plugin) besteht darin, dass das Durchführen der Variantenänderungen genauso einfach ist wie das Bearbeiten einer beliebigen Seite im Blockeditor. In diesem Fall wählen Sie einfach den Block oder die Blöcke der Seite aus, die Sie verschieben möchten, und ändern ihre Position.

Nachdem Sie die erforderlichen Änderungen vorgenommen haben, müssen Sie nur noch die Seite speichern, zu dem von uns erstellten Test zurückkehren und die Conversion-Ziele und Aktionen des Tests angeben. In diesem Beispiel ist es unser Ziel, das Kontaktformular auszufüllen. Geben Sie im Abschnitt „Conversion-Ziele und -Aktionen“ den Namen des Ziels an und fügen Sie die Conversion-Aktion „Formularübermittlung“ hinzu.

Wie Sie im vorherigen Bild sehen können, haben Sie ein Dropdown-Menü, in dem Sie das Formular auswählen können, das gesendet worden sein muss, um als Conversion-Aktion für diesen Test gespeichert zu werden.

Und das ist es! Sie können jetzt den Start-Button des Tests drücken, sodass die Hälfte des Traffics zu dieser Seite eine Alternative sieht und die andere Hälfte die andere. Auf der Ergebnisseite des Tests können Sie die Besuche und Conversions jeder Variante verfolgen und so analysieren, welche Option am besten funktioniert.

Anzahl und Art der auszufüllenden Felder

In einer von Hubspot durchgeführten Studie, die über 40.000 Seiten analysierte, stellten sie fest, dass die Anzahl der auszufüllenden Felder und die Art der einzelnen Felder einen Einfluss auf die Conversion haben, die sie erzielen.

Wie Sie wahrscheinlich bereits erraten haben, können Sie aus den Grafiken oben ersehen, je weniger Felder auszufüllen sind, desto einfacher wird es für Besucher, Sie zu kontaktieren. Dennoch müssen Sie auch die Qualität der Informationen, die Sie aus dem Formular erhalten, abwägen: Sind Sie sicher, dass jeder, der vorbeikommt, Sie kontaktiert, oder bevorzugen Sie nur diejenigen, die wirklich interessiert und bereit sind, Ihnen ein wenig mehr Informationen zu geben? sich?

Versuchen Sie, verschiedene A/B-Tests durchzuführen, indem Sie die Anzahl und Art der Formularfelder ändern, und analysieren Sie, was für Sie am besten funktioniert, wie Sie im folgenden Beispiel sehen können:

Wenn Sie ein Plugin wie Nelio Forms verwenden, ist es so einfach, einen solchen Test zu erstellen, wie ein zusätzliches Formular zu erstellen. Sie werden sehen, dass der Formulareditor so ziemlich derselbe ist wie der Blockeditor, mit dem Sie bereits vertraut sind:

Und wenn Sie die alternative Seite des Tests bearbeiten (denken Sie daran, dass es sich um eine Kopie der Originalseite handelt), müssen Sie nur das Formular, das Sie hatten, durch das neu erstellte ersetzen, indem Sie es aus der Dropdown-Liste mit der Liste der verfügbaren Formulare auswählen.

Beachten Sie in diesem Fall, dass Sie bei der Angabe der Conversion-Ziele und Aktionen des Tests die Übermittlung der beiden Formulare als Conversion-Aktionen hinzugefügt haben müssen. Auf diese Weise wird das Absenden eines dieser beiden Formulare (eines für jede Variante Ihres Tests) als Konversion erfasst.

Wo Formularbeschriftungen angezeigt werden sollen

Ein Artikel von Luke Wroblewski aus einem Buch von vor Jahren, eine Referenz im Formulardesign, verglich die Vor- und Nachteile der Anzeige von Feldbeschriftungen über oder links von jedem Feld.

Wie Sie im vorherigen Beispiel bemerkt haben, besteht eines der Probleme bei vertikalen Formularen mit vielen Feldern darin, dass sie zu viel Platz beanspruchen können. Eine der Alternativen, die Sie ausprobieren können und die meiner Meinung nach die Formulare sehr sauber macht, besteht darin, die Feldbezeichnungen nicht als separate Entitäten anzuzeigen und stattdessen einen Platzhalter darin zu schreiben.

Falls Sie Nelio Forms verwenden, ist es so einfach, in den Feldeinstellungen anzugeben, dass Beschriftungen ausgeblendet werden sollen, und dann schreiben Sie einfach den entsprechenden Platzhalter:

Auf diese Weise haben Sie die Höhe des Formulars reduziert und der Benutzer kann leicht sehen, was er in die einzelnen Felder eingeben muss.

Text und Farbe der Schaltfläche "Senden".

Das Testen verschiedener Farben und verschiedener Call-to-Action-Texte ist ebenfalls eine sehr beliebte Art von Test, um die Conversion zu verbessern. Sie werden Leute finden, die Ihnen sagen, dass die eine oder andere Farbe besser funktioniert oder dass die Botschaft so und so sein sollte … aber wir empfehlen, zu testen und zu bestätigen, was Ihren Besuchern am besten gefällt. Genau das haben wir auf einer unserer Websites getan, indem wir verschiedene Schaltflächenfarben getestet und geschaut haben, was für uns am besten funktioniert hat.

Wenn Sie ein Plugin wie Nelio Forms verwenden, das vollständig in den Blockeditor integriert ist, müssen Sie nur so viele Formulare als Alternativen erstellen, die Sie testen möchten, jedes mit der Farbe, dem Stil und dem Schaltflächentext, die Sie sind interessiert. Dazu ist es so einfach, das ursprüngliche Formular zu kopieren und die Eigenschaften der Schaltfläche zu ändern, wie Sie es auf jeder Seite oder jedem Beitrag tun würden.

Informationen zum Datenschutz

Ein weiterer Test, den Sie mit Formularen durchführen können, besteht darin, verschiedene Formulierungen zum Datenschutz der von Ihnen gesammelten Daten auszuprobieren und zu sehen, welche Auswirkungen dies hat. Die Leute wollen nicht zugespammt werden. Um Vertrauen aufzubauen, kann es hilfreich sein, ausdrücklich darauf hinzuweisen, dass Sie keine Daten an Dritte weitergeben.

Probieren Sie verschiedene alternative Formulierungen mit unterschiedlichen Stilen aus und analysieren Sie die Auswirkungen, die jede der Alternativen haben kann.

Fazit

Heute wollten wir einige Ideen teilen, die Sie auf Seiten mit Kontaktformularen testen können, um deren Konversionsraten zu verbessern. Denken Sie daran, dass Sie, egal wie viele Empfehlungen Sie finden, erst nach der Durchführung eines A/B-Tests sicher wissen, was auf Ihrer Website am besten funktioniert: Ob es darum geht, die Position des Formulars auf der Seite zu ändern oder verschiedene Formularinhalte zu testen, führen Sie mehrere aus Tests und sehen Sie, wie Sie mehr Leads, Abonnenten oder Kunden gewinnen können.

Wenn Sie native WordPress-Plugins wie Nelio Forms zum Erstellen von Formularen und Nelio A/B Testing zum Durchführen von A/B-Tests verwenden, war das Testen von Seiten mit Formularen noch nie so einfach!

Beitragsbild von Robert Anasch auf Unsplash.