7 Best Practices für Landingpage-Formulare (+ Beispiele)

Suchen Sie nach großartigen Beispielen für Landingpage-Formulare? Wenn jemand Ihre Landingpage besucht, haben Sie eine einzige Chance, ihn zu konvertieren. Daher muss Ihr Formular auf maximale Wirkung ausgelegt sein.

Obwohl es keine perfekte Landingpage gibt, gibt es definitiv Best Practices, die Ihnen helfen können, großartige Ergebnisse zu erzielen und den Verlust wertvoller Leads zu vermeiden.

In diesem Artikel werden wir uns einige großartige Beispiele für Landingpage-Formulare ansehen. Wir zeigen Ihnen auch, wie Sie dieselben Ideen einfach stehlen und in Ihren eigenen Formularen verwenden können.

Erstellen Sie jetzt Ihr Landingpage-Formular

Was macht eine gute Landingpage aus?

Das Ziel jeder Landingpage ist es, Ihren Kunden dazu zu bringen, ein Ziel zu erreichen. Alles auf der Seite muss darauf ausgerichtet sein, diese Konversion zu erzielen.

Zum Beispiel könnte Ihr Landingpage-Formular dazu dienen, Folgendes zu erhalten:

• Abonnenten von E-Mail-Listen
• Leads
• Vertrieb
• Webinar-Anmeldungen

Jedes dieser Ereignisse erfordert einen etwas anderen Formular-Typ.

Bevor Sie mit der Gestaltung Ihres Landingpage-Formulars beginnen, ist es hilfreich, die Art der Konversion zu verstehen, die Sie erzielen möchten. Auf einer grundlegenden Ebene können wir Ihre Konversionen in 2 Gruppen aufteilen:

• Primäre Konversion: Diese Art von Konversion tritt auf, wenn der Kunde bereit ist zu kaufen. Zum Beispiel könnte Ihr Landingpage-Formular ein Bestellformular oder ein Terminbuchungsformular sein.
• Sekundäre Konversion: Diese Art von Konversion tritt viel weiter oben im Funnel auf, wenn der Kunde noch seine Optionen prüft. Wenn Sie also hoffen, ein Anmeldeformular für einen E-Mail-Newsletter zu erstellen, ist das ein gutes Beispiel für eine sekundäre Konversion.

Als allgemeine Regel gilt, dass Sie für eine primäre Konversion ein etwas längeres Formular haben können als für eine sekundäre. Denn wenn ein Kunde seine Kaufentscheidung getroffen hat – oder sehr nahe daran ist – wird er wahrscheinlich eher bereit sein, Zeit mit dem Ausfüllen eines Formulars zu verbringen.

Nachdem wir nun verstehen, wie wir die Struktur unserer Landingpage festlegen, wollen wir uns einige Best Practices für unsere Landingpage-Formulare ansehen.

Best Practices für Landingpage-Formulare

1. Verkaufen Sie die Vorteile neben Ihrem Formular

Auf einer Landingpage möchten Sie die Vorteile Ihres Angebots sehr deutlich machen.

Dieses Formular von Asana bittet Besucher, sich für eine kostenlose Testversion anzumelden. Aber es verlässt sich nicht darauf, Besucher zu konvertieren. Es hat auch einen Abschnitt auf der rechten Seite der Landingpage, um das Angebot mit einigen kurzen Stichpunkten zu erklären.

Haben Sie bemerkt, dass das Wort „unbegrenzt“ mehr als einmal vorkommt?

Wenn der Benutzer vom Potenzial dessen, was Sie anbieten, begeistert ist, wird er auch begeistert sein, das Formular abzusenden.

Schauen Sie sich auch dieses großartige Beispiel von WPBeginner an:

Sie erhalten eine Menge kostenloser Dinge und ein Bonus-Toolkit, sodass sich direkt hinter dem Formular jede Menge Wert verbirgt. Alles, was Sie tun müssen, ist klicken!

Denken Sie daran: Sie wissen, dass Ihr Angebot großartig ist, aber der Kunde vielleicht nicht. Daher ist der Verkauf der Vorteile des Ausfüllens Ihres Formulars eine großartige Möglichkeit, ihn daran zu erinnern.

Möchten Sie lernen, wie Sie Asana mit anderen Tools verwenden? Sehen Sie sich unsere Liste der Top-Asana-Integrationen an.

So verkaufen Sie die Vorteile in Ihrem Formular

Dies ist eine der am einfachsten zu implementierenden Best Practices.

