Inhaltsverzeichnis
Möchten Sie eine benutzerdefinierte Landing Page auf Ihrer WordPress-Website erstellen?
Wenn Sie eine Marketing- oder Werbekampagne durchführen, kann eine Landing Page Ihnen helfen, Ihre Ziele zu erreichen und mehr Konversionen zu erzielen.
In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach eine Landing Page in WordPress erstellen können.
Was ist eine Landing Page?
Eine Landing Page ist eine eigenständige Seite, die für eine bestimmte Werbe-, E-Mail-, Social-Media- oder Marketing-Kampagne erstellt wurde. Nutzer, die von diesen Quellen kommen, landen zuerst auf dieser Seite, weshalb sie auch als Landing Page bezeichnet wird.
Landing Pages sind darauf ausgelegt, Conversions zu erzielen, d. h. der Besucher führt die gewünschte Aktion auf Ihrer Website aus, z. B. den Kauf eines bestimmten Produkts in Ihrem Online-Shop, die Eintragung in Ihre E-Mail-Liste, das Ausfüllen eines Formulars oder eine andere Aktion, die Ihrer Website zugute kommt.
Was ist der Unterschied zwischen einer Homepage und einer Landing Page?
Eine Homepage ist die Seite, die Besucher sehen, wenn sie den Namen Ihrer Domain in ihren Browser eingeben. Sie ist sozusagen die Startseite oder das Schaufenster Ihrer Website.
Auf der anderen Seite ist eine Landing Page der Ort, an dem die meisten Besucher landen, wenn sie von bezahlten oder fremden Traffic-Quellen kommen, z. B. von einer Anzeige oder einer Suchmaschine.
Eine gute Homepage ermutigt Besucher dazu, sich mit Ihrer WordPress-Website zu beschäftigen, andere Seiten zu erkunden, Produkte zu durchstöbern oder sich für Ihren E-Mail-Newsletter anzumelden. In diesem Sinne hat eine Homepage in der Regel viele Links und bietet Besuchern viele verschiedene Möglichkeiten.
Eine Landing Page hingegen ist darauf ausgerichtet, Konversionen zu erzielen. Sie enthält weniger Links und hat in der Regel ein einziges Ziel, das als Aufruf zum Handeln (Call to Action, CTA) bezeichnet wird. Sie können jeden CTA verwenden, den Sie möchten, aber viele Landing Pages ermutigen die Besucher, etwas zu kaufen oder Informationen als Teil einer Lead-Generierungsstrategie zu teilen.
Ihre Website wird immer nur eine Homepage haben, aber Sie können so viele Landing Pages erstellen, wie Sie möchten.
Schauen wir uns also an, wie man eine schöne benutzerdefinierte Landing Page in WordPress erstellt. Verwenden Sie einfach die unten stehenden Links, um direkt zur gewünschten Methode zu springen.
Anmerkung: Um unseren Lesern die Qual der Wahl zu ersparen, haben wir nicht alle Landing Page Builder wie Beaver Builder, Elementor, Leadpages, Instapage, Unbounce oder ClickFunnels aufgeführt, sondern die besten Lösungen für kleine Unternehmen ausgewählt.
Methode 1: Wie man eine Landing Page in WordPress mit dem Block-Editor erstellt (kein Plugin erforderlich)
Wenn Sie ein Block-Theme verwenden, können Sie eine benutzerdefinierte Landing Page mit dem vollständigen Site-Editor entwerfen. So können Sie eine Landing Page mit den Tools erstellen, mit denen Sie bereits vertraut sind.
Leider funktioniert diese Methode nicht mit jedem WordPress-Theme. Wenn Sie kein blockbasiertes Theme verwenden, empfehlen wir stattdessen die Verwendung eines Page-Builder-Plugins.
Erstellen Sie zunächst einfach eine neue WordPress-Seite, die wir zu unserer Landing Page machen werden.
Klicken Sie im rechten Menü auf die Registerkarte "Seite" und dann auf den Link neben "Vorlage". Der genaue Linktext kann je nach der von Ihnen verwendeten Vorlage variieren.
Es erscheint nun ein Popup mit Ihrer aktuellen Vorlage.
Klicken Sie einfach auf das Symbol "Neue Vorlage".
Geben Sie nun Ihrer Landing Page-Vorlage einen Namen, der nur als Referenz dient und den Sie beliebig verwenden können.
Klicken Sie anschließend auf "Erstellen".
Jetzt können Sie Ihre Landing Page genau so gestalten, wie Sie eine Seite im Standard-WordPress-Block-Editor erstellen.
Um der Landing Page Blöcke hinzuzufügen, klicken Sie einfach auf die blaue Schaltfläche "+". Sie können nun verschiedene Blöcke auf Ihr Design ziehen.
Sie können einem Block Inhalte hinzufügen oder seine Formatierung mit den bekannten WordPress-Tools ändern.
Sie können z. B. Text in einen Absatzblock eingeben, Links hinzufügen, die Textausrichtung ändern und Fett- oder Kursiveffekte anwenden.
Sie können eine Landing Page auch mit WordPress-Blockmustern erstellen, d. h. mit Sammlungen von Blöcken, die häufig zusammen verwendet werden. Mit Hilfe von Mustern können Sie schnell eine Landing Page mit einem schönen Layout erstellen.
Um die Muster zu sehen, die in Ihrem WordPress-Theme enthalten sind, klicken Sie auf die blaue Schaltfläche "+" und wählen Sie dann die Registerkarte "Patterns".
Sie können ein Blockmuster entweder per Drag & Drop auf Ihr Layout ziehen oder auf das Muster klicken, wodurch es am unteren Rand Ihrer Vorlage hinzugefügt wird.
Nach dem Hinzufügen eines Musters können Sie auf einen beliebigen Block innerhalb dieses Musters klicken und dann Ihre Änderungen vornehmen. Sie können z. B. jeglichen Platzhaltertext ersetzen oder Links hinzufügen, damit der Aufruf zum Handeln auf verschiedene Bereiche Ihres WordPress-Blogs verweist.
Wenn Sie mit dem Aussehen der benutzerdefinierten Landing Page zufrieden sind, klicken Sie auf die Schaltfläche "Veröffentlichen" und dann auf "Speichern".
Sie können die Seite nun einfach aktualisieren oder veröffentlichen, um Ihre Landing Page live zu schalten.
Methode 2: Erstellen einer WordPress Landing Page mit SeedProd (empfohlen)
Der einfachste Weg, eine Landing Page zu erstellen, ist die Verwendung von SeedProd, dem besten Page Builder auf dem Markt, mit dem Sie jede Art von Landing Page erstellen können, ohne Code zu schreiben.
Das Plugin enthält mehr als 180 professionell gestaltete Vorlagen, darunter Seiten, die Ihnen helfen sollen, Konversionen zu erzielen.
Im Gegensatz zum vollständigen WordPress-Site-Editor funktioniert SeedProd mit jedem WordPress-Theme, Sie brauchen also kein blockbasiertes Theme zu verwenden.
Zunächst müssen Sie das SeedProd-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Anmerkung: Es gibt eine kostenlose Version von SeedProd auf WordPress.org, aber wir werden die Pro-Version verwenden, da sie mehr Vorlagen und Blöcke hat, einschließlich eCommerce-Blöcke.
Nach der Aktivierung gehen Sie bitte zu SeedProd " Einstellungen und geben Sie Ihren Lizenzschlüssel ein.
Sie finden diese Informationen unter Ihrem Konto auf der SeedProd-Website. Nachdem Sie den Lizenzschlüssel eingegeben haben, klicken Sie auf die Schaltfläche "Verify Key".
Gehen Sie dann einfach zu SeedProd " Landing Pages und klicken Sie auf "Neue Landing Page hinzufügen".
Sie können nun eine Vorlage für Ihre Landing Page auswählen.
SeedProd verfügt über zahlreiche Designs, die in verschiedene Kampagnentypen unterteilt sind, wie z. B. "Coming Soon"- und "404"-Seiten. Sie können auf die Registerkarten am oberen Rand des Bildschirms klicken, um Vorlagen nach Kampagnentyp zu filtern.
Da wir eine Landing Page erstellen, sollten Sie sich die Registerkarten Sales, Webinar oder Lead Squeeze ansehen.
Um ein Muster in der Vorschau zu sehen, fahren Sie einfach mit der Maus darüber und klicken dann auf die Lupe.
Wenn Sie ein Design wählen, das zu der Art von Landing Page passt, die Sie erstellen möchten, können Sie die Seite schneller erstellen. Jede Vorlage ist jedoch vollständig anpassbar, sodass Sie jeden Teil der Vorlage ändern und jede beliebige Landing Page erstellen können.
Wenn Sie eine Vorlage gefunden haben, die Sie verwenden möchten, klicken Sie einfach auf "Diese Vorlage auswählen".
Wir verwenden die Vorlage für die Fitness-Verkaufsseite für alle unsere Bilder, aber Sie können jedes beliebige Design verwenden.
Als Nächstes geben Sie einen Namen für Ihre Landing Page ein. SeedProd erstellt automatisch eine URL, die auf dem Titel der Seite basiert, aber Sie können sie nach Belieben ändern.
Eine beschreibende URL hilft den Suchmaschinen zu verstehen, worum es auf der Landing Page geht, so dass sie sie den richtigen Nutzern anzeigen können, was Ihre WordPress-SEO verbessern wird.
Damit Ihre Landing Page die besten Chancen hat, in den relevanten Suchergebnissen zu erscheinen, sollten Sie alle Schlüsselwörter hinzufügen, die in der URL fehlen. Weitere Einzelheiten finden Sie in unserem Leitfaden zur Schlüsselwortrecherche.
Wenn Sie mit den eingegebenen Informationen zufrieden sind, klicken Sie auf die Schaltfläche "Speichern und mit der Bearbeitung der Seite beginnen".
Der SeedProd-Editor zeigt auf der rechten Seite eine Live-Vorschau Ihrer Vorlage und auf der linken Seite einige Blockeinstellungen an.
Blöcke sind ein zentraler Bestandteil von SeedProd, und Sie können sie zur Erstellung jeder Art von Landing Page verwenden.
Um einen Block anzupassen, wählen Sie ihn einfach durch Anklicken in der Seitenvorschau aus und nehmen dann die gewünschten Änderungen im linken Menü vor.
Wenn Sie beispielsweise ein Platzhalterbild ersetzen möchten, wählen Sie zunächst den Block Bild aus und klicken dann im linken Menü auf das Symbol "Bild auswählen".
Sie können nun entweder ein Bild aus der WordPress-Mediathek auswählen oder eine neue Datei von Ihrem Computer hochladen.
Ebenso können Sie jeden Platzhaltertext durch Ihre eigenen Worte ersetzen: Wählen Sie einfach einen beliebigen Text- oder Überschriftenblock aus und geben Sie ihn in den kleinen Texteditor ein.
Über die Einstellungen im linken Menü können Sie das Aussehen der Landing Page komplett verändern, z. B. das Farbschema, die Schriftart, die Farbe der Links, die Schaltflächen und vieles mehr.
Die meisten dieser Einstellungen sind ziemlich selbsterklärend, so dass es sich lohnt, verschiedene Blöcke in Ihrem Layout auszuwählen und dann die Einstellungen zu überprüfen.
Sie können Blöcke auch durch Ziehen und Ablegen nach oben oder unten in Ihrem Layout verschieben.
Um weitere Blöcke zu Ihrer Landing Page hinzuzufügen, ziehen Sie sie einfach per Drag & Drop auf Ihr Design.
Noch besser: SeedProd verfügt über zahlreiche Blöcke, die sich perfekt für die Erstellung einer hochgradig konvertierenden Landing Page eignen.
Zum Beispiel können Sie einen Countdown-Timer hinzufügen, der die Minuten herunterzählt, bis der Besucher ein Angebot verpasst. Dies kann ein Gefühl der Dringlichkeit für Verkäufe, kostenlose Gutscheine, Vorbestellungen und andere Kampagnen schaffen.
Suchen Sie einfach den Countdown-Block und ziehen Sie ihn auf Ihre Landing Page.
Sie können dann eine Zeit und ein Datum festlegen, wann der Timer abläuft.
Auf diese Weise können Sie FOMO auf Ihrer WordPress-Website nutzen, um die Konversionsrate zu erhöhen.
SeedProd verfügt auch über "Sektionen", d. h. Blöcke, die häufig zusammen verwendet werden. Dazu gehören zahlreiche Sektionen, die Ihnen bei der Erstellung einer Landing Page helfen können, z. B. eine Kopfzeile, ein Heldenbild, eine Aufforderung zum Handeln, Referenzen, ein Kontaktformular, FAQs, Funktionen, Fußzeilen und vieles mehr.
Um einen Blick auf die verschiedenen Abschnitte zu werfen, klicken Sie einfach auf die Registerkarte "Abschnitte". Um eine Vorschau eines Abschnitts zu sehen, fahren Sie mit der Maus über den Abschnitt und klicken Sie dann auf die Lupe.
Wenn Sie den Abschnitt verwenden möchten, klicken Sie einfach auf "Diesen Abschnitt auswählen".
SeedProd fügt den Abschnitt am unteren Rand Ihrer Landing Page ein, aber Sie können ihn per Drag & Drop verschieben.
SeedProd ist auch vollständig kompatibel mit WooCommerce, so dass Sie leicht neue Landing Pages erstellen können, um Ihre Produkte, Dienstleistungen, Verkäufe und andere Ereignisse zu bewerben.
Noch besser: SeedProd wird mit speziellen WooCommerce-Blöcken geliefert, darunter "In den Warenkorb", "Zur Kasse", "Letzte Produkte" usw. So können Sie individuelle WooCommerce-Kassenseiten, individuelle Warenkorbseiten und vieles mehr erstellen.
Wenn Sie eine Landing Page erstellen, um mehr Verkäufe in Ihrem Online-Shop zu erzielen, empfehlen wir die Erstellung von Abschnitten für beliebte Produkte oder empfohlene Produkte.
Um diesen Bereich zu erstellen, ziehen Sie einfach einen Block "Meistverkaufte Produkte" auf Ihre Seite.
Der Block zeigt standardmäßig Ihre beliebtesten Produkte, aber Sie können auch Produkte anzeigen, die im Angebot sind, Ihre neuesten Produkte und mehr.
Öffnen Sie einfach das Dropdown-Menü "Typ" und wählen Sie eine Option aus der Liste.
Auf diese Weise können Sie einen hochkonvertierenden Online-Shop erstellen, ohne durch Ihr WooCommerce-Theme eingeschränkt zu sein.
Verbinden Sie Ihre Landing Pages mit Tools von Drittanbietern
Wenn Sie eine Landing Page erstellen, um Leads zu gewinnen, sollten Sie ein Anmeldeformular hinzufügen.
Mit SeedProd können Sie Ihre Landing Pages ganz einfach mit gängigen E-Mail-Marketingdiensten wie Constant Contact oder ActiveCampaign verbinden.
Klicken Sie einfach auf die Registerkarte "Verbinden" und wählen Sie dann Ihren E-Mail-Dienstanbieter aus.
SeedProd zeigt Ihnen dann genau, wie Sie diese Landing Page in Ihren E-Mail-Marketing-Service integrieren können.
Wenn Sie Ihren E-Mail-Anbieter nicht in der Liste finden, machen Sie sich keine Sorgen: SeedProd arbeitet mit Zapier zusammen, das als Brücke zwischen SeedProd und mehr als 3000 anderen Apps dient.
Wenn die Schaltfläche "Verbinden" erscheint, klicken Sie darauf und folgen Sie den Anweisungen auf dem Bildschirm, um SeedProd und Zapier zu verbinden.
Verwendung einer benutzerdefinierten Domain für Ihre Landing Page
Standardmäßig veröffentlicht SeedProd die Landing Page unter der Domain Ihrer Website, aber manchmal möchten Sie vielleicht stattdessen eine eigene Domain verwenden.
Dadurch erhält Ihre Kampagne eine eigene Identität, die sich vom Rest Ihrer Website abhebt. Außerdem ist es viel einfacher, die Leistung der einzelnen Seiten in Google Analytics zu verfolgen, um zu sehen, ob Sie gute Ergebnisse erzielen.
Anstatt ein WordPress-Multisite-Netzwerk zu erstellen oder mehrere Websites zu installieren, können Sie jeder Landing Page, die Sie in SeedProd erstellen, einfach eine benutzerdefinierte Domain zuordnen.
Bevor Sie beginnen, vergewissern Sie sich, dass Ihr WordPress-Hosting-Provider die Verwendung mehrerer Domains zulässt, und fügen Sie den Domainnamen zu Ihrem Hosting-Dashboard hinzu, falls Sie das noch nicht getan haben.
Weitere Einzelheiten finden Sie in unserem Artikel über das Hinzufügen eines benutzerdefinierten Domain-Alias für Ihre WordPress-Landingpage.
Wählen Sie anschließend im SeedProd-Editor die Option "Seiteneinstellungen" und klicken Sie auf "Benutzerdefinierte Domain".
Geben Sie in das Feld "Domänenname" Ihre benutzerdefinierte Domäne ein.
Danach klicken Sie auf den Schalter "Benutzerdefinierte Domäne", so dass er von "Aus" auf "Ein" wechselt.
Vergessen Sie nicht, auf "Speichern" zu klicken, um Ihre Änderungen zu speichern.
Speichern und Veröffentlichen Ihrer Landing Page
Wenn Sie mit dem Aussehen der Landing Page zufrieden sind, können Sie sie veröffentlichen, indem Sie auf die Schaltfläche "Speichern" klicken.
Wählen Sie dann "Veröffentlichen".
Die Zielseite ist jetzt auf Ihrer Website verfügbar.
Methode 3: Erstellen einer Landing Page in WordPress mit Thrive Architect
Thrive Architect ist ein weiterer beliebter Drag-and-Drop-WordPress-Seitenersteller, mit dem Sie ganz einfach eine Landing Page mit vorgefertigten Vorlagen erstellen können.
Zunächst müssen Sie das Thrive Architect Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung gehen Sie zu Seiten " Neu hinzufügen in Ihrem WordPress-Admin-Dashboard, um eine neue Landing Page zu erstellen. Öffnen Sie dann den Thrive Architect Editor, indem Sie auf die Schaltfläche "Launch Thrive Architect" klicken.
Anschließend erscheint ein Popup-Fenster, in dem Sie wählen können, ob Sie eine normale Seite oder eine vorgefertigte Landing Page erstellen möchten.
Klicken Sie auf die Option "Vorgefertigte Landing Page", um sie auszuwählen.
Danach werden Sie zur Bibliothek von Thrive Architect mit mehr als 300 Landing Page-Vorlagen weitergeleitet.
Blättern Sie einfach durch die Bibliothek und wählen Sie eine Landing Page-Vorlage aus, die Ihnen gefällt, indem Sie sie anklicken.
Wenn Sie eine Vorlage aus dem Abschnitt "Intelligente Landing Page-Sets" auswählen, können Sie aus mehreren verschiedenen Landing Page-Typen wählen. Für diese Anleitung wählen wir die Option "Intelligente Lead Generation Page".
Wenn Sie ein Design gefunden haben, das Ihnen gefällt, klicken Sie auf die Schaltfläche "Vorlage anwenden", um fortzufahren.
Nun wird die Vorlage im Thrive Architect Editor geöffnet, wo Sie jedes Seitenelement an Ihre Marke oder Ihr spezifisches Angebot anpassen können.
Um zum Beispiel die Überschrift zu bearbeiten, klicken Sie einfach darauf und geben Sie einen Text ein. Wenn Sie auf das Element Überschrift klicken, können Sie auch die Schriftgröße, die Farbe, den Zeilenabstand und vieles mehr ändern.
Im linken Menü finden Sie außerdem Optionen zum Ändern der Höhe des Abschnitts, des Hintergrundstils, des Rahmenstils, zum Hinzufügen eines Rahmens und einer Polsterung usw.
Um ein neues Element zu Ihrer Landing Page hinzuzufügen, klicken Sie auf die Schaltfläche "Element hinzufügen", die als Pluszeichen (+) im rechten Menü erscheint.
Thrive Architect bietet viele vorgefertigte Elemente, die Sie zu Ihrer Landing Page hinzufügen können. Sie können aus Elementen wie Schaltflächen, Testimonials, Countdown-Timern, Google Maps, Sternebewertungen und vielem mehr wählen.
Um ein neues Element hinzuzufügen, ziehen Sie es einfach aus dem Menü auf der rechten Seite und platzieren Sie es auf Ihrer Landing Page.
Sie können noch mehr vorgefertigte Elemente erhalten, wenn Sie die Thrive Suite kaufen, die Thrive Architect, Thrive Quiz Builder, Thrive Apprentice und mehr enthält.
Mit dem Element "Quiz" können Sie Ihrer Landing Page zum Beispiel schnell ein Quiz hinzufügen.
Sie können nun mit der Bearbeitung Ihrer Landing Page fortfahren, indem Sie Elemente hinzufügen und diese über die Einstellungen im linken Menü anpassen.
Wenn Sie Ihre Landing Page bearbeiten, vergessen Sie nicht, auf die Schaltfläche "Arbeit speichern" in der linken unteren Ecke zu klicken.
Verbinden Sie Ihre Landing Page mit einem E-Mail-Dienstanbieter
Da wir eine Landing Page zur Lead-Generierung erstellen, sehen wir uns auch an, wie Sie Ihren E-Mail-Anbieter mit Thrive Architect verbinden.
Um loszulegen, klicken Sie einfach auf das Lead-Generierungsformular auf Ihrer Landing Page.
Vergewissern Sie sich, dass im linken Menü unter "Verbindung" die Option "API" ausgewählt ist, und klicken Sie dann auf die Schaltfläche "Verbindung hinzufügen" neben "Leads senden an".
Als nächstes wollen wir die Liste der verfügbaren Dienste sehen.
Klicken Sie dazu auf den blauen Link "Zum API-Dashboard".
Dadurch wird das Dashboard Aktive Verbindungen in einem neuen Fenster geöffnet.
Klicken Sie hier auf die Schaltfläche "Neue Verbindung hinzufügen".
Wählen Sie im Dropdown-Menü den E-Mail-Marketing-Anbieter aus, den Sie verwenden möchten.
Thrive Architect lässt sich nahtlos mit gängigen E-Mail-Marketingdiensten und CRMs wie ActiveCampaign, Constant Contact, Campaign Monitor, HubSpot und anderen verbinden.
Anschließend müssen Sie die API-URL und den API-Schlüssel des Anbieters kopieren und in die entsprechenden Felder einfügen. Diese Informationen finden Sie in der Regel im Einstellungsbereich des Kontos Ihres E-Mail-Anbieters.
Klicken Sie anschließend auf die Schaltfläche "Verbinden".
Sobald Ihr E-Mail-Dienstanbieter ordnungsgemäß verbunden ist, wird eine Erfolgsmeldung angezeigt.
Klicken Sie auf "Fertig", um zum Thrive Architect-Editor zurückzukehren.
Wenn Sie nun erneut auf die Schaltfläche "Verbindung hinzufügen" klicken, können Sie den E-Mail-Dienstanbieter, den Sie gerade verbunden haben, aus dem Dropdown-Menü auswählen.
Von hier aus können Sie die Mailingliste auswählen, an die Sie Ihre neuen Abonnenten senden möchten. Sie können auch das Formular auswählen, das Sie verwenden möchten, und Tags hinzufügen, um Ihre Formular-Leads zu organisieren.
Klicken Sie anschließend auf die Schaltfläche "Übernehmen", um Ihre Änderungen zu speichern.
Wenn Sie bereit sind, die Seite live zu schalten, klicken Sie auf die Pfeilschaltfläche (^) neben "Arbeit speichern".
Klicken Sie dann auf die Option "Speichern und zurück zum Post-Editor".
Sobald Sie wieder im WordPress-Editor sind, klicken Sie einfach auf die Schaltfläche "Veröffentlichen".
Sie können nun Ihre Website besuchen, um die Landing Page in Aktion zu sehen.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man eine Landing Page mit WordPress erstellt. Vielleicht interessieren Sie sich auch für unsere bewährten Tipps zur Steigerung der Besucherzahlen auf Ihrer WordPress-Website oder für unseren Vergleich der besten Telefondienste für Unternehmen.
Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.
