Latest SeedProd News

WordPress-Anleitungen, Tipps und Ressourcen, die Ihnen helfen, Ihr Geschäft auszubauen

So erstellen Sie eine Landingpage mit Formular in WordPress

So erstellen Sie eine Landingpage mit Formular in WordPress (Schritt für Schritt) 

Written By: Autor-Avatar Stacey Corrin
Autor-Avatar Stacey Corrin
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.
    
Reviewed By: Rezensenten-Avatar Turner John
Rezensenten-Avatar Turner John
John Turner is the co-founder of SeedProd. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

TL;DR: So erstellen Sie eine Landingpage mit Formular in WordPress

Der Aufbau einer Landingpage mit einem Formular in WordPress dauert mit den richtigen Tools etwa 10-15 Minuten.

  1. Installieren Sie SeedProd – Fügen Sie den Drag-and-Drop-Landingpage-Builder zu Ihrer WordPress-Website hinzu.
  2. Wählen Sie eine Vorlage – Wählen Sie ein vorgefertigtes Landingpage-Design und öffnen Sie es im Editor.
  3. Passen Sie die Seite an – Bearbeiten Sie Ihre Überschrift, Texte und Bilder, um sie an Ihre Kampagne anzupassen.
  4. Fügen Sie Ihr Formular hinzu – Fügen Sie einen WPForms-Block ein und konfigurieren Sie Ihre Felder.
  5. Verbinden Sie E-Mail-Marketing – Verknüpfen Sie Formularübermittlungen mit Ihrer E-Mail-Liste (optional, aber empfohlen).
  6. Veröffentlichen Sie Ihre Seite – Schalten Sie sie live und beginnen Sie mit der Lead-Generierung.

Eine Landingpage mit Formular ist die Methode, um WordPress-Traffic in Leads zu verwandeln. Ohne sie haben Sie eine Broschüre erstellt, keinen Funnel.

Ich habe im Laufe der Jahre Dutzende von Tools getestet, und SeedProd + WPForms ist die Kombination, zu der ich immer wieder zurückkehre, besonders wenn ich schnell eine Formular-Landingpage für einen Kunden oder eine Kampagne starten muss.

In diesem Leitfaden führe ich Sie durch jeden Schritt. Keine Programmierung erforderlich, und Sie werden in etwa 10-15 Minuten eine Live-Landingpage mit Formular haben.

📌 Schnellnavigation: Springen Sie zu einem beliebigen Abschnitt unten

Welche Art von Formular benötigt Ihre Landingpage?

Ein Kontaktformular auf der Landingpage ist der häufigste Ausgangspunkt, aber hier sind die gängigsten Formulararten und wann Sie jede verwenden sollten:

FormularartWann Sie es verwenden sollten
Lead-GenerierungUm Kontaktinformationen von potenziellen Kunden zu sammeln
KontaktFür allgemeine Anfragen auf jeder Geschäftswebsite
VeranstaltungsregistrierungBei Veranstaltungen, Webinaren oder Workshops
UmfrageUm Kundenfeedback und Meinungen zu sammeln
BewerbungWenn Sie neue Mitarbeiter einstellen
TerminbuchungFür die Planung von Kundengesprächen oder Terminen
Teilnahme an WettbewerbenBei Verlosungen oder Wettbewerben
ProduktvorbestellungUm das Interesse an bevorstehenden Produkteinführungen zu ermitteln
AbonnementFür Newsletter-Anmeldungen oder Inhaltsaktualisierungen
Quiz oder BewertungUm Besucher zu binden und Ihr Publikum kennenzulernen
SupportanfrageFür die Verwaltung von Kundensupportanfragen
SpendeUnerlässlich für gemeinnützige Organisationen, die Online-Spenden sammeln
KontoerstellungWenn sich Benutzer für ein Konto anmelden müssen
DemoanfrageFür die Einrichtung von Produktdemonstrationen
EmpfehlungUm Kunden zu ermutigen, Freunde oder Kollegen zu empfehlen

Denken Sie daran, dass das beste Formular für Ihre Landingpage eines ist, das Ihrem spezifischen Ziel entspricht. Halten Sie es einfach und fragen Sie nur nach den Informationen, die Sie wirklich benötigen.