Mit WPForms können Sie ganz einfach ein Inhaltsfeld in Ihr Formular ziehen, um überall zusätzlichen Text hinzuzufügen. Und Sie können dieses Feld auch verwenden, um Bilder und Links hinzuzufügen.

Hier ist unser Beispiel. Wir haben ein 2-Spalten-Layout verwendet und unser Inhaltsfeld auf der linken Seite dieses einfachen Kontaktformulars platziert, mit einer Liste von Markenressourcen, die Benutzer überprüfen können, während sie auf eine Antwort warten.

2. Beruhigen Sie Ihren Besucher

Wenn Ihr Kunde sich Sorgen um etwas macht, wird er wahrscheinlich zurückschrecken und woanders nach Antworten suchen.

Zum Beispiel würde die meisten von uns nicht dazu überredet werden wollen:

• E-Mails erhalten, für die wir uns nicht angemeldet haben
• Mehr berechnet bekommen als erwartet
• Geld für ein Produkt ausgeben, das sich als unpassend herausstellt

Deshalb bieten Formulare auf Landing Pages mit hoher Konversionsrate Beruhigung. Die Idee ist, diese Sorgen zu antizipieren und anzugehen. Den Kunden direkt im Formular zu beruhigen, stärkt das Vertrauen und zeigt, dass Sie seine Probleme verstehen.

Hier ist ein großartiges Beispiel für ein Landing Page-Formular von WP Rocket, das dem Besucher viel Beruhigung bietet:

Es gibt 3 separate Bereiche in diesem Formular, die dem Besucher ein besseres Gefühl beim Kauf geben:

• Kundenrezension: Dies fügt dem Formular soziale Bewährtheit hinzu. Die Verwendung eines Fotos und eines echten Namens hilft, Authentizität zu verleihen und zu zeigen, dass andere Kunden das Formular bereits ausgefüllt haben und mit dem Ergebnis zufrieden sind. Sehen Sie sich diese großartigen Beispiele für soziale Bewährtheit für Ihre Formulare an.
• Geld-zurück-Garantie: Das Anbieten einer Art Garantie ist wichtig, insbesondere wenn der Kunde das Produkt nicht ausprobieren kann, bevor er bezahlt. Dieser Bereich der Landing Page lässt den Kunden wissen, dass er sein Geld zurückbekommen kann, wenn er nicht zufrieden ist, sodass er beim Ausprobieren nichts falsch machen kann.
• Erinnerung an sichere Zahlung: Wenn der Kunde Sie zum ersten Mal besucht, ist es hilfreich, ihn daran zu erinnern, dass Sie bei der Zahlungsabwicklung die richtige Sicherheit eingerichtet haben.

Wenn Sie sich Landing Page-Formulare ansehen, werden Sie feststellen, dass fast alle eine oder mehrere dieser Zusicherungen verwenden.

So fügen Sie Ihrem Formular Beruhigung hinzu

WPForms erleichtert das Hinzufügen von zusätzlichen Informationen zu Ihrem Formular mit einem HTML-Feld oder einem Abschnittstrenner.

Wenn Sie also etwas Großzügiges anbieten, wie z. B. eine kostenlose Testversion, stärken Sie das Vertrauen des Kunden und erwähnen Sie es prominent in Ihrem Formular. Insightly macht einen großartigen Job, um den Kunden am Anfang und Ende dieses Formulars zu beruhigen:

Vergessen Sie schließlich nicht, Ihren Besucher daran zu erinnern, dass wir seine persönlichen Daten sicher speichern. WPForms erleichtert das Hinzufügen einer DSGVO-Vereinbarung zu Ihren Formularen.

Sie können die Formulierungen anpassen, um genau zu erklären, wie personenbezogene Daten verarbeitet oder gespeichert werden.

3. Entfernen Sie zusätzliche Felder

ECommerce-Statistiken zeigen, dass Sie mehr Konversionen erzielen, wenn Sie 3 oder weniger Felder haben.

Dies ist keine feste Regel. Für eine primäre Konversion können Sie möglicherweise mehr Felder verwenden, da der Kunde stärker investiert ist.

Aber für die meisten sekundären Konversionen hilft es, die Menge der abgefragten Informationen zu reduzieren.

Hier ist ein großartiges Beispiel für ein kurzes Formular von Pardot. Dieses Formular ermöglicht es dem Kunden, eine Demo zu buchen.

Es wäre verlockend, viele Informationen über ihr Unternehmen oder den beabsichtigten Anwendungsfall zu sammeln. Aber Pardot macht es richtig und hat einfach 1 Feld:

