Wie man eine Landing Page in WordPress erstellt (ohne Code) 

Um eine Landing Page in WordPress zu erstellen, muss man nicht unbedingt Code schreiben. Dank moderner Drag-and-Drop-Builder wie SeedProd kann jeder - vom Kleinunternehmer bis zum Blogger - in weniger als 30 Minuten eine Seite mit hoher Konversionsrate erstellen.

Als ich 2013 meine erste WordPress-Landingpage erstellte, hatte ich keine Ahnung, wie man programmiert. In Tutorials war immer wieder von HTML und CSS die Rede, und ich wollte einfach nur eine einfache Anmeldeseite. Diese Erfahrung hat dazu geführt, dass ich Tausenden von Nutzern geholfen habe, dasselbe zu tun, ohne eine Zeile Code anzufassen.

In dieser Anleitung zeige ich Ihnen Schritt für Schritt, wie Sie eine Landing Page in WordPress erstellen können.

Schnelle Antwort: Um eine Landing Page in WordPress ohne Programmierkenntnisse zu erstellen, verwenden Sie ein Drag-and-Drop-Plugin wie SeedProd. Wählen Sie eine vorgefertigte Vorlage, passen Sie Ihren Inhalt visuell an und veröffentlichen Sie ihn mit wenigen Klicks. Es ist schnell, anfängerfreundlich und funktioniert mit jedem WordPress-Theme.

Wie man eine WordPress Landing Page erstellt (kein Code erforderlich)

Befolgen Sie diese einfachen Schritte, um eine benutzerdefinierte Landing Page in WordPress zu erstellen, ohne Code zu schreiben. Diese Methode funktioniert mit jedem Theme, erfordert keinen Entwickler und dauert weniger als 30 Minuten:

Diese Methode eignet sich für Anfänger, Vermarkter und Kleinunternehmer. Es ist der schnellste Weg, den ich gefunden habe, um eine benutzerdefinierte Landing Page in WordPress zu erstellen, ohne einen Entwickler zu beauftragen.

Warum sollten Sie Landing Pages in WordPress verwenden?

Im Gegensatz zu Ihrer Homepage ist eine Landing Page auf ein bestimmtes Ziel ausgerichtet, sei es die Generierung von Leads, der Verkauf von Produkten oder die Anmeldung zu Veranstaltungen.

Hier sind die Hauptgründe, warum Vermarkter Landing Pages bevorzugen:

• Höhere Konversionsraten: Landing Pages beseitigen Ablenkungen, indem sie Menüs, Fußzeilen und unnötige Links entfernen - so können sich die Besucher auf die Aufforderung zum Handeln konzentrieren.
• Volle Kontrolle über das Design: Tools wie SeedProd ermöglichen die vollständige Anpassung von Layout, Schriftarten, Farben und CTAs - ohne Code.
• Schnellere Einrichtung von Kampagnen: Starten und entfernen Sie zeitkritische Angebote, ohne Ihre gesamte Website zu beeinträchtigen.
• Besseres Tracking: Jede Landing Page kann mit einer eigenen Analyse verknüpft werden, so dass Sie die Leistung mit A/B-Tests oder Heatmaps optimieren können.

Sie brauchen Ideen? Hier sind einige bewährte Landing Page-Beispiele, die Sie zur Inspiration verwenden können.

Welche Arten von Landing Pages können Sie in WordPress erstellen?

Nicht alle Landing Pages sind gleich. Abhängig von Ihrem Ziel, sei es das Sammeln von E-Mails, die Einführung eines Produkts oder das Ersetzen Ihrer Homepage, macht es WordPress einfach, eine benutzerdefinierte Landing Page zu erstellen, ohne Code zu schreiben.

Hier sind einige der wirksamsten Arten:

• Warteliste Landing Pages: Ideal für Produkte oder Dienstleistungen vor der Markteinführung. Diese Seiten helfen Ihnen, frühes Interesse zu wecken und E-Mail-Anmeldungen zu sammeln, bevor Sie live gehen.
• Squeeze-Seiten: Speziell für die E-Mail-Erfassung entwickelt. In der Regel mit einem Lead-Magneten wie einem kostenlosen Ebook, einer Checkliste oder exklusiven Inhalten gepaart, um Opt-Ins zu fördern.
• Verkaufsseiten: Konzentrieren sich auf die Förderung von Käufen oder Anmeldungen. Diese Seiten heben Ihr Angebot mit überzeugenden Texten, CTAs und Social Proof hervor und enthalten oft auch Preisabschnitte.
• Veranstaltungs- oder Webinar-Seiten: Bewerben Sie Online- oder persönliche Veranstaltungen. Enthält oft einen Countdown-Timer, ein Anmeldeformular und eine Kalenderintegration, um die Teilnehmerzahl zu erhöhen.
• Homepage-Ersatz: Ideal, wenn Ihre vollständige Website noch nicht fertig ist. Verwenden Sie eine gezielte Landing Page als temporäre Homepage, um Besucher zu begrüßen und sie zum Handeln zu bewegen.

Jede dieser Seiten kann mit einem Drag-and-Drop-Builder wie SeedProd schnell erstellt werden. Wählen Sie einfach eine Vorlage aus, passen Sie Ihre Inhalte an und veröffentlichen Sie sie.

Wie man eine benutzerdefinierte Landing Page in WordPress mit SeedProd erstellt

Obwohl Sie technisch gesehen kein WordPress-Landingpage-Plugin benötigen, um Ihre Seite zu erstellen, ist die Verwendung eines solchen Plugins immer meine erste Wahl. Sie sind einfach zu bedienen, erfordern keine Programmierkenntnisse und ermöglichen es Ihnen, eine Seite in wenigen Minuten zu erstellen.

Ich verwende auch immer SeedProd anstelle der anderen verfügbaren Optionen. Schauen wir uns an, warum.

Zunächst einmal: SeedProd ist schnell. Wirklich schnell. Unabhängige Tests zeigen, dass SeedProd-Seiten in weniger als einer Sekunde geladen werden, was entscheidend ist, da langsame Seiten Besucher und Verkäufe verlieren. Dieser Geschwindigkeitsvorteil gibt Ihnen einen Vorsprung.

Geschwindigkeit ist nur ein Teil davon. SeedProd enthält hilfreiche Blöcke wie Countdown-Timer und Opt-in-Formulare, die Ihre Konversionsraten verbessern können.

Was mir am besten gefällt, ist, wie einfach es ist, Ihre Seiten zu erstellen, ganz ohne Code. Das Drag-and-Drop-System und die vorgefertigten Vorlagen machen die Gestaltung einer professionell aussehenden Landing Page (oder sogar einer ganzen Website) zu einem Kinderspiel.

Ich habe meine gesamte Website mit SeedProd erstellt, ohne eine einzige Zeile Code zu schreiben.

Beginnen wir also gleich mit den Schritten zur Verwendung von SeedProd zur Erstellung einer Landing Page in WordPress:

Schritt 1. SeedProd Landing Page Plugin installieren

Klicken Sie hier, um mit SeedProd zu beginnen und das Plugin schnell herunterzuladen. Mit nur wenigen Klicks ist es auf Ihrer WordPress-Website installiert.

Wenn Sie eine Komplettlösung wünschen, finden Sie hier eine Anleitung zur Installation von SeedProd.

Hinweis: Obwohl es eine kostenlose Version gibt, konzentriert sich dieses Tutorial auf die Pro-Version, die Zugang zu erweiterten Funktionen wie Premium-Vorlagen und leistungsstarken Integrationen bietet.

Nachdem Sie das Plugin aktiviert haben, navigieren Sie in Ihrem WordPress-Dashboard zu SeedProd " Landing Pages und klicken auf die Schaltfläche Add New Landing Page.

Schritt 2. Wählen Sie eine Landing Page-Vorlage

Auf der nächsten Seite können Sie eine Landing Page-Vorlage auswählen, um Ihren Designprozess zu starten. Ganz gleich, ob Sie eine Landing Page für den Vertrieb, die Lead-Generierung, Webinar-Anmeldungen oder ein benutzerdefiniertes Projekt benötigen, es gibt eine Vorlage, die Ihren Zielen entspricht.

Mit diesen vollständig anpassbaren Vorlagen benötigen Sie keine Erfahrung im Bereich Design und können mit Leichtigkeit eine professionell aussehende Landing Page erstellen.

Alternativ können Sie auch die leere Vorlage auswählen, um Ihre eigene Seite im visuellen Editor zu erstellen und zu gestalten.

Für dieses Tutorial wähle ich die Vorlage Newsletter Squeeze Page. Um sie zu verwenden, fahren Sie mit der Maus über die Vorlage und klicken Sie auf das Häkchensymbol.

Danach erscheint ein Popup-Fenster, in dem Sie Ihrer Seite einen Namen und eine benutzerdefinierte URL geben können. Klicken Sie dann auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen, um Ihre Vorlage in den Drag-and-Drop-Builder zu laden.

Schritt 3. Passen Sie Ihre Landing Page-Vorlage an

Nachdem Sie Ihre neue Seite erstellt haben, sehen Sie den visuellen Drag-and-Drop Page Builder. Damit können Sie das Layout und den Inhalt Ihrer Landing Page ganz einfach anpassen.

Ziehen Sie Elemente wie Überschriften, Bilder, Schaltflächen und vieles mehr per Drag & Drop direkt auf die Seite. Keine Codierung erforderlich.

In der Seitenleiste finden Sie verschiedene Blöcke mit anpassbaren Optionen, die zu Ihrer Marke passen.

Wenn Sie z. B. auf den Block Schaltfläche klicken, um die Einstellungen zu öffnen, sehen Sie verschiedene Vorlagenstile, Farben, Farbverläufe und Umrisse.

Auf der Registerkarte Erweitert können Sie außerdem Inhalt, Größe, Ausrichtung, Farbe und Typografie des Blocks ändern.

Möchten Sie die Konversionsrate erhöhen? Die erweiterten Blöcke bieten Ihnen Optionen für Formulare zur Lead-Generierung, Countdown-Timer, Testimonials und mehr.

Wie Sie einige dieser Funktionen hinzufügen können, erfahren Sie in den folgenden Tutorials:

• Wie man Google Maps in WordPress einbettet
• Wie füge ich einen Vorher-Nachher-Fotoslider zu WordPress hinzu?
• Hinzufügen von Testimonials zu WordPress
• Wie man eine Landing Page mit Countdown-Timer erstellt
• Hinzufügen von Geschäftszeiten zu WordPress
• So fügen Sie Ihrer Website benutzerdefinierte WordPress-Symbole für soziale Medien hinzu

Hinzufügen von Landing Page Abschnitte

Möchten Sie schnell ganze Abschnitte erstellen? SeedProd bietet vorgefertigte Layouts für Kopfzeilen, Hauptbereiche, FAQs und mehr, die Ihnen einen Vorsprung bei der Gestaltung verschaffen. 

Um einen Abschnitt zu Ihrer Landing Page hinzuzufügen, fahren Sie mit der Maus über ein Beispiel und klicken Sie auf das Pluszeichen +.

SeedProd fügt dann den Abschnitt in Ihre Seite ein. Sie können dann auf die Elemente klicken und sie bearbeiten, wie Sie es mit den Blöcken tun würden.

Globale Styling-Optionen anpassen

Um ein einheitliches Erscheinungsbild Ihrer Landing Page zu gewährleisten, können Sie die globalen Styling-Optionen nutzen, um Farben, Schriftarten und Hintergrundbilder einfach zu steuern.

Sie können Ihrer Seite zum Beispiel einen Videohintergrund oder eine Diashow-Funktion im Hintergrund hinzufügen. Oder Sie können die Hintergrundfarbe ändern und Ihrer Landing Page eine einheitliche Farbpalette geben.

Denken Sie daran, Ihre Änderungen während des Entwurfsprozesses zu speichern, indem Sie auf die Schaltfläche Speichern in der oberen rechten Ecke klicken.

Wiederherstellung einer älteren Version der Landing Page

Manchmal müssen Sie vielleicht zu einer früheren Version der Landing Page zurückkehren.

Klicken Sie dazu auf das Uhrensymbol unten links auf Ihrem Bildschirm. Dann können Sie Ihren Änderungsverlauf einsehen und zu einer anderen Version wechseln.

Schritt 4: Verbinden Sie Ihren E-Mail-Marketingdienst

Sie können Ihre E-Mail-Liste ganz einfach vergrößern, indem Sie Ihre bevorzugten Tools miteinander verbinden.

Stellen Sie eine Verbindung zu beliebten E-Mail-Anbietern wie Constant Contact, GetResponse, Mailchimp, ActiveCampaign und anderen her, um sicherzustellen, dass jeder über Ihre Landing Page gewonnene Lead direkt an Ihre E-Mail-Liste weitergeleitet wird.

Sie können mit Zapier auch Google Analytics-Tracking, Spamschutz und andere Anwendungen einrichten.

Suchen Sie sie in der Integrationsliste und klicken Sie auf Verbinden, um Ihren E-Mail-Dienst zu verknüpfen.

Folgen Sie dann den Anweisungen, um Ihr Konto zu verbinden und zu verifizieren. Danach können Sie alle Ihre Opt-in-Formulare mit Ihrer E-Mail-Liste verknüpfen.

Schritt 5: Konfigurieren Sie Ihre Landing Page-Einstellungen

Als Nächstes können Sie die Leistung Ihrer Landing Page mit einfach zu bedienenden Einstellungen steuern.

Passen Sie die SEO-Einstellungen an, um die Sichtbarkeit Ihrer Seite in den Suchergebnissen zu erhöhen und sicherzustellen, dass mehr potenzielle Kunden Sie finden können. Sie können sich auch mit Analyseplattformen verbinden, um die Effektivität Ihrer Landing Page zu verfolgen.

Für fortgeschrittene Benutzer gibt es Optionen für benutzerdefinierte Header-, Body- und Footer-Skripte, die Ihnen die volle Kontrolle über die Funktionalität Ihrer Seite geben.

Denken Sie daran, auf Speichern zu klicken, um Ihre Änderungen zu speichern.

Schritt 6: Veröffentlichen Sie Ihre Landing Page in WordPress

Bevor Sie Ihre Landing Page veröffentlichen, sollten Sie sie in der Vorschau anzeigen. Auf diese Weise können Sie sehen, ob sie sowohl auf dem Desktop als auch auf mobilen Geräten gut aussieht.

Um eine Vorschau Ihrer Seite anzuzeigen, klicken Sie auf das Vorschausymbol im Landing Page Builder. Es wird sofort eine Vorschau der mobilen Seite angezeigt, sodass Sie durch die Seite scrollen und Änderungen vornehmen können. Klicken Sie einfach erneut auf das Symbol, um wieder zur Desktop-Vorschau zu wechseln.

Wenn Sie eine Live-Vorschau Ihrer Seite sehen möchten, klicken Sie auf das Augensymbol, um Ihre Landing Page in einer neuen Registerkarte zu öffnen.

Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie auf den Pfeil unter der Schaltfläche Speichern und dann auf Veröffentlichen.

Hier ist ein Beispiel für eine Landing Page, die ich für diesen Leitfaden auf meiner Test-Website erstellt habe:

Expertentipp

Für die Erstellung dieser Landing Page habe ich etwa 15 Minuten gebraucht.

Sie können diese Zeit noch weiter verkürzen, indem Sie die Import- und Exportfunktion von SeedProd nutzen. Damit können Sie Ihre Entwürfe als .zip-Datei exportieren, so dass Sie sie schnell für andere Projekte wiederverwenden können.

Entwerfen Sie zum Beispiel eine Standardvorlage und verwenden Sie sie als Rahmen für Ihre Kundenprojekte, um den Designprozess zu beschleunigen.

Wie mache ich meine WordPress Homepage zu einer Landing Page?

Wenn Sie möchten, dass Ihre Landing Page das erste ist, was die Besucher Ihrer Website sehen, müssen Sie sie als statische Homepage einrichten.

Gehen Sie dazu in Ihrem WordPress-Dashboard auf Einstellungen " Lesen. Wählen Sie dann die Option "Eine statische Seite" und wählen Sie die soeben erstellte Landing Page aus dem Dropdown-Menü.

Sie ist nicht dasselbe wie Ihre normale Homepage. Stattdessen bedeutet es, dass Ihre benutzerdefinierte Landing Page dort landet, wo Besucher landen, wenn sie sich zu Ihrer Haupt-WordPress-Website durchklicken.

Best Practices für hochkonvertierende WordPress-Landing Pages

Sobald Ihre Seite online ist, sollten Sie diese bewährten Verfahren anwenden, um Konversionen und Verkäufe zu maximieren:

• Konzentrieren Sie sich auf ein Ziel: Jede Landing Page sollte eine einzige Handlungsaufforderung enthalten, z. B. eine E-Mail-Anmeldung, einen Produktverkauf oder eine Webinar-Anmeldung.
• Beseitigen Sie Ablenkungen: Blenden Sie Ihr Navigationsmenü und Ihre Fußzeile aus, damit sich die Besucher auf Ihr Angebot konzentrieren können.
• Verwenden Sie eine aussagekräftige Überschrift: Nennen Sie Ihren Hauptnutzen klar in der ersten Zeile und fügen Sie eine kurze Zwischenüberschrift für den Kontext hinzu.
• Fügen Sie soziale Beweise hinzu: Zeigen Sie Zeugnisse, Bewertungen oder Fallstudien, um bei neuen Besuchern Vertrauen zu schaffen.
• Optimieren Sie für Mobiltelefone: Überprüfen Sie, ob Schaltflächen, Formulare und Texte auf kleineren Bildschirmen leicht zu bedienen sind.
• Verfolgen und testen: Verbinden Sie Analysen und nutzen Sie A/B-Tests, um herauszufinden, welche Design- oder Textänderungen am besten funktionieren.

Wenn Sie diese Tipps befolgen, können Sie eine durchschnittliche WordPress-Landingpage in eine leistungsstarke Seite verwandeln. Wenn Sie Hilfe benötigen, finden Sie in unseren Tipps zur Optimierung von Landing Pages weitere Anregungen.

🤔 Häufig gestellte Fragen zu WordPress Landing Pages

Optimieren Sie als nächstes Ihre Landing Page

Ich hoffe, diese Anleitung hat Ihnen geholfen zu lernen, wie man eine Landing Page in WordPress erstellt, ohne eine einzige Zeile Code zu schreiben. Egal, ob Sie eine einfache Landing Page, eine benutzerdefinierte Verkaufsseite oder sogar eine neue Homepage erstellen möchten, WordPress macht es Ihnen leicht, wenn Sie das richtige Plugin verwenden.

Sobald Ihre Landing Page online ist, nehmen Sie sich ein paar Minuten Zeit, um zu testen, wie sie funktioniert. Kleine Änderungen können zu großen Erfolgen führen, vor allem, wenn Sie Tools wie A/B-Tests, Countdown-Timer oder Analyseintegrationen verwenden.

Die folgenden Leitfäden könnten Ihnen dabei behilflich sein:

• Wie Sie Ihre Landing Page einem A/B-Test unterziehen
• Arten von Landing Pages, die garantiert konvertieren
• Landing Page Best Practices für unglaubliche Konversionsraten
• Beispiele für Landing Page URLs und Best Practices
• Wie man eine schnelle Landing Page zum Testen von Ideen erstellt
• Formeln für die Überschrift einer Landing Page zur Steigerung der Konversionsrate
• Landing Page nicht konvertiert? 9 Tipps zur schnellen Behebung

Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte hinterlassen Sie einen Kommentar mit Ihren Fragen und Ihrem Feedback.

Sie können uns auch auf YouTube, X (früher Twitter) und Facebook folgen, um weitere hilfreiche Inhalte für Ihr Unternehmen zu erhalten.

Stacey Corrin Autorin

Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Vollständige Bio sehen

WordPress SEO Content Marketing Digitales Marketing SaaS Werbetexten Webgestaltung