loader image

Radiboxes Server machen WordPress Websites bis zu 4x schneller - ohne zusätzliche Optimierung. Raidboxes migriert deine Website und du kannst selbst vergleichen. Wenn du zufrieden bist, wähle einfach das passende Paket in deren Preistabelle.

4.97

Sehr gut

trustedshops.de

Autor

duckducknews

Wie man eine WordPress Landing Page erstellt

Möchten Sie eine benutzerdefinierte Landing Page auf Ihrer WordPress-Website erstellen?

Eine Landing Page ist eine hoch optimierte Marketingseite. Sie hilft Unternehmen, Website-Besucher in Kunden und Interessenten umzuwandeln.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach eine Landing Page in WordPress erstellen können.

Creating a landing page with WordPress

Hier ist ein kurzer Überblick darüber, was wir in diesem Leitfaden behandeln werden.

Was ist eine WordPress Landing Page?

Eine Landing Page erstellen ist eine Seite, die den Umsatz steigern oder Leads für ein Unternehmen generieren soll.

Sie werden häufig in bezahlten Marketing-, E-Mail- und Social-Media-Kampagnen eingesetzt. Nutzer, die von diesen Quellen kommen, landen zuerst auf dieser Seite, weshalb sie auch als Landing Page bezeichnet wird.

Was ist der Unterschied zwischen der Homepage und einer WordPress Landing Page?

Eine Homepage ist die Startseite Ihrer Website und das, was die Nutzer sehen, wenn sie den Namen Ihrer Domain in ihren Browser eingeben. Eine Landing Page hingegen kann eine eigenständige Seite sein, auf der die meisten Besucher von bezahlten oder fremden Traffic-Quellen landen.

Die Startseite Ihrer Website ist dafür gedacht, dass Besucher sich mit Ihrer Website beschäftigen, andere Seiten erkunden, Produkte ansehen oder sich anmelden. Sie enthält mehr Links und bietet den Nutzern mehr Auswahlmöglichkeiten.

Eine WordPress Landing Page, auch „Squeeze Page“ genannt, ist dagegen für höhere Konversionsraten ausgelegt. Sie enthält weniger Links und ist darauf ausgelegt, dass die Benutzer eine Kaufentscheidung treffen oder ihre Informationen für künftige Kontaktaufnahmen angeben.

Ihre Website kann nur eine Homepage haben, aber Sie können so viele Landing Pages wie Sie wollen für verschiedene Kampagnen erstellen. Zum Beispiel:

  • Eine Landing Page für Ihre bezahlten Werbekampagnen
  • Eine Seite für Abonnenten aus Ihrer E-Mail-Liste, Besucher aus sozialen Medien und mehr
  • Benutzer, die auf einer bestimmten Produkt- oder Dienstleistungsseite landen
  • und viele mehr..

Schauen wir uns also an, wie Sie eine schöne, benutzerdefinierte Landing Page in WordPress erstellen können, ohne dass Sie CSS-, HTML- oder PHP-Kenntnisse benötigen.

Wir haben die drei besten Lösungen für die Erstellung von Landing Pages in WordPress ausgewählt. Diese Landing-Page-Builder sind einfach zu bedienen, für Geschwindigkeit optimiert und für kleine Unternehmen erschwinglich. Sie können die Lösung wählen, die Ihren Bedürfnissen am besten entspricht.

Sind Sie bereit? Lassen Sie uns mit der ersten Methode beginnen.

Methode 1. Erstellen einer WordPress Landing Page mit SeedProd

Diese Methode ist die einfachste und wird für alle Benutzer empfohlen.

Für diese Methode werden wir SeedProd verwenden. Es ist das beste WordPress-Landing-Page-Plugin auf dem Markt und ermöglicht es Ihnen, jede Art von Landing-Page zu erstellen, ohne dass Sie dafür programmieren müssen. SeedProd ist außerdem optimiert, um leicht, schnell und SEO-freundlich zu sein.

Zunächst müssen Sie das SeedProd-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Hinweis: Es gibt eine kostenlose Version des SeedProd-Plugins auf WordPress.org, aber wir werden die Pro-Version verwenden, da sie mehr leistungsstarke Funktionen bietet.

Nach der Aktivierung werden Sie aufgefordert, Ihren Lizenzschlüssel einzugeben. Sie finden diese Informationen unter Ihrem Konto auf der SeedProd-Website.

SeedProd license key

Als nächstes müssen Sie die Seite SeedProd “ Seiten besuchen und auf die Schaltfläche „Neue Landing Page hinzufügen“ klicken.

Create a new landing page

Auf dem nächsten Bildschirm werden Sie aufgefordert, ein Landing Page-Thema auszuwählen.

SeedProd enthält Dutzende von schönen WordPress Landing Page-Vorlagen, die übersichtlich für verschiedene Kampagnentypen angeordnet sind. Wählen Sie einfach eine Vorlage aus, die Sie als Ausgangspunkt verwenden möchten.

Choose a page template

Sie werden aufgefordert, einen Titel für Ihre Seite anzugeben und eine URL zu wählen. Wählen Sie einen einprägsamen Seitentitel und vergessen Sie nicht, Ihr Ziel-Keyword in die Seiten-URL einzufügen.

Choose a page title and URL

Daraufhin wird die Oberfläche des SeedProd-Seitenerstellungsprogramms geladen. Dieser einfache Drag-and-Drop-Builder zeigt auf der rechten Seite eine Live-Vorschau Ihrer Seite und auf der linken Seite eine Symbolleiste.

SeedProd page builder interface

Blöcke sind das zentrale Gestaltungswerkzeug in SeedProd. Mit ihnen können Sie jedes beliebige Layout erstellen, das Sie benötigen. Sie können auch Spalten verwenden, um Blöcke nebeneinander zu platzieren.

Sie können einfach auf einen beliebigen Block auf der Seite zeigen und klicken, um ihn anzupassen. Sie können Blöcke auch durch Ziehen und Ablegen nach oben oder unten verschieben.

Editing elements in page builder

Sie können Ihrer Seite in der linken Spalte neue Blöcke hinzufügen. SeedProd wird mit beliebten Landing-Page-Design-Elementen geliefert, die Sie einfach per Drag & Drop auf Ihrer Seite platzieren können.

Sie können auch Hintergrundfarben ändern, Hintergrundbilder hinzufügen, Farben und Schriftarten ändern, um sie an Ihre Marke oder Ihr Thema anzupassen.

SeedProd blocks

Außerdem verfügt SeedProd auch über „Sektionen“. Dabei handelt es sich um allgemeine Designbereiche, die auf Landing Pages verwendet werden. Zum Beispiel Header, Hero Image, Call to Action, Testimonials, Kontaktformular, FAQs, Features, Footer und mehr.

Reusable sections in SeedProd

SeedProd ist auch mit WooCommerce kompatibel. So können Sie Produkt-Landingpages, eCommerce-Landingpages, Werbeseiten für Verkäufe und andere Veranstaltungen erstellen.

WooCommerce blocks in SeedProd

WooCommerce-Blöcke umfassen die Schaltfläche „In den Warenkorb“, die Kasse, vorgestellte Produkte, ein Produktgitter und mehr. So können Sie wirklich beeindruckende Marketingkampagnen erstellen, ohne sich auf Ihr WooCommerce-Theme zu beschränken.

Products on a landing page for eCommerce website

Verbinden Sie Ihre Landing Pages mit Tools von Drittanbietern

Um eine gute WordPress Landing Page für die Lead-Generierung zu erstellen, können Sie Anmeldeformulare für die E-Mail-Liste hinzufügen, mit denen sich die Nutzer in Ihren Newsletter eintragen oder ihre Kontaktinformationen angeben können.

Mit SeedProd ist es ganz einfach, Ihre Landing Pages mit beliebten E-Mail-Marketingdiensten wie Constant Contact Form oder Mailchimp zu verbinden. Wechseln Sie einfach zur Registerkarte „Verbinden“ und wählen Sie dann Ihren E-Mail-Dienstanbieter aus.

SeedProd integrations

Sie möchten eine Verbindung zu einem Dienst herstellen, der dort nicht aufgeführt ist? Keine Sorge, SeedProd arbeitet mit Zapier, das als Brücke zwischen SeedProd und mehr als 3000+ anderen Apps auf Zapier fungiert.

Connect Zapier

Speichern und Veröffentlichen Ihrer Landing Page

Wenn Sie mit der Bearbeitung Ihrer Seite fertig sind, können Sie einfach auf die Schaltfläche Speichern klicken und dann Veröffentlichen wählen.

Publish your landing page

Wenn Sie Ihre Landing Page veröffentlichen, wird sie auf Ihrer Website live geschaltet.

Landing page published

Verwendung einer benutzerdefinierten Domain für Ihre Landing Page

Haben Sie eine eigene Domain, die Sie für Ihre Landing Page verwenden möchten?

So können Sie Ihre WordPress-Website nutzen, um Landing Pages, „Coming Soon“-Seiten, Produktseiten, geografisch ausgerichtete Werbekampagnen, Microsites und mehr mit eigenen Domainnamen zu erstellen.

Anstatt ein WordPress-Multisite-Netzwerk zu erstellen oder mehrere WordPress-Websites zu installieren, können Sie einfach eine Landing Page erstellen und sie auf Ihren benutzerdefinierten Domainnamen verweisen.

Wechseln Sie einfach zur Registerkarte „Seiteneinstellungen“ und klicken Sie dann auf den Abschnitt „Benutzerdefinierte Domain“.

Add custom domain for your landing page

Vergewissern Sie sich, dass Ihr WordPress-Hosting-Provider die Verwendung mehrerer Domains zulässt und dass Sie den Domainnamen zu Ihrem Hosting-Dashboard hinzugefügt haben.

Weitere Einzelheiten finden Sie in unserem Artikel über das Hinzufügen eines benutzerdefinierten Domain-Alias für Ihre WordPress-Landingpage.

Methode 2. Erstellen einer Landing Page in WordPress mit Beaver Builder

Beaver Builder ist ein weiterer beliebter Drag & Drop WordPress Page Builder. Mit ihm können Sie ganz einfach eine Landing Page mit vorgefertigten Vorlagen erstellen, die Sie mit einfachen Drag & Drop-Tools ändern können.

Zunächst müssen Sie das Beaver Builder-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie die Seite Einstellungen “ Beaver Builder besuchen, um die Plugin-Einstellungen zu konfigurieren.

Add Beaver Builder license key

Klicken Sie unter der Registerkarte „Lizenz“ auf die Schaltfläche „Lizenzschlüssel eingeben“, um Ihren Lizenzschlüssel hinzuzufügen. Sie können diese Informationen unter Ihrem Konto auf der Beaver Builder-Website finden.

Als nächstes müssen Sie im WordPress-Dashboard auf Seiten “ Neue Seite hinzufügen gehen, um Ihre erste Landing Page zu erstellen.

Beaver Builder funktioniert mit allen gängigen WordPress-Themes. Viele dieser Themes werden mit einer Landing Page-Vorlage geliefert, die für die Verwendung mit Page Builder-Plugins konzipiert ist. In der Regel handelt es sich um breite Layouts ohne Seitenleiste und Widgets.

Wenn Ihr Theme nicht über eine solche Vorlage verfügt, können Sie selbst eine erstellen, indem Sie ein Child-Theme verwenden. Detaillierte Anweisungen finden Sie in unserem Leitfaden zum Erstellen einer Seite mit voller Breite in WordPress.

Wählen Sie eine Landing Page oder eine Vorlage mit voller Breite aus dem Feld „Seitenattribute“ in der rechten Spalte und speichern Sie Ihre Seite, um die Änderungen zu übernehmen.

Select a theme template

Sie sind nun bereit, eine Landing Page zu erstellen.

Klicken Sie im Beitragseditor auf die Schaltfläche „Beaver Builder starten“, um die Benutzeroberfläche des Builders zu öffnen.

Launch Beaver Builder

Beaver Builder wird mit der Landing Page-Vorlage Ihres Themas geöffnet. Sie müssen auf die Schaltfläche „Hinzufügen“ in der oberen rechten Ecke des Bildschirms klicken und zur Registerkarte „Vorlagen“ wechseln.

Choose page template

Hier finden Sie mehrere vorgefertigte Vorlagen, aus denen Sie wählen können. Wählen Sie „Landing Pages“ aus dem Dropdown-Menü der Gruppe und wählen Sie dann eine Vorlage, die Ihren Vorstellungen am nächsten kommt.

Sobald Sie eine Vorlage ausgewählt haben, wird sie von Beaver Builder in das Vorschaufenster geladen.

Point and click to edit

Sie können nun auf einen beliebigen Seiteninhalt zeigen und klicken, um ihn zu bearbeiten. Sie können den Text ändern, die Hintergrundfarbe oder Bilder ändern, die Breite und Höhe der Zeilen und Spalten anpassen.

Sie können Inhaltselemente in Ihrer Vorlage hinzufügen oder entfernen. Klicken Sie einfach auf die Schaltfläche Hinzufügen und wechseln Sie zur Registerkarte Zeilen. Sie können entweder einzelne oder mehrere Spalten hinzufügen.

Add rows and columns

Nachdem Sie eine Zeile hinzugefügt haben, wechseln Sie zur Registerkarte Module. Module sind Inhaltselemente, die Sie zu Ihrer Landing Page hinzufügen können. Beaver Builder wird mit allen wichtigen Modulen geliefert, darunter Text, Überschriften, CTA-Schaltflächen, Video, Audio, animierter Countdown-Timer und mehr.

Add modules to your landing page template

Wenn Sie mit dem Design zufrieden sind, können Sie oben auf die Schaltfläche „Fertig“ klicken und dann Ihre Seite speichern oder veröffentlichen.

Save or publish your landing page

Sie können nun die Seite besuchen, um Ihre Landing Page in Aktion zu sehen. Sie können sie erneut bearbeiten, wenn Sie etwas anpassen, hinzufügen oder entfernen möchten.

Landing page preview

Methode 3. Erstellen einer Landing Page in WordPress mit Divi

Divi ist ein beliebtes WordPress-Plugin für die Seitenerstellung, das vom Team hinter Elegant Themes entwickelt wurde. Es wird als Theme mit Page-Builder-Unterstützung geliefert und Sie können es auch als eigenständigen Page-Builder verwenden.

Zunächst müssen Sie das Divi Builder-Plugin installieren und aktivieren.

Hinweis: Wenn Sie das Divi-Theme installieren, müssen Sie das Seitenerstellungs-Plugin nicht installieren. Folgen Sie einfach unseren Anweisungen zur Installation eines WordPress-Themes.

Nach der Aktivierung können Sie zu Seiten “ Neue Seite hinzufügen gehen, um Ihre Landing Page zu erstellen. Klicken Sie auf dem Bildschirm zum Bearbeiten der Seite auf die Schaltfläche „Divi Builder verwenden“, um den Divi Page Builder zu starten.

Launch Divi Builder

Als Nächstes sehen Sie ein Willkommens-Popup, um sich mit dem Editor vertraut zu machen. Sie können es verlassen, indem Sie auf die Schaltfläche „Start Building“ klicken.

Danach haben Sie die Möglichkeit, von vorne anzufangen, ein Layout auszuwählen oder eine Seite zu klonen. Klicken Sie auf die Schaltfläche „Layout auswählen“.

Divi layout options

Divi wird mit Dutzenden von gebrauchsfertigen Landing Page-Vorlagen geliefert, die nach Kategorien geordnet sind. Klicken Sie einfach darauf, um eine Vorlage auszuwählen, die Sie als Ausgangspunkt verwenden möchten.

Choose a template

Auf dem nächsten Bildschirm sehen Sie Layout-Details und andere enthaltene Vorlagen. Die meisten Layout-Pakete enthalten eine Landing Page-Vorlage, die Sie verwenden können.

Apply layout

Klicken Sie einfach auf die Schaltfläche „Dieses Layout verwenden“, um fortzufahren.

Möglicherweise werden Sie aufgefordert, Ihren Divi-Konto-Benutzernamen und API-Schlüssel anzugeben. Sie können diese Informationen unter Ihrem Konto auf der Elegant Themes-Website finden.

Divi wird nun das ausgewählte Layout aus der Bibliothek abrufen und installieren. Danach sehen Sie eine Live-Vorschau Ihrer Seite innerhalb des Page Builders.

Divi visual page builder

Sie können einfach auf das Element auf dem Bildschirm zeigen und klicken, um es auszuwählen und zu bearbeiten. Bei Textelementen können Sie einfach den Cursor über den zu bearbeitenden Text setzen und mit der Eingabe beginnen.

Bei anderen Elementen erscheint auf dem Bildschirm ein Popup mit Optionen, um verschiedene Anpassungen auszuprobieren.

Editing elements in Divi

Divi verwendet Abschnitte, Zeilen und Module, um Layouts zu erstellen. Sie können einen Abschnitt, eine Zeile oder ein Modul hinzufügen, indem Sie irgendwo auf der Seite auf das +-Symbol klicken.

Adding modules to your page

Jedes Modul verfügt über verschiedene Einstellungen, die Sie nach dem Einfügen anpassen können. Divi verfügt über zahlreiche erweiterte Optionen für jedes Element.

Editing a module

Sobald Sie mit der Bearbeitung fertig sind, können Sie einfach auf die Schaltfläche „Veröffentlichen“ in der unteren rechten Ecke des Bildschirms klicken.

Publishing your page

Sie können nun auf die Schaltfläche Visual Builder verlassen in der WordPress-Admin-Symbolleiste klicken, um den Editor zu beenden.

Exit visual page builder

Der Builder leitet Sie nun wieder zur Live-Version Ihrer Landing Page zurück. Sie können die Bearbeitung fortsetzen, indem Sie auf die Schaltfläche „Visual Editor aktivieren“ in der Symbolleiste oben klicken.

Divi landing page preview

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man eine Landing Page mit WordPress erstellt.

Die beliebtesten Beiträge

Wie man den ungültigen JSON-Fehler in WordPress behebt (Anleitung für Anfänger)

Versuchen Sie, den ungültigen JSON-Fehler in WordPress zu beheben? Dieser Fehler tritt auf, wenn Sie WordPress-Beiträge oder -Seiten auf Ihrer Website bearbeiten. Sie erhalten die Meldung "Die Antwort ist keine gültige JSON-Antwort" und die Aktualisierung der Seite schlägt fehl. In diesem Artikel zeigen wir Ihnen, wie Sie den ungültigen JSON-Fehler ...

So beheben Sie den Fehler „Verbindung ist nicht privat“ (Anleitung für Website-Besitzer)

Sehen Sie die Fehlermeldung "Ihre Verbindung ist nicht privat" auf Ihrer WordPress-Website? Dies ist die Fehlermeldung, die Sie in Google Chrome sehen. Der gleiche Fehler wird auf allen modernen Browsern mit leicht unterschiedlichen Meldungen angezeigt und kann für Anfänger bei der Fehlerbehebung etwas verwirrend sein. In dieser Anleitung für Website-Besitzer ...

Wie man eine Seite in voller Breite in WordPress erstellt (Anleitung für Anfänger)

Möchten Sie eine Seite in voller Breite in WordPress erstellen, so dass Sie Ihren Inhalt über den Bildschirm strecken können? Die meisten WordPress-Themes verfügen bereits über eine integrierte Vorlage für eine Seite in voller Breite, die Sie verwenden können. Wenn Ihr Theme jedoch keine hat, dann ist es einfach, sie ...
DSGVO Cookie-Einwilligung mit Real Cookie Banner