Wenn Sie eine Buchungszeit benötigen, können Sie auch einen Zeit- oder Datums-Picker hinzufügen, damit der Besucher die Demo planen kann, ohne tippen zu müssen. Wenn ein Besucher gerade Ihr Unternehmen prüft, reduziert ein kurzes Formular viel Reibung.

Hier ist ein weiteres großartiges Beispiel von Elementor. Dies ist ein mehrstufiges Formular mit 1 Multiple-Choice-Frage auf jeder Seite. Auch dieses Formular ist perfekt, da Sie alle Informationen ohne Tippen bereitstellen können.

Schließlich sehen Sie sich dieses großartige Beispiel von Toggl an. Mit diesem Formular können Sie sich für ein kostenloses Konto anmelden, ohne Ihre Tastatur zu berühren. Wenn Sie sich jedoch per E-Mail anmelden möchten, gibt es ein zweites Formular, das sich hinter dem Link unten verbirgt.

Wenn Sie viele Felder haben und diese wirklich nicht entfernen können, gibt es einige Tricks, mit denen Sie Ihr Formular weniger einschüchternd aussehen lassen können.

Wie man lange Formulare kürzer macht

WPForms ermöglicht es Ihnen, Ihr Formular auf 3 Arten kürzer zu machen.

Erstens, unser Favorit: das mehrstufige Formular.

Dieses Format lässt das Formular weniger beängstigend aussehen, indem einige Felder hinter einer Fortschrittsanzeige verborgen werden. Die Anmeldeseite von Drip verwendet diese Taktik und sie sieht großartig aus.

Die zweite Option ist die Auswahl der richtigen Formularfelder, um Tippen und Klicken so weit wie möglich zu reduzieren. Sie können zum Beispiel Bildauswahlen verwenden, um das Elementor-Formular nachzuahmen, das wir gerade betrachtet haben.

Schließlich sehen Sie sich dieses Beispiel von Zoho CRM an.

Zoho muss unseren Standort kennen, aber anstatt uns aufzufordern, die Adresse einzugeben, hat es Geolocation verwendet, um sie automatisch zu erkennen.

Sie können diese Technik einfach kopieren, indem Sie das WPForms Geolocation Addon verwenden. Es ermöglicht Ihnen, den Standort jedes Besuchers automatisch zu speichern.

Schalten Sie es einfach ein und das Addon speichert den Standort Ihrer Besucher im WordPress-Dashboard.

Sie können das Geolocation-Addon auch verwenden, um die Adressautovervollständigung in Ihren Formularen zu aktivieren. Verbinden Sie es einfach mit Google Maps oder Mapbox und aktivieren Sie die Autovervollständigung für Ihr Adress- oder Single-Line-Textfeld.

Wenn Sie möchten, können Sie auch eine Karte neben dem Feld anzeigen, damit sie ihren Standort durch Verschieben des Pins finden können.

Wenn Sie Geolocation und Geotargeting nutzen möchten, lesen Sie unseren Leitfaden zu den besten Geolocation-Plugins für WordPress.

4. Erstellen Sie einen überzeugenden Call to Action

Ihr Call To Action (CTA) ist der Brennpunkt für Ihr Landingpage-Formular. Und um einen überzeugenden CTA zu schreiben, müssen Sie zuerst über das größte Problem Ihres Nutzers nachdenken.

Stellen Sie dann sicher, dass die Wörter auf der CTA-Schaltfläche genau das bieten, was sie wollen.

Dieses Formular von IsItWP kombiniert eine kontrastierende Farbe mit benutzerdefiniertem Text auf der Senden-Schaltfläche.

Die Verwendung der Wörter „Jetzt herunterladen“ anstelle von „Senden“ ist wirkungsvoll. Es betont die Tatsache, dass Sie sofortigen Zugriff auf die WordPress-Checkliste erhalten, die Sie möchten.

Tatsächlich ist dieses Formular ein schönes Beispiel für einen großartigen Lead-Magneten in Aktion.

Wenn Sie sich fragen, ob Sie eine vollständige Landingpage oder ein Lead-Formular verwenden sollten, lesen Sie unseren Artikel über Lead-Formular vs. Landingpage.

So passen Sie Ihren Call to Action an

Mit WPForms können Sie den Text auf Ihrer Senden-Schaltfläche einfach in Ihren Formulareinstellungen ändern.

Auf diese Weise wissen Ihre Besucher genau, was sie erwartet, wenn sie auf die Schaltfläche klicken.

Vergessen Sie nicht, Farbe zu verwenden, um das Auge anzuziehen. Während IsItWP eine orangefarbene Schaltfläche auf blauem Hintergrund verwendete, verwendet dieses Formular eine blaue Schaltfläche, damit sie sich vom grauen Hintergrund abhebt.

Wenn Sie die Senden-Schaltfläche so gestalten möchten, dass sie eine kontrastierende Farbe erhält, ist das einfach. Sie müssen nur einen Code-Snippet verwenden.

Hier ist eine Dokumentation zum Anpassen der Senden-Schaltfläche in WPForms.

5. Nutzen Sie die Macht von FOMO

Wenn Sie beschäftigt sind, werden die dringendsten und wichtigsten Aufgaben zuerst erledigt.

Lernen Sie FOMO kennen.

FOMO oder die „Angst, etwas zu verpassen“, ist eine Technik, mit der Sie Ihre Besucher sofort zum Handeln bewegen können. Sie ermutigt den Besucher, sofort zu handeln, anstatt Ihre Website zu verlassen und alles zu vergessen.

Exklusivangebote sind eine großartige FOMO-Taktik. Wir alle möchten die Ersten in der Reihe sein, oder?

Dieses Landingpage-Formular macht deutlich, dass Sie immer vor allen anderen Updates erhalten.

Denken Sie auch darüber nach, einen Rabatt auf Ihr Formular anzubieten. Wenn er zeitlich begrenzt ist, wird er Ihren Besucher ermutigen, sofort zu handeln.

Hier ist ein großartiges Beispiel von SeedProd. Jetzt kaufen und 60 % sparen oder gehen und den Rabatt verlieren. Was würden Sie wählen?

So fügen Sie Ihrem Landingpage-Formular FOMO hinzu

WPForms erleichtert das Hinzufügen von Limits zu Ihren Formularen, wie z. B. Ablaufdaten.

Wenn Sie diese Funktionen mit überzeugendem Landingpage-Text kombinieren, können Sie den Besucher ermutigen, sofort zu handeln.

Mit dem Form Locker Addon können Sie:

• Zeitlimit: Richten Sie ein zeitlich begrenztes Angebot ein und fügen Sie ein Formularablaufdatum hinzu, damit Besucher nur eine kurze Zeit für die Anmeldung haben. Sie können dies auch effektiv für Bewerbungsformulare, Spendenformulare oder jede Art von WordPress-Formular mit einer Frist verwenden.
• Mengenlimit: Richten Sie einen Rabattcode ein und senden Sie ihn in Ihren Formularbestätigungen. Verwenden Sie dann den Formularsperrer, um die Anzahl der Einreichungen des Formulars zu begrenzen. Dies ist auch eine großartige Option für RSVP-Formulare, wenn Sie nur begrenzte Plätze an Ihrem Veranstaltungsort haben.

Möchten Sie FOMO verstärken? Sie können beide dieser Funktionen zusammen verwenden.

Zum Beispiel können Sie auf einer Webinar-Landingpage ein Limit für die Anzahl der Plätze und ein Zeitlimit für den Ablauf des Formulars festlegen.

Möchten Sie Ihr Formularablaufdatum visuell anzeigen? Wir lieben die Countdown-Timer in SeedProd. Sie können den einfachen Drag-and-Drop-Builder verwenden, um einen Timer überall hinzuzufügen und ihn automatisch bis zu einer Frist herunterzählen zu lassen.

Möchten Sie mehr darüber erfahren, wie Sie SeedProd für FOMO verwenden können? Schauen Sie sich diese SeedProd-Bewertung an.

6. Fügen Sie Hinweise und Platzhalter hinzu

Platzhalter sind äußerst hilfreich, wenn Sie Ihren Besuchern helfen möchten, ohne Ihrer Landingpage tonnenweise zusätzlichen Text hinzuzufügen.

Dieses Drip-Anmeldeformular verwendet Platzhaltertext in den Feldern. Es hilft, den Besucher zu leiten, und es lässt das Formular auch kurz erscheinen, da alle Feldbezeichnungen entfernt wurden.

Sehen Sie sich als Nächstes dieses Beispiel für PushEngage an. Es ist wirklich einfach, dieses Landingpage-Formular auszufüllen, da alles klar erklärt ist.

Die Platzhalter hier enthalten sogar Symbole, sodass Sie leicht erkennen können, was erforderlich ist:

Verwendung von Platzhaltern in Ihren Landingpage-Formularen

Verwenden Sie Platzhalter als Aufforderungen, damit Ihr Besucher die richtigen Informationen eingibt. Dies ist eine großartige Möglichkeit, Frustration zu vermeiden, da das Formular wahrscheinlich beim ersten Mal erfolgreich übermittelt wird.

WPForms ermöglicht es Ihnen, Platzhaltertext einfach hinzuzufügen, um Ihre Besucher beim Ausfüllen Ihres Formulars zu leiten. Hier haben wir eine E-Mail-Adresse als Platzhalter hinzugefügt, damit der Besucher genau weiß, was er eingeben soll.

Sobald Sie die Platzhalter zu Ihren Feldern hinzugefügt haben, können Sie mit WPFoms auch die Feldbezeichnungen einfach ausblenden.

7. Machen Sie Ihre Formulare mobilfreundlich

Haben Sie jemals versucht, ein Formular auf Ihrem Handy auszufüllen, nur um dann festzustellen, dass die Felder zu klein sind? Wenn Ihr Formular nicht mobilfreundlich ist, kann es schwierig sein, sie überhaupt zum Tippen anzutippen.

Es ist äußerst wichtig sicherzustellen, dass alle Ihre Formulare auf jedem Gerät ausgefüllt werden können. Dies trägt dazu bei, dass es keine Hindernisse für mobile Benutzer gibt.

Hier ist ein großartiges Beispiel für ein klares Landingpage-Formular von ActiveCampaign.

Eine weitere großartige Taktik für Mobilgeräte ist die Verwendung von Bildauswahlen oder großen Schaltflächen, die auf einem Touchscreen leicht auszuwählen sind.

Erstellen eines mobilfreundlichen Formulars

Alle Formulare, die Sie mit WPForms erstellen, sind standardmäßig mobilfreundlich. Ihre Besucher finden sie daher auf jedem Gerät und jeder Bildschirmgröße einfach zu bedienen.

Dies ist äußerst hilfreich, wenn Sie WPForms zur Integration mit anderen Diensten verwenden möchten. Normale GetResponse-Formulare sind beispielsweise nicht mobilfreundlich, aber Sie können mit WPForms ein GetResponse-Anmeldeformular erstellen, um dies zu überwinden.

Auf diesem Formular hat Elementor eine CTA-Schaltfläche und ein Bild verwendet, sodass ein riesiger Bereich zum Tippen vorhanden ist. Es wäre unmöglich, hier versehentlich die falsche Option zu wählen:

Wenn Sie bereit sind, mit ein wenig Code zu arbeiten, können Sie ein Layout wie dieses erstellen, indem Sie Kontrollkästchen in Schaltflächen umwandeln.

Erwägen Sie auch, ein gestapeltes Layout zu erstellen. Mit diesem Trick haben alle Felder auf Mobilgeräten die gleiche Breite.

Sehen Sie sich den Unterschied zwischen dem gestapelten und dem regulären Layout auf diesem Landingpage-Formular an.

Wenn Sie bereit sind, einen Code-Snippet hinzuzufügen, können Sie dies einfach mit WPForms und etwas benutzerdefiniertem CSS erreichen. Schauen Sie sich unser Dokument Erstellen eines gestapelten Layouts für Ihr Formular an.

Erstellen Sie jetzt Ihr Landingpage-Formular

Als Nächstes: Erstellen Sie eine Landingpage in WordPress

Jetzt, da Sie wissen, wie man optimierte Landingpage-Formulare erstellt, ist es an der Zeit, Ihre erste Landingpage in WordPress zu erstellen.

WPForms verfügt über ein Landingpages-Addon, mit dem Sie jedes Formular in eine eigenständige Landingpage verwandeln können. Wenn Sie Ihr Formular bereits erstellt haben und eine einfache Möglichkeit suchen, es in eine Landingpage zu verwandeln, ist dies perfekt für Sie.

Wenn Sie Ihrer Landingpage-Formularen weitere Elemente hinzufügen möchten, empfehlen wir SeedProd. SeedProd ist der beste Landingpage-Builder für WordPress und ermöglicht es Ihnen sogar, mehrere Domains mit Ihren Landingpages von einer WordPress-Site aus zu verbinden.

Bereit, Ihr Formular zu erstellen? Beginnen Sie noch heute mit dem einfachsten WordPress-Formular-Builder-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn Ihnen dieser Artikel geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und Anleitungen.