Letzte SeedProd Nachrichten

WordPress-Tutorials, -Tipps und -Ressourcen für das Wachstum Ihres Unternehmens

wie man eine Landing Page in Wordpress erstellt

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

Geschrieben von: Autorenavatar Stacey Corrin
Autorenavatar Stacey Corrin
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.
     Bewertet von: Gutachter-Avatar Turner John
Gutachter-Avatar Turner John
John Turner ist der Mitbegründer von SeedProd. Er verfügt über mehr als 20 Jahre Geschäfts- und Entwicklungserfahrung und seine Plugins wurden über 25 Millionen Mal heruntergeladen.

Eine Landing Page in WordPress zu erstellen bedeutet, eine eigenständige Seite zu erstellen, die Besucher in Abonnenten, Käufer oder Leads verwandeln soll. Am schnellsten geht das mit einem Drag-and-Drop-Seitenerstellungsprogramm wie SeedProd, mit dem Sie eine Seite entwerfen, anpassen und veröffentlichen können, ohne den Code anfassen zu müssen.

In diesem Leitfaden zeige ich Ihnen Schritt für Schritt, wie Sie eine Landing Page in WordPress von Anfang bis Ende erstellen können.

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 konzentriert sich eine Landing Page auf ein klares Ziel, z. B. das Sammeln von Leads, den Verkauf eines Produkts oder die Bewerbung einer Veranstaltung.

Beispiel einer mit SeedProd erstellten Landing Page

Hier erfahren Sie, warum Vermarkter lieber Landing Pages verwenden:

  • Höhere Konversionsraten: Die durchschnittliche Konversionsrate einer Landing Page liegt bei 9,7 % und damit deutlich höher als bei einer Standard-Homepage. Landing Pages beseitigen Ablenkungen, indem sie Menüs und Fußzeilen ausblenden und den Besuchern helfen, sich auf Ihre Handlungsaufforderung zu konzentrieren.
  • Volle Kontrolle über das Design: Mit Tools wie SeedProd können Sie Layouts, Schriftarten, Farben und CTAs anpassen - ganz ohne Programmierung.
  • Schnellere Einrichtung von Kampagnen: Starten oder pausieren Sie zeitabhängige Angebote, ohne Ihre Hauptwebsite zu beeinträchtigen.
  • Besseres Tracking: Jede Seite kann ihre eigene Analyse haben, so dass Sie die Leistung leicht testen, messen und verbessern können.

Sie brauchen Ideen? Lassen Sie sich von diesen Landing Page-Beispielen inspirieren.

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:

Seite TypPrimäre ZielsetzungBester Anwendungsfall
Warteliste Landing PagesFrühzeitig Interesse wecken und E-Mail-Anmeldungen sammelnProdukte oder Dienstleistungen im Vorfeld der Markteinführung
Squeeze-SeitenE-Mail-ErfassungLeadmagnete wie kostenlose Ebooks oder Checklisten
VerkaufsseitenKäufe oder Anmeldungen fördernHervorhebung von Angeboten mit Preisangaben und Social Proof
Seiten für Veranstaltungen oder WebinareErhöhung der BesucherzahlenFörderung von Online- oder persönlichen Veranstaltungen
Homepage ErsetzungenBesucher willkommen heißen und Aktionen leitenVorläufige Homepage, wenn die vollständige Website noch nicht fertig ist

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. Es ist schneller, einfacher und erfordert keine Programmierkenntnisse.

Ich verwende auch immer SeedProd, einen beliebten Drag-and-Drop-WordPress-Seitenersteller, anstelle der anderen verfügbaren Optionen. Damit können Sie benutzerdefinierte Seiten entwerfen, Layouts kontrollieren und hochkonvertierende Designs in wenigen Minuten veröffentlichen.

Als ich 2013 meine erste Landing Page erstellte, stieß ich auf Tutorials, die mit HTML und CSS vollgepackt waren. Alles, was ich wollte, war eine einfache Anmeldeseite. Diese Erfahrung führte mich zu SeedProd, und jetzt ist es das Tool, dem ich am meisten vertraue, um anderen zu helfen, Landing Pages schnell und ohne Code zu erstellen.

SeedProd Drag and Drop WordPress Website-Baukasten

Zunächst einmal ist SeedProd 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 großen Vorsprung.

Es enthält auch hilfreiche Blöcke wie Countdown-Timer und Opt-in-Formulare, die Ihre Konversionsraten mit minimalem Aufwand steigern können.

Am besten gefällt mir, wie einfach die Erstellung mit SeedProd ist. Der Drag-and-Drop-Builder und die vorgefertigten Vorlagen machen die Erstellung von professionell aussehenden Seiten einfach, selbst wenn Sie noch nie etwas gestaltet haben.

Beispiel für eine mit SeedProd erstellte WordPress-Landingpage
Ein echtes Beispiel für eine WordPress-Landingpage, die ich mit SeedProdno-Code erstellt habe

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

Lassen Sie uns nun die Schritte zur Erstellung Ihrer Landing Page mit SeedProd durchgehen.

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.

neue Landing Page SeedProd hinzufügen

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.

Wählen Sie eine WordPress-Landingpage-Vorlage

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.

Wählen und starten Sie Ihre Landing Page-Vorlage

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.

Geben Sie Ihrer Wordpress-Seite einen Namen und eine eigene URL

Schritt 3. Passen Sie Ihre Landing Page-Vorlage an

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

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

Ich habe zum Beispiel den spezialisierten Optin-Form-Block in den Hero-Abschnitt gezogen, um sicherzustellen, dass er sofort über dem Falz sichtbar ist.

WordPress Drag & Drop Landing Page Builder

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 seine Einstellungen zu öffnen, sehen Sie mehrere Vorlagen, Farben und Farbverläufe, die Sie leicht anpassen können.

Wählen Sie Vorlagen für Inhaltselemente auf Ihrer Landing Page in WordPress

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

Hinzufügen von konversionsorientierten Landing Page-Blöcken in WordPress

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

Hinzufügen von Landing Page-Abschnitten

Möchten Sie schnell ganze Abschnitte erstellen? SeedProd bietet vorgefertigte Layouts für Überschriften, Hauptbereiche, FAQs und mehr. Klicken Sie einfach mit dem Mauszeiger auf das Pluszeichen +, und der Abschnitt wird direkt in Ihre Seite eingefügt.

Einen neuen Landing Page-Bereich hinzufügen

Sie können jeden Abschnitt wie einen Block bearbeiten, um ihn an das Design Ihrer Marke oder Kampagne anzupassen.

Globale Styling-Optionen anpassen

Um Ihre Seite konsistent zu halten, verwenden Sie die globalen Styling-Einstellungen von SeedProd, um Schriftarten, Farben und Hintergrundbilder in Ihrem Design zu steuern.

Globale WordPress Landing Page-Einstellungen

Sie können sogar Video- oder Diashow-Hintergründe hinzufügen oder eine globale Farbpalette festlegen, um ein professionelles Aussehen Ihrer gesamten Seite zu gewährleisten.

Wiederherstellung einer älteren Version der Landing Page

Möchten Sie zu einem früheren Entwurf zurückkehren? Klicken Sie auf das Uhrensymbol in der linken unteren Ecke, um Ihren Änderungsverlauf zu öffnen. Wählen Sie dort eine ältere Version aus und stellen Sie sie sofort wieder her.

WordPress Landing Page Änderungshistorie

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.

Landing Page-Integrationen

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.

Integrieren Sie Ihren E-Mail-Marketingdienst in Ihre Landing Page.

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.

Konfigurieren Sie Ihre Landing Page-Einstellungen

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.

Vorschau Ihrer Landing Page auf dem Handy

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:

benutzerdefinierte Landing Page WordPress Vorschau

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ü.

Screenshot zur Hervorhebung der WordPress-Leseeinstellungen mit einer statischen Seite und der Landing Page als Startseite

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

Um sicherzustellen, dass Ihre Landing Page gut funktioniert, ist es wichtig, einige bewährte Design- und Optimierungsverfahren zu befolgen. Diese Tipps helfen Ihnen, Konversionen und Verkäufe zu maximieren.

  • Konzentrieren Sie sich auf ein Ziel: Jede Landing Page sollte auf eine einzige Aktion ausgerichtet sein, z. B. eine E-Mail-Anmeldung, einen Produktverkauf oder eine Webinar-Registrierung.
  • Beseitigen Sie Ablenkungen: Blenden Sie Ihr Navigationsmenü und Ihre Fußzeile aus, damit sich die Besucher auf Ihr Hauptangebot konzentrieren können.
  • Verwenden Sie eine aussagekräftige Überschrift: Nennen Sie Ihren größten Vorteil ganz oben, gefolgt von einer kurzen Zwischenüberschrift für den Kontext.
  • Fügen Sie soziale Beweise hinzu: Fügen Sie Empfehlungsschreiben, Rezensionen oder Fallstudien ein, um Vertrauen und Glaubwürdigkeit aufzubauen.
  • Optimieren Sie für Mobilgeräte: Stellen Sie sicher, dass Schaltflächen, Formulare und Texte auch auf kleineren Bildschirmen leicht zu bedienen sind.
  • Verfolgen und testen: Nutzen Sie Analysen und A/B-Tests, um herauszufinden, welche Text- oder Designänderungen Ihre Ergebnisse verbessern.

Wenn Sie diese Schritte befolgen, können Sie eine durchschnittliche WordPress-Landingpage in eine Seite verwandeln, die konsequent zu Konversionen führt. Weitere Hilfe finden Sie in unserem Leitfaden mit Tipps zur Optimierung von Landing Pages.

FAQs über WordPress Landing Pages

Wie erstelle ich eine einfache Landing Page in WordPress?
Mit einem Drag-and-Drop-Plugin wie SeedProd können Sie eine einfache Landing Page in WordPress erstellen, ohne Code zu schreiben. Wählen Sie einfach eine Vorlage, passen Sie sie an und veröffentlichen Sie sie - alles in weniger als 30 Minuten.
Kann ich eine Landing Page ohne ein Plugin erstellen?
Ja, aber das ist viel schwieriger. Sie müssten manuell mit Blöcken, Vorlagen oder Code arbeiten. Die Verwendung eines Plugins wie SeedProd spart Zeit und gibt Ihnen die volle Kontrolle über Ihr Design.
Was ist das beste Landing Page Plugin für WordPress?
Ich habe viele Optionen ausprobiert, aber SeedProd ist immer meine erste Wahl. Es ist schnell, einsteigerfreundlich und darauf ausgelegt, Ihr Publikum und Ihren Umsatz zu steigern. Sie können damit sogar Ihre gesamte WordPress-Website erstellen.
Wie lange dauert es, eine Landing Page zu erstellen?
Mit SeedProd erstelle ich Landing Pages normalerweise in 15-30 Minuten. Sie können sogar noch schneller arbeiten, wenn Sie mit einer Ihrer gespeicherten Vorlagen beginnen.
Kann ich meine Landing Page zur Startseite machen?
Ja. Gehen Sie in Ihrem WordPress-Dashboard zu Einstellungen " Lesen, wählen Sie die Option "Eine statische Seite" und wählen Sie Ihre Landing Page aus dem Dropdown-Menü. Die Besucher sehen dann zuerst Ihre benutzerdefinierte Seite.
Warum WordPress für die Erstellung einer Landing Page verwenden?
Über 43 % aller Websites werden mit WordPress betrieben, was es zu einer der flexibelsten und benutzerfreundlichsten Plattformen macht. Mit Plugins wie SeedProd können Sie effektive Landing Pages gestalten, ohne einen Entwickler oder Programmierkenntnisse zu benötigen.
Wie kann ich am einfachsten eine WordPress-Landingpage erstellen?
Die einfachste Methode ist die Verwendung eines Drag-and-Drop-Builders wie SeedProd. Sie können Verkaufsseiten, Lead-Capture-Seiten oder Event-Anmeldungen mit Vorlagen erstellen, die auf Ihre Ziele zugeschnitten sind - ohne Programmieraufwand.

Abschließende Überlegungen und nächste Schritte

Ich hoffe, dieser Leitfaden hat Ihnen gezeigt, wie Sie eine Landing Page in WordPress erstellen können, ohne eine einzige Zeile Code zu schreiben. Ganz gleich, ob Sie eine Verkaufsseite, ein Lead-Capture-Formular oder einen Ersatz für Ihre Homepage erstellen möchten - mit den richtigen Tools geht das einfach und schnell.

Sobald Ihre Seite online ist, nehmen Sie sich Zeit, um zu testen, wie sie funktioniert. Kleine Änderungen am Design oder an den Texten können einen großen Unterschied machen, vor allem, wenn Sie Funktionen wie Countdown-Timer, A/B-Tests oder Analyse-Integrationen verwenden.

Weitere Anleitungen zur Verbesserung Ihrer Ergebnisse finden Sie in diesen Tutorials:

Die Erstellung einer hochgradig konvertierenden Landing Page ist nur der Anfang. Optimieren, testen und verfeinern Sie Ihre Inhalte weiter, um Ihre Besucherzahlen und Konversionen mit der Zeit zu steigern.

Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.

Autorenavatar
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.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das heißt, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Wir empfehlen nur Produkte, von denen wir glauben, dass sie einen Mehrwert für unsere Leser darstellen.