Schritte zur Erstellung einer Landingpage mit Formular in WordPress

Nachdem wir nun die Grundlagen behandelt haben, tauchen wir in den eigentlichen Prozess der Erstellung einer Landingpage mit einem Formular in WordPress ein. In dieser Schritt-für-Schritt-Anleitung führe ich Sie durch den gesamten Prozess mit zwei leistungsstarken Tools: SeedProd und WPForms.

SeedProd Drag-and-Drop WordPress Landing Page Builder

Warum diese Tools? Nun, meiner Erfahrung nach bietet SeedProd den einfachsten Weg, beeindruckende Landingpages zu erstellen, während WPForms der benutzerfreundlichste Formularersteller für WordPress ist. Sie sind eine leistungsstarke Kombination, mit der Sie im Handumdrehen professionell aussehende Landingpages mit Formularen erstellen können.

Einfach zu bedienenErstellen Sie schöne Landingpages ohne Code. Ziehen Sie einfach Elemente per Drag & Drop.
Funktioniert mit WPFormsIntegration mit WPForms, einem anfängerfreundlichen Formularersteller. Fügen Sie mit wenigen Klicks jeden Formular-Typ zu Ihrer Landingpage hinzu.
Vielseitige FormulareErstellen Sie verschiedene Formulare mit WPForms:
Umfrageformulare
• Abonnementformulare
• Bestellformulare
• Buchungsformulare
• Und viele mehr
Integrierte FormulareSeedProd hat eigene Opt-in-Formulare. Keine zusätzlichen Plugins erforderlich.
ZeitersparendErstellen Sie Landing Pages mit Formularen in wenigen Minuten. Ideal für diejenigen, die sich mit dem Programmieren nicht wohlfühlen.

Am Ende dieser Anleitung haben Sie eine voll funktionsfähige Landing Page mit einem Formular, und das alles, ohne eine einzige Zeile Code zu schreiben. Lassen Sie uns beginnen.

Bevor Sie beginnen: Sie benötigen eine WordPress-Website, SeedProd (kostenlos oder kostenpflichtig) und WPForms. Planen Sie etwa 10-15 Minuten von der Installation bis zur Live-Seite ein.

Schritt 1. SeedProd installieren und aktivieren

Besuchen Sie zunächst die offizielle SeedProd-Website und laden Sie das Plugin auf Ihren Computer herunter.

Die Seitengeschwindigkeit wirkt sich direkt auf die Formular-Konversion aus. In meinen GTmetrix-Tests lud SeedProd mit 16 Anfragen in 556 ms, verglichen mit 1.882 ms und 32 Anfragen für Elementor bei gleichem Seitenaufbau.

Lange Ladezeiten sind der Hauptgrund, warum Besucher abspringen, bevor sie ein Formular absenden. Die Verwendung von SeedProd als Landing Page Form Builder hält Ihre Seite von Anfang an schlank.

Sobald Sie die Plugin-Datei haben, melden Sie sich bei Ihrem WordPress-Dashboard an. Gehen Sie dann im linken Menü zum Abschnitt „Plugins“ und klicken Sie auf „Installieren“.

Neues WordPress-Plugin vom Dashboard hinzufügen

Oben auf der Seite sehen Sie die Schaltfläche „Plugin hochladen“. Klicken Sie darauf und wählen Sie die gerade heruntergeladene SeedProd-Datei aus. Klicken Sie nach dem Hochladen auf „Jetzt installieren“.

SeedProd-Plugin in WordPress hochladen

WordPress benötigt einen Moment, um das Plugin zu installieren. Sobald dies abgeschlossen ist, sehen Sie die Schaltfläche „Aktivieren“. Klicken Sie darauf, um SeedProd zu aktivieren.

SeedProd-Plugin im WordPress-Dashboard aktivieren

Profi-Tipp: Stellen Sie sicher, dass Sie die neueste Version von SeedProd verwenden, um auf alle neuesten Funktionen zugreifen zu können und die Kompatibilität mit Ihrer WordPress-Einrichtung zu gewährleisten. In dieser Anleitung verwende ich die neueste Version von SeedProd Pro für die zusätzlichen Blöcke und Vorlagen. Es gibt auch eine kostenlose Version von SeedProd, die Sie verwenden können.

Schritt 2. Wählen Sie eine Landingpage-Vorlage

Nachdem SeedProd installiert ist, ist es an der Zeit, eine Vorlage für Ihre Landing Page auszuwählen. SeedProd bietet Hunderte von vordefinierten Vorlagen, mit denen Sie schnell eine professionell aussehende Seite erstellen können.

Um eine Vorlage auszuwählen, gehen Sie in Ihrem WordPress-Dashboard zu SeedProd » Landing Page. Klicken Sie dann auf die Schaltfläche „Neue Landing Page hinzufügen“.

Neue Landingpage mit SeedProd hinzufügen

Sie sehen eine Galerie von Landing Page-Vorlagen. Stöbern Sie durch sie oder verwenden Sie die Filteroptionen, um eine zu finden, die Ihren Anforderungen entspricht.

Vorgefertigte Landingpage-Vorlage in SeedProd auswählen

Wenn Sie eine Vorlage finden, die Ihnen gefällt, fahren Sie mit der Maus darüber und klicken Sie auf das Häkchen-Symbol.

Landingpage-Vorlage für Ihre WordPress-Formularseite auswählen

Nachdem Sie Ihre Vorlage ausgewählt haben, erscheint ein Popup-Fenster. In diesem Fenster müssen Sie einen Namen für Ihre Landing Page eingeben und eine URL auswählen.

Landingpage-Namen und URL in der SeedProd-Einrichtung eingeben

Sobald Sie diese Details ausgefüllt haben, klicken Sie auf die Schaltfläche „Speichern und Seite bearbeiten“.

Das ist das Beste daran: Alle Vorlagen von SeedProd sind mobil-responsiv. Das bedeutet, dass Ihre Landing Page auf jedem Gerät gut aussieht – egal ob auf einem Desktop-Computer, Tablet oder Smartphone.

Dies ist entscheidend für eine gute Benutzererfahrung und zur Maximierung der Konversionen.

Sie müssen keine separaten Designs für verschiedene Bildschirmgrößen erstellen. SeedProd passt Ihr Layout automatisch an jeden Bildschirm an und stellt sicher, dass Ihre Formulare, Bilder und Texte immer gut lesbar und interaktiv sind.

Wenn Sie keine Vorlage finden, die genau Ihren Bedürfnissen entspricht, machen Sie sich keine Sorgen. Sie können immer mit einer leeren Vorlage beginnen und Ihre Seite von Grund auf neu erstellen oder eine Vorlage wählen, die dem gewünschten nahe kommt, und sie anpassen.

Schritt 3. Passen Sie Ihre Landingpage-Vorlage an

Sobald Sie Ihre Vorlage ausgewählt haben, gelangen Sie in den Seiten-Builder, wo Sie feststellen werden, dass er in zwei Hauptbereiche unterteilt ist:

  • Auf der linken Seite sehen Sie eine Seitenleiste mit verschiedenen Blöcken und Abschnitten, die Sie Ihrer Seite hinzufügen können.
  • Auf der rechten Seite befindet sich eine Live-Vorschau Ihrer Landingpage.
SeedProd Landingpage-Builder-Oberfläche mit Drag-and-Drop-Editor

Diese Einrichtung erleichtert es, Ihre Änderungen in Echtzeit zu sehen, während Sie Ihre Seite erstellen.

Um ein beliebiges Element auf Ihrer Seite zu bearbeiten, klicken Sie einfach darauf im Vorschaufenster. Wenn Sie dies tun, erscheinen Optionen zur Anpassung dieses Elements in der linken Seitenleiste.

Landingpage-Elemente wie Text, Schaltflächen und Formularblöcke bearbeiten

Hier können Sie Dinge wie Text, Farben, Schriftarten und mehr ändern.

Möchten Sie neue Elemente zu Ihrer Seite hinzufügen? Das ist so einfach wie Drag & Drop.

Durchsuchen Sie die Blöcke in der linken Seitenleiste, finden Sie einen, der Ihnen gefällt, und ziehen Sie ihn auf Ihre Seite. Sie können Überschriften, Bilder, Schaltflächen, Countdown-Timer und mehr hinzufügen.

Neue Elemente wie Überschriften, Bilder und Formulare zu einer WordPress-Landingpage hinzufügen

Um Elemente auf Ihrer Seite neu anzuordnen, klicken und ziehen Sie sie an eine neue Position. SeedProd zeigt Ihnen, wo Sie das Element ablegen können, und gibt Ihnen hilfreiche Anleitungen.

Seitenelemente im SeedProd-Builder per Drag & Drop verschieben

Denken Sie daran, dass Sie nicht auf das beschränkt sind, was in der Vorlage enthalten ist. Fühlen Sie sich frei, Elemente zu löschen, die Sie nicht benötigen, neue hinzuzufügen oder das Layout komplett neu anzuordnen.

Einen ungenutzten Block von Ihrer SeedProd-Landingpage entfernen

Das Ziel ist es, eine Landingpage zu erstellen, die Ihren spezifischen Bedürfnissen entspricht.

Schritt 4. Fügen Sie Ihr WordPress-Formular hinzu

Nachdem Sie Ihr Layout angepasst haben, ist es an der Zeit, den wichtigsten Teil Ihrer Formular-Landingpage in WordPress hinzuzufügen: das eigentliche Formular.

SeedProd macht dies mit seinem "Kontaktformular"-Block unglaublich einfach.

Suchen Sie den "Kontaktformular"-Block in der linken Seitenleiste des Seiten-Builders. So fügen Sie mit wenigen Klicks ein Formular zu Ihrer Landingpage in WordPress hinzu. Ziehen und legen Sie diesen Block dann auf Ihre Landingpage, wo Ihr Formular erscheinen soll.

Einen Kontaktformularblock zu Ihrer WordPress-Landingpage hinzufügen

Wenn Sie WPForms noch nicht installiert haben, machen Sie sich keine Sorgen. SeedProd wird Sie auffordern, das Plugin zu installieren. Befolgen Sie einfach die Anweisungen auf dem Bildschirm, um es einzurichten.

Sobald der WPForms-Block auf Ihrer Seite ist, sehen Sie eine Option zur Auswahl eines Formulars. Wenn Sie neu bei WPForms sind und noch keine Formulare erstellt haben, klicken Sie auf die Schaltfläche "+Neues Formular".

Neues WPForms-Formular für Ihre Landingpage erstellen

Dadurch wird der WPForms-Builder in einem Popup-Fenster innerhalb des Seiten-Builders geöffnet. Es ist wie Magie – Sie können Ihr Formular erstellen, ohne Ihre Landingpage zu verlassen.

WPForms-Formular-Builder integriert in SeedProd

Sie wissen nicht, wie Sie eines erstellen? Schauen Sie sich diese Anleitung an, wie Sie ein Kontaktformular in WordPress hinzufügen. Sie führt Sie Schritt für Schritt durch den Prozess.

Nachdem Sie Ihr Formular erstellt oder ausgewählt haben, können Sie anpassen, wie es auf Ihrer Landingpage aussieht. Klicken Sie auf den Formularblock in Ihrer Seitenvorschau, und in den Tabs "Inhalt" und "Erweitert" sehen Sie Optionen zum:

Stil und Layout Ihres Landingpage-Formulars anpassen

Profi-Tipp: Seien Sie nicht beunruhigt, wenn Ihr Formular im Builder nicht korrekt angezeigt wird. Das ist normal und spiegelt nicht wider, wie es auf Ihrer Live-Seite aussehen wird. Seien Sie versichert, sobald Sie Ihre Landingpage veröffentlichen, wird das Formular mit allen Feldern und Stilelementen korrekt angezeigt.

Schritt 5. Verbinden Sie Ihren E-Mail-Marketing-Service (Optional)

Wenn Sie eine WordPress-Landingpage zur Lead-Erfassung erstellen, machen die integrierten Anmeldeformulare von SeedProd es einfach, Ihre Liste direkt auf der Seite zu erweitern.

Suchen Sie im linken Seitenbereich nach dem Block „Anmeldeformular“. Ziehen Sie ihn dann per Drag & Drop auf Ihre Landingpage, wo Ihr Anmeldeformular erscheinen soll.

Ein Opt-in-Formular hinzufügen, um E-Mail-Leads auf Ihrer Landingpage zu sammeln

Um diese Funktion optimal zu nutzen, sollten Sie SeedProd mit Ihrem E-Mail-Marketing-Service verbinden. Dies stellt sicher, dass E-Mail-Adressen, die über Ihr Anmeldeformular gesammelt werden, automatisch zu Ihrer E-Mail-Liste hinzugefügt werden.

Klicken Sie dazu im oberen Menü des Seitenerstellers auf den Tab „Verbinden“. Hier sehen Sie eine Liste der unterstützten E-Mail-Marketing-Services.

SeedProd mit Ihrem E-Mail-Marketing-Service verbinden

Finden Sie Ihren und klicken Sie darauf. Befolgen Sie dann die Anweisungen, um Ihren API-Schlüssel einzugeben oder die Verbindung zu autorisieren. (Ihren API-Schlüssel finden Sie normalerweise in den Kontoeinstellungen Ihres E-Mail-Marketing-Services.)

Letzter Schritt zur Verbindung von Constant Contact mit SeedProd

Profi-Tipp: Selbst wenn Sie ein WPForms-Kontaktformular verwenden, möchten Sie vielleicht trotzdem ein separates Anmeldeformular hinzufügen. Dies gibt Besuchern eine schnelle und einfache Möglichkeit, Ihre Mailingliste zu abonnieren, ohne ein längeres Kontaktformular ausfüllen zu müssen.

Schritt 6. Veröffentlichen Sie Ihre Landingpage mit Formular

Bevor Sie Ihre Landingpage veröffentlichen, ist es am besten sicherzustellen, dass sie auf allen Geräten gut aussieht. Finden Sie zunächst das Vorschau-Symbol in der unteren Symbolleiste des SeedProd-Seitenerstellers und klicken Sie darauf, um den Vorschau-Modus zu öffnen. 

Vorschau Ihrer Landingpage mit Formular in verschiedenen Geräteansichten

Sie können auch auf die Gerätesymbole klicken, um durch die Ansichten für Mobilgeräte, Tablets und Desktops zu wechseln.

Nehmen Sie sich Zeit, um sorgfältig zu prüfen, wie Ihre Seite auf jedem Gerätetyp aussieht. Wenn Sie Probleme feststellen, zögern Sie nicht, im Editor notwendige Änderungen vorzunehmen.

Mobile Vorschau einer WordPress-Landingpage mit Formular

Wenn Sie mit dem Aussehen Ihrer Seite zufrieden sind, ist es Zeit zu veröffentlichen. Suchen Sie die Schaltfläche „Speichern“ in der oberen rechten Ecke und klicken Sie auf den Dropdown-Pfeil daneben. Wählen Sie dort „Veröffentlichen“. 

Veröffentlichen Sie eine fertige Landingpage mit Formular in WordPress

Nach der Veröffentlichung können Sie Ihre Live-Seite in der Vorschau anzeigen, um genau zu sehen, wie sie für Ihre Besucher aussieht.

Beispiel einer Landingpage mit Opt-in-Formular, erstellt in WordPress

Herzlichen Glückwunsch! Ihre Landingpage mit Formular ist jetzt live und bereit, Leads oder Antworten zu sammeln.

Hier ist eine Vorschau des Kontaktformulars, das ich zu meiner Landingpage hinzugefügt habe:

Beispiel einer Landingpage mit Kontaktformular, erstellt mit SeedProd

Denken Sie daran, dass Sie jederzeit zum SeedProd-Editor zurückkehren können, um Änderungen oder Aktualisierungen an Ihrer Seite vorzunehmen. Dies ermöglicht es Ihnen, Ihre Landingpage weiter zu optimieren, um eine bessere Leistung zu erzielen.

Was tun, nachdem Sie Ihre Landingpage mit Formular veröffentlicht haben

Die Veröffentlichung ist die halbe Miete. Diese drei Best Practices für Landingpage-Formulare helfen Ihnen, aus einer Live-Seite eine Seite zu machen, die tatsächlich konvertiert.

Formularübermittlungen mit Analysen verknüpfen. Jede Formularübermittlung sollte ein Conversion-Ereignis in Google Analytics auslösen. MonsterInsights erledigt dies automatisch in WordPress. Ohne dieses Tool können Sie nicht sehen, welche Traffic-Quellen tatsächlich Leads generieren.

Führen Sie einen A/B-Test für Ihre Überschrift oder Ihren CTA durch. SeedProd verfügt über integrierte A/B-Tests für Landing Pages. Beginnen Sie mit Ihrer Überschrift oder dem Button-Text. Kleine Änderungen hier können Ihre Formularabschlussrate sinnvoll beeinflussen.

Richten Sie die Weiterleitung zu Ihrer Dankesseite ein. Die Seite, die Besucher nach dem Absenden eines Formulars sehen, wird unterschätzt. Erstellen Sie eine Dankesseite, die die Übermittlung bestätigt, Ihr Angebot liefert und einen klaren nächsten Schritt vorschlägt. Es dauert etwa 5 Minuten und die meisten Leute überspringen es.

Häufig gestellte Fragen

Kann ich bedingte Logik in meinen WordPress-Landingpage-Formularen verwenden?

Ja, Sie können bedingte Logik in Ihren WordPress-Formularen mit einem Formular-Plugin verwenden, das diese Funktion unterstützt, wie z. B. WPForms. Bedingte Logik ermöglicht es Ihnen, Formularfelder basierend auf Benutzereingaben ein- oder auszublenden, was ein personalisierteres und effizienteres Formularerlebnis schafft.

Wie füge ich nach der Formularübermittlung eine Dankesseite in WordPress hinzu?

Die meisten Formular-Plugins ermöglichen es Ihnen, eine benutzerdefinierte Bestätigungsnachricht einzurichten oder nach der Formularübermittlung zu einer Dankesseite weiterzuleiten. In WPForms können Sie dies beispielsweise einfach in den Formulareinstellungen konfigurieren, indem Sie als Bestätigungstyp „URL aufrufen (Weiterleiten)“ auswählen und den Link zu Ihrer Dankesseite eingeben.

WPForms-Bestätigungseinstellungen für die Weiterleitung zur Dankesseite

Wie kann ich meine WordPress-Formulare sicher halten?

Um Ihre WordPress-Formulare sicher zu halten, verwenden Sie ein seriöses Formular-Plugin mit Sicherheitsfunktionen wie CAPTCHA oder Honeypot-Feldern, um Spam-Übermittlungen zu verhindern. Stellen Sie außerdem sicher, dass Ihre WordPress-Website auf dem neuesten Stand ist, verwenden Sie starke Passwörter und erwägen Sie die Installation eines WordPress-Sicherheits-Plugins zum Schutz Ihrer gesamten Website.

Was ist der beste Weg, um eine Landing Page mit einem Formular in WordPress zu erstellen?

Der einfachste Weg ist die Verwendung von SeedProd und WPForms. SeedProd ermöglicht es Ihnen, Landing Pages visuell zu erstellen, und WPForms erleichtert das Hinzufügen von Kontakt- oder Anmeldeformularen ohne Code.

Erstellen Sie noch heute eine Landing Page mit Formular

Möchten Sie eine WordPress-Landing-Page mit einem Formular erstellen? Es ist einfacher als die meisten Leute denken, und mit den richtigen Werkzeugen können Sie es in wenigen Minuten erledigen.

Mit Tools wie SeedProd und WPForms können Sie ganz einfach professionell aussehende Seiten gestalten, die Leads erfassen und Ihr Geschäft ausbauen.

Weitere Einblicke in die Erstellung effektiver Landing Pages und Formulare finden Sie in diesen hilfreichen Artikeln:

Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTubeX und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.

Autor-Avatar
Stacey Corrin Content Marketing Specialist
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.

Offenlegung: Unsere Inhalte werden von den Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Wir empfehlen nur Produkte, von denen wir glauben, dass sie unseren Lesern einen Mehrwert bieten.

[weglot_switcher]