Autor
15. August 2021
Autor
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.
Hier ist ein kurzer Überblick darüber, was wir in diesem Leitfaden behandeln werden.
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:
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.
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.
Als nächstes müssen Sie die Seite SeedProd “ Seiten besuchen und auf die Schaltfläche „Neue Landing Page hinzufügen“ klicken.
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.
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.
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.
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.
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.
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.
SeedProd ist auch mit WooCommerce kompatibel. So können Sie Produkt-Landingpages, eCommerce-Landingpages, Werbeseiten für Verkäufe und andere Veranstaltungen erstellen.
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.
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.
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.
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.
Wenn Sie Ihre Landing Page veröffentlichen, wird sie auf Ihrer Website live geschaltet.
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“.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
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.
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.
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.
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.
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.
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.
Sie können nun auf die Schaltfläche Visual Builder verlassen in der WordPress-Admin-Symbolleiste klicken, um den Editor zu beenden.
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.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man eine Landing Page mit WordPress erstellt.
Die beliebtesten Beiträge