Unabhängig davon, ob Besucher einen Kauf tätigen, sich für eine Demo anmelden oder ein Whitepaper von Ihrer Website herunterladen möchten, müssen Sie für diesen Vorgang ein Website-Formular erstellen.
Design, Messaging und Funktionalität Ihrer Webformulare spielen eine große Rolle dabei, ob ein Besucher das Formular ausfüllt und konvertiert. Wenn Sie diese kleinen Anpassungen an Ihren WordPress-Formularen vornehmen, können Sie die kognitive Belastung eines Besuchers reduzieren und die Formularkonvertierungen steigern.
In diesem Leitfaden geben wir Tipps für Gravity Forms und das kostenlose Kontaktformular 7 Plugin. Diese können alle mit den Kernfunktionen und -einstellungen von Gravity Forms abgeschlossen werden, oder wenn Sie Contact Form 7 mit einigen kostenlosen und Premium-Add-Ons verwenden. Aber wirklich jeder der Tipps kann auf die meisten Top-WordPress-Kontaktformular-Plugins angewendet werden. Also lasst uns anfangen!
1. Verwenden Sie einen starken Farbkontrast im Formulardesign
Wenn ein Webbesucher auf Ihrer Website landet, sucht er in der Regel nach dem schnellsten und einfachsten Weg, um ein Ziel zu erreichen, sei es, um weitere Informationen zu erhalten oder einen Kauf zu tätigen. Eine Möglichkeit, die Formularkonvertierungen zu erhöhen, besteht darin, das Formulardesign und -layout für alle Besucher leicht überprüfbar zu machen.
Ein häufiger Fehler auf WordPress-Sites besteht darin, ein standardmäßiges Website-Formulardesign mit einem weißen Formularhintergrund und dünnen grauen Feldern als Formularfelder einzurichten.
Ziehen Sie stattdessen in Erwägung, einen Formularentwurf zu erstellen, bei dem ein starker Farbkontrast zwischen dem Formularhintergrund, den Formularbeschriftungen und den weißen Formularfeldern besteht. Befolgen Sie bei der Auswahl der Farben für Ihr Formular die WCAG-Richtlinien zum Farbkontrast mit einem Kontrastverhältnis von mindestens 4:5:1. Dies hilft Besuchern mit einer Behinderung oder Sehbehinderung, die Formularfelder klar von der Hintergrundfarbe der Webseite zu unterscheiden.
Sie können auf die Schwerkraftformen Leitfaden zur Barrierefreiheit für Entwickler als Ressource. Dieser Leitfaden enthält wirklich alles, was Sie über Barrierefreiheit und Gravity Forms wissen müssen, einschließlich eines ganzen Abschnitts über Farbkontrast und Verwendung von Farben.
Wenn Sie das kostenlose nutzen Kontaktformular 7 Plugin kann die Erweiterung Accessible Defaults Ihnen dabei helfen, Best Practices für die Barrierefreiheit in all Ihren Formularen zu implementieren.
2. Reduzieren Sie die Anzahl der optionalen Felder
Lange Website-Formulare können Conversions abschrecken, da das Ausfüllen oft länger dauert. Wenn ein Besucher auf ein Formular stößt, berechnet er unbewusst, ob der Aufwand für das Ausfüllen des Formulars den Nutzen wert ist, den er erhält.
Reduzieren Sie im Allgemeinen die Anzahl der Felder so weit wie möglich. Wenn Sie einige optionale Formularfelder einschließen müssen, kennzeichnen Sie die erforderlichen gegenüber den optionalen Feldern deutlich, um Benutzerfehler beim Senden des Formulars zu vermeiden.
Im bezahlten Schwerkraftform Plugin, Formularfelder sind standardmäßig optional und Sie können die Option „Erforderlich“ beim Bearbeiten des Formulars im WordPress-Dashboard abhaken.
Für die kostenlosen Kontaktformular 7 Plugin ist das Hinzufügen eines Sternchens im HTML-Formularfeld der beste Weg, um ein Textfeld nach Bedarf zu identifizieren.
Bei langen Webformularen müssen sich Webbesucher auch überlegen, ob sie all diese persönlichen Informationen teilen möchten. Erwägen Sie, im Webformular einen Link zu Ihrer Datenschutzrichtlinie hinzuzufügen und die Best Practices der DSGVO für den Datenschutz zu befolgen, um Vertrauen bei potenziellen Kunden aufzubauen.
3. Betrachten Sie ein mehrstufiges / mehrseitiges Formular
Wenn Sie für einen eingehenden Registrierungsprozess oder eine Bewerbung ein langes Formular auf Ihrer Website benötigen, sollten Sie es in ein mehrstufiges oder mehrseitiges Formular umwandeln.
Durch das Aufteilen eines langen Prozesses in kleine Schritte wird der wahrgenommene Aufwand reduziert und dies ermutigt mehr Webbesucher, den Prozess zu beginnen. Bei mehrseitigen Formularen ist es hilfreich, auf jeder Seite unter dem Formular einen Fortschrittsbalken einzurichten, der anzeigt, wo sich der Besucher beim Ausfüllen des Formulars gerade befindet.
Wenn Sie das bezahlte nutzen Schwerkraftformen Plugin können Sie die integrierten Plugin-Optionen verwenden, um ein mehrseitiges Formular zu erstellen und die Formularfelder nach Seite zu gruppieren. Verwenden Sie die Kernoptionen beim Hinzufügen von Feldern für „Seitenbeginn“, „Seitenumbruch“ und „Seitenwechsel“, um Ihre eigenen mehrstufigen Formulare zu erstellen.
Es gibt auch kostenpflichtige Plugin-Erweiterungen für Kontaktformular 7 mit denen Sie Ihrer Site einen mehrstufigen Formularprozess hinzufügen können. Multi-Step pro ermöglicht es Ihnen, lange Formulare in einen schrittweisen Prozess aufzuteilen.
Berücksichtigen Sie beim Einrichten der verschiedenen Seiten des Formulars die Benutzererfahrung wenn jemand das Formular durchgeht. Beginnen Sie damit, grundlegende Informationen anzufordern und versuchen Sie, ähnliche Daten zu gruppieren. Dies kann den Aufwand reduzieren und einen reibungslosen Fluss zum Formular schaffen.
Seien Sie wie immer sehr vorsichtig, wenn Sie vertrauliche Informationen wie Gesundheitsinformationen oder Finanzdaten über ein einfaches Website-Formular anfordern.
4. Formatieren Sie die Daten in Formulareinträgen automatisch
Einige Formularfelder erfordern möglicherweise ein bestimmtes Format, z. B. Telefonnummern, Daten und Kreditkartennummern. Durch die automatische Formatierung der Formularfeldeinträge können Sie den Prozess für Webbesucher beschleunigen, sodass sie schneller konvertieren.
In Schwerkraftformen, können Sie beim Einrichten eines Telefonfelds entweder einen US-amerikanischen oder einen internationalen Telefonnummernformatstil auswählen.
Wenn Sie Besucher nicht auf ein bestimmtes Telefonformat beschränken möchten, können Sie auch ein Beispiel für die Dateneingabe als Platzhaltertext des Formularfelds angeben. Dies kann Besuchern helfen, schnell das richtige Format für Datumsangaben oder Adressen zu bestimmen. In Kontaktformular 7, können Sie ein Platzhalter-Wasserzeichen in das HTML-Code für ein Zahlenfeld um dies zu tun.
Vermeiden Sie jedoch die Verwendung von Platzhaltertext anstelle von Formularfeldbeschriftungen. Das ist ein wichtiger Praxis der Web-Zugänglichkeit da der Platzhaltertext verschwindet, wenn Sie in das Feld klicken und einige Besucher die Beschriftung möglicherweise als Referenz benötigen. Die Leute sind auch beim Surfen im Web Multitasking, daher müssen Sie die Schritte so klar wie möglich machen, da ihre Aufmerksamkeit möglicherweise abgelenkt wird.
Alle diese Schritte helfen Webbesuchern, das Formular bei der ersten Übermittlung korrekt auszufüllen. Die meisten Leute werden nicht versuchen, ein Formular mehr als ein- oder zweimal erneut einzureichen, wenn sie weiterhin auf Fehler beim Einreichen stoßen.
5. Vermeiden Sie irreführende Aufrufe zum Handeln
Irreführende Calls-to-Action kann die Conversions beeinträchtigen. Denken Sie daran, dass ein Webbesucher unbewusst abwägt, welchen Nutzen er aus der Bereitstellung seiner Informationen im Website-Formular ziehen wird.
Ein Call-to-Action oder CTA ist die Nachricht auf Ihrer Website, die jemanden auffordert, sofort zu handeln. Einige gängige CTA-Beispiele sind Demo anfordern, Kostenlose Beratung anfordern oder In den Warenkorb legen.
Es besteht ein Gleichgewicht zwischen der Reduzierung der Felder in einem Formular und dem Anfordern von genügend Informationen, um die Anfrage des Kunden zu erfüllen. Wenn Sie versprechen, eine Berechnung oder Schätzung zu liefern, erwartet der Kunde, dass Sie im Formular genügend Informationen anfordern, um diese Anfrage sofort zu stellen. Wenn all diese Felder fehlen, hält der Webbesucher das Formular möglicherweise für irreführend und erhält statt einer Berechnung einen Anruf von einem Vertriebsmitarbeiter.
Überprüfen Sie zusätzlich zu den Formularnachrichten die Danke Seite oder Bestätigungsnachricht, die ein Besucher nach dem Absenden des Formulars sieht. Die Nachricht sollte eine positive Benutzererfahrung bieten, indem bestätigt wird, dass ihre Formularübermittlung verarbeitet wurde.
Das Einrichten einer spezifischen Dankes- oder Bestätigungsseite für jedes Formular kann auch beim Conversion-Tracking in Analytics hilfreich sein.
Mit Schwerkraftformen Sie können beim Erstellen Ihres Formulars unter Einstellungen > Bestätigungen eine „Umleitungs-URL“ definieren.
Zum Kontaktformular 7, fügt das kostenlose Add-on Redirection for Contact Form 7 die Option hinzu, einen Benutzer umzuleiten, nachdem er das Kontaktformular erfolgreich gesendet hat.
WordPress-Tools für die Formularkonvertierung
Vom Farbkontrast bis zur Formatierung der Feldeinträge können Sie die Anzahl der Formularkonvertierungen auf Ihrer WordPress-Site steigern. Indem Sie verschiedene WordPress-Tools nutzen und die Best Practices für das UX-Design befolgen, können Sie die Wahrscheinlichkeit erhöhen, dass ein Besucher sich bemüht, ein Formular auf Ihrer Website einzureichen.