Letzte SeedProd Nachrichten

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

Was ist eine dynamische Landing Page und wie erstellt man dynamische Landing Pages in WordPress

Was ist eine dynamische Landing Page (und wie man eine in WordPress erstellt) 

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: reviewer avatar Turner John
reviewer 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.

Möchten Sie mehr über dynamische Landing Pages erfahren?

With a dynamic landing page, you can tailor your landing page content to fit your website visitor’s needs. As a result, you can significantly boost conversions and increase conversion rates.

In this post, I’ll explain what a dynamic landing page is and how to create a dynamic landing page in WordPress.

Aber zuerst...

Was ist eine dynamische Landing Page?

A dynamic landing page is a web page that shows different messages to different website visitors. The message that users see depends on various factors like their location, their search terms, and more. Dynamic keyword insertion plays a key role in ensuring the page presents the most relevant information to each visitor.

Many website owners use dynamic landing pages for PPC (pay-per-click) campaigns to match ad groups, ad copy, and specific search terms. But you can use dynamic landing pages in almost any situation to better personalize content for potential customers.

In essence, dynamic landing pages work by changing the headline or body copy to match what people search for. This is essential for landing pages aimed at optimizing conversion rates.

That said, what are the benefits of personalized landing pages?

Warum sollten Sie dynamische Landing Pages auf Ihrer Website verwenden?

Einer der Hauptgründe für die Verwendung dynamischer Landing Pages ist, dass sie eine hervorragende Möglichkeit sind, Ihre Konversionsraten zu steigern.

Typically, users would land on a generic static landing page based on a single set of keywords or a single digital marketing campaign. But with dynamic pages, you can offer personalized content that’s more relevant to people’s needs.

Wenn jemand zum Beispiel nach "Veranstaltungen in meiner Nähe" sucht, würde Ihre Landing Page den spezifischen Standort des Nutzers widerspiegeln, z. B. "Veranstaltungen in Florida".

Dynamic keyword insertion like this solves that person’s query before they’ve thought about it themself, such as, ‘is that event in my area?’ This makes for a great user experience and signals to users that you will meet their needs. Plus, this type of dynamic content is crucial for PPC dynamic landing pages.

Infolgedessen ist es viel wahrscheinlicher, dass diese Person sich für Ihr Unternehmen und nicht für die Konkurrenz entscheidet.

Wie man dynamische Landing Pages in WordPress erstellt

Now, all the above might sound pretty complicated at first glance. Surely you’d need to hire expert help to create dynamic landing pages that automatically change based on search queries, Google ads text, and other factors.

In manchen Fällen mag das zutreffen. Aber wenn Sie eine WordPress-Website haben, machen verschiedene Lösungen für die Erstellung dynamischer Seiten den Prozess einfach.

Befolgen Sie die folgenden Schritte, um zu erfahren, wie Sie in WordPress ganz einfach eine dynamische Landing Page erstellen können.

1. Wählen Sie das richtige WordPress-Plugin

WordPress has a wide variety of powerful page builders that help to enhance your landing page performance. But when it comes to dynamically inserted content, SeedProd is one of the best solutions.

SeedProd bestes WordPress Landing Page Plugin

SeedProd ist der beste Drag-and-Drop Landing Page Builder für WordPress. Es ermöglicht Ihnen, jede Art von Landing Page für Ihre WordPress-Website leicht zu erstellen.

You can start with a premade responsive landing page design template and customize it in the visual editor. Or you can create one from scratch and use SeedProds drag-and-drop content blocks to build out your page.

Sie können Blöcke zum Einfügen verwenden:

...und vieles mehr auf Ihrer Seite.

Darüber hinaus können Sie für jede Überschrift und jedes Textelement die SeedProd-Option "Dynamischer Text" verwenden, um Ihre Seite an die Bedürfnisse einzelner Benutzer anzupassen.

Wenn Sie also eine dynamische Landing Page in WordPress erstellen möchten, erfahren Sie hier, wie Sie dies mit SeedProd tun können.

2. Installieren und Aktivieren von SeedProd

Nachdem Sie sich für SeedProd zur Erstellung Ihrer Landing Page entschieden haben, müssen Sie das SeedProd Plugin installieren und aktivieren.

Laden Sie das Plugin dann auf Ihre WordPress-Website hoch. Wenn Sie dabei Hilfe benötigen, folgen Sie dieser Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Installation von SeedProd wird ein Willkommensbildschirm angezeigt, in dem Sie aufgefordert werden, Ihren Lizenzschlüssel einzugeben. Sie können Ihren Schlüssel finden, indem Sie sich bei Ihrem SeedProd-Konto anmelden und auf den Link Lizenzschlüssel, Details und Downloads anzeigen klicken.

erhalten Sie Ihren Seedprod-Lizenzschlüssel

Kopieren Sie Ihren Schlüssel, fügen Sie ihn in das Feld für den Lizenzschlüssel auf Ihrer WordPress-Website ein, und klicken Sie auf die Schaltfläche Schlüssel überprüfen.

Aktivieren Sie Ihren seedprod-Lizenzschlüssel

3. Eine Landing Page erstellen

Blättern Sie dann auf der Seite nach unten und klicken Sie auf die Schaltfläche Erste Seite erstellen.

Erstellen Sie Ihre erste SeedProd-Landingpage

Dies führt Sie zum Landing Page Dashboard von SeedProd, wo Sie 4 verschiedene Seitenmodi sehen:

Jeder der Seitenmodi von SeedProd ermöglicht es Ihnen, bestimmte Landing Pages mit einem einzigen Klick zu aktivieren.

SeedProd Landing Page Modi

Sie können beispielsweise den Modus "Demnächst" aktivieren, um eine "Demnächst"-Seite hinzuzufügen, die über Ihre neue Website informiert. Oder Sie können den 404-Seiten-Modus aktivieren, um eine benutzerdefinierte 404-Fehlerseite zu Ihrer Website hinzuzufügen.

Das Tolle daran ist, dass Sie keine separaten WordPress-Plugins installieren müssen, um diese Funktionalität zu erhalten. SeedProd hat alles in einem einzigen kompakten Plugin integriert.

Unter dem Abschnitt Seitenmodus sehen Sie eine Liste aller anderen Seiten, die Sie mit SeedProd erstellt haben. Da wir noch keine Seite erstellt haben, klicken Sie auf die Schaltfläche Neue Landing Page erstellen, um zu beginnen.

eine neue Landing Page erstellen

4. Wählen Sie eine Landing Page-Vorlage

Nachdem Sie auf die Schaltfläche zum Erstellen einer neuen Landing Page geklickt haben, sehen Sie die Landing Page-Vorlagen von SeedProd.

SeedProd Landing Page Vorlagen

Sie können die Vorlagen nach Ziel oder Branche filtern, indem Sie auf die Registerkarten am oberen Rand klicken:

Sie können jedes beliebige Vorlagendesign verwenden und es mit dem Drag-and-Drop-Editor nach Belieben anpassen, so dass Sie nicht auf bestimmte Kategorien beschränkt sind.

Für diesen Leitfaden wählen wir die Verkaufsseite für Kraftfahrzeuge, die Sie auf der Registerkarte Verkauf finden können.

Wählen Sie Ihre Landing Page-Vorlage

Um die Vorlage zu importieren, fahren Sie mit der Maus über die Miniaturansicht und klicken Sie auf das orangefarbene Häkchensymbol.

Importieren Sie Ihre Landing Page-Vorlage

Als nächstes erscheint ein Popup-Fenster, in dem Sie aufgefordert werden, einen Namen und eine URL für Ihre Seite einzugeben. Sie können diese Einstellung später ändern, also geben Sie der Seite einen Namen, der Ihnen gefällt.

Geben Sie Ihrer Landing Page einen Namen und eine URL

Klicken Sie dann auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen , um Ihre Vorlage in den visuellen Editor von SeedProd zu importieren.

5. Anpassen Ihrer Landing Page

Der visuelle Drag-and-Drop-Editor von SeedProd

Nachdem Sie Ihre Vorlage importiert haben, sehen Sie sie im visuellen Drag-and-Drop-Editor. Der WordPress Landing Page Builder von SeedProd ist in einem einfachen 2-Panel-Layout aufgebaut:

  1. Linker Bereich: Seitenblöcke und Abschnitte zum Erstellen und Anpassen Ihrer Seite
  2. Right panel: Preview of your how your landing page design looks in real-time

Das Hinzufügen von Inhalten zu Ihrer Seite ist so einfach wie das Ziehen eines Blocks von links und das Ablegen auf der rechten Seite.

Um Ihre Vorlage anzupassen und zu ändern, klicken Sie einfach auf ein beliebiges Seitenelement, um dessen Einstellungen im linken Bereich anzuzeigen. Wenn Sie zum Beispiel auf das Element Aufzählungsliste klicken, werden die Optionen angezeigt, die Sie auf der linken Seite ändern können.

Hier können Sie den Aufzählungstext, die Farbe des Symbols, die Abstände und vieles mehr ändern. Wenn Sie auf die Registerkarte " Erweitert" klicken, werden weitere Einstellungen angezeigt, mit denen Sie Ihre Schriftarten, das Listenlayout usw. anpassen können.

Bearbeiten Sie den Inhalt Ihrer Landing Page

Die meisten SeedProd-Blöcke sind auf diese Weise strukturiert, damit sie leicht angepasst werden können, ohne Code schreiben zu müssen.

Wenn Sie die Farben, Schriftarten und den Hintergrund Ihrer Landing Page ändern möchten, ist das genauso einfach. Klicken Sie einfach auf das Zahnradsymbol, um das Panel " Globale Einstellungen " aufzurufen.

Globales SeedProd-Einstellungsfeld

Erweitern Sie von dort aus die einzelnen Registerkarten, um die globalen Anpassungsoptionen anzuzeigen. Klicken Sie beispielsweise auf die Registerkarte " Hintergrund", um die verschiedenen Optionen zum Ändern des Hintergrunds anzuzeigen, darunter:

  • Einfarbig oder mit Farbverlauf
  • Hintergrundbild
  • Breite des Hintergrunds
Ändern Sie den Hintergrund Ihrer dynamischen Landing Page

Das Gleiche können Sie für Ihre Schriftarten und Farben tun. Wählen Sie einfach die entsprechende Registerkarte und wählen Sie individuell die Farben für Ihre Schaltflächen, Kopfzeilen und Texte aus und wenden Sie die Änderungen auf alle diese Elemente auf Ihrer Seite an.

Passen Sie die Farben Ihrer dynamischen Landing Page an

Passen Sie Ihre Seite so lange an, bis sie genau Ihren Vorstellungen entspricht.

6. Fügen Sie dynamische Inhalte zu Ihrer Seite hinzu

Now it’s time to personalize content for users looking for your products or services via search engines or ads.

SeedProd bietet 2 Möglichkeiten zur Erstellung von dynamischen Seiten, nämlich

  1. Datumsbasierter dynamischer Text
  2. Abfrageparameter Dynamischer Text

Datumsbasierter dynamischer Text

Mit datumsbasiertem dynamischem Text können Sie Daten dynamisch auf Ihrer Landing Page erstellen und anzeigen. Wenn Sie z. B. einen immerwährenden Verkauf anbieten, könnten Sie eine Überschrift erstellen, die lautet: "Unser Verkauf endet [#heute :%A]". 

Wenn ein Benutzer die Seite besucht, wird sie durch den aktuellen Tag ersetzt, z. B. "Unser Verkauf endet am Dienstag" oder einen anderen Tag, der für den Benutzer gilt.

Abfrageparameter Dynamischer Text

Query parameter dynamic text lets you personalize content based on different queries. This is an excellent way to personalize your landing page based on ad keywords or customize a page with someone’s name.

Sie könnten zum Beispiel eine Seite mit einer Überschrift und dem Abfrageparameter dynamic text tag wie folgt haben: "Hallo [q:fname=there]."

Wenn es keinen Abfrageparameter gibt, würde Ihre Seite einfach sagen: "Hallo." Wenn Sie sie aber auf den Namen einer Person personalisieren, wird sie als "Hallo John" angezeigt.

In SeedProd ist es ganz einfach, dynamischen Text zu Ihrer Landing Page hinzuzufügen, und Sie können ihn überall verwenden.

Die Überschrift und der Textblock haben eine Schaltfläche, die dynamischen Text für Sie einfügt.

Wenn Sie z. B. Ihre Überschrift so bearbeiten möchten, dass je nach Standort der Besucher ein anderer Text angezeigt wird, klicken Sie auf Ihre Überschrift und wählen die Schaltfläche Dynamischen Text einfügen.

Dynamischen Text einfügen

Dort können Sie einen Parameternamen eingeben, z. B. "Standort", und einen Standardwert wie "Sie" wählen.

In der Standardeinstellung würde unsere Überschrift "Fahrlehrer in Ihrer Nähe" lauten. Wenn jedoch der Standort im URL-Parameter enthalten ist, z. B. location=Florida, wird sie als "Fahrlehrer in der Nähe von Florida" angezeigt.

Abfrageparameter für dynamische Landing-Page-Texte basierend auf dem Standort

Wie oben erwähnt, können Sie diese Schritte befolgen, um jede Überschrift oder jeden Text in SeedProd anzupassen. Wenn Sie jedoch dynamischen Text zu anderen SeedProd-Blöcken hinzufügen möchten, z. B. zu Ihrer Schaltfläche "Aufruf zum Handeln", können Sie den Code für den dynamischen Text kopieren und an der gewünschten Stelle einfügen.

Dynamische Ersetzung des Textes der Schaltfläche "Aufruf zum Handeln

Bevor Sie zum nächsten Schritt übergehen, klicken Sie auf die grüne Schaltfläche Speichern, um Ihre Änderungen zu speichern.

Verwandt: Facebook-Veranstaltungen in WordPress einbetten

7. Konfigurieren Sie die Einstellungen Ihrer Landing Page

Nachdem Sie Ihre dynamischen Änderungen vorgenommen haben, wollen wir uns nun ein paar andere Einstellungen ansehen, die Sie in SeedProd vornehmen können. Da wären zunächst die Einstellungen für das E-Mail-Marketing.

Mit SeedProd können Sie Ihre Landing Page ganz einfach mit Ihrer E-Mail-Liste verbinden. 

Klicken Sie oben auf dem Bildschirm auf " Verbinden", und Sie sehen eine große Auswahl an beliebten E-Mail-Marketingdiensten. Wenn Sie also Nutzer auffordern möchten, Ihren Newsletter zu abonnieren, verwenden Sie dieses Panel, um Ihren E-Mail-Marketingdienst zu verknüpfen.

SeedProd E-Mail-Marketing-Integrationen

Wählen Sie einfach Ihren bevorzugten Anbieter und folgen Sie den Schritten in unserer Dokumentation zur E-Mail-Integration, um die Einrichtung vorzunehmen.

Auf demselben Bildschirm können Sie Ihre Seite über Zapier mit Tausenden von Apps verknüpfen, die Leistung Ihrer Website mit Google Analytics überwachen und sie mit Recaptcha vor Spam schützen.

andere seedprod-Integrationen

Nachdem Sie Ihre E-Mail-Liste verbunden haben, klicken Sie auf die Registerkarte Seiteneinstellungen, um weitere Optionen zu erhalten.

Einstellungen der Anmeldeseite

Normalerweise gibt es 5 Abschnitte auf der Einstellungsseite, aber das hängt von der Art der Seite, die Sie erstellen, und Ihrem SeedProd-Plan ab.

  1. Allgemein: Ändern Sie den Namen und die URL für Ihre Landing Page oder wechseln Sie zwischen veröffentlicht und Entwurf.
  2. SEO: Verwenden Sie ein WordPress-SEO-Plugin, um den Titel-Tag, die Meta-Beschreibung usw. Ihrer Landing Page zu konfigurieren.
  3. Analytik: Schließen Sie Ihr bevorzugtes Google Analytics-Plugin an und überwachen Sie die Leistung Ihrer Landing Page.
  4. Skripte: Fügen Sie benutzerdefinierte Skripte wie Tracking und Cookies in die Kopf-, Körper- und Fußzeilen Ihrer Seite ein.
  5. Benutzerdefinierte Domain: Geben Sie jeder Landing Page eine eigene Domain, die nicht mit Ihrer bestehenden Website verbunden ist.

Nachdem Sie Ihre Einstellungen konfiguriert haben, speichern Sie Ihre Änderungen und klicken Sie zurück auf die Registerkarte Design.

8. Veröffentlichen Sie Ihre dynamische Landing Page

Bevor Sie Ihre Landing Page live schalten, sollten Sie sie auf mobilen Geräten testen. Wenn sie nicht mobil-responsiv ist, wird sie auf kleineren Touchscreens wie Tablets und Smartphones nicht so gut aussehen und funktionieren.

Glücklicherweise verfügt SeedProd über eine mobile Vorschauoption, mit der Sie überprüfen können, ob Ihre Seite mobilfreundlich ist. Klicken Sie einfach auf das Handy-Symbol am unteren Rand Ihres Bildschirms.

Klicken Sie auf das Symbol für die mobile Vorschau

Von dort aus können Sie sehen, wie Ihre dynamische Seite auf dem Handy aussieht und alles ändern, was nicht richtig aussieht oder funktioniert.

Vorschau Ihrer dynamischen Landing Page auf dem Handy

Wenn alles gut aussieht, ist es an der Zeit, zu veröffentlichen. Klicken Sie auf den Abwärtspfeil neben der grünen Schaltfläche Speichern und dann auf Veröffentlichen.

Veröffentlichen Sie Ihre dynamische Landing Page

Danach erscheint ein Fenster, das Ihnen mitteilt, dass Ihre Seite veröffentlicht wurde.

Ihre Seite wurde veröffentlicht

Um eine Live-Vorschau zu sehen, klicken Sie einfach auf die Schaltfläche Live-Seite anzeigen.

Dynamische Landing Pages in WordPress

Bonus: Get More From Your Landing Page

Looking for more ways to level up your landing page’s success? These guides are sure to help:

Herzlichen Glückwunsch!

Sie wissen jetzt, was dynamische Landing Pages sind und wie Sie eine dynamische Landing Page in WordPress mit dem Landing Page Builder von SeedProd erstellen können. Die benutzerfreundliche Oberfläche von SeedProd macht die Personalisierung Ihrer Landing Pages super einfach.

Das Plugin ist nicht nur schnell und frei von Ballast, sondern auch so einfach zu bedienen, dass selbst Anfänger dynamische Seiten erstellen können, ohne einen Entwickler zu beauftragen.

Warum probieren Sie es also nicht selbst aus?

Wenn Ihnen dieser Artikel gefallen hat, dann folgen Sie uns bitte auf Twitter und Facebook, um weitere hilfreiche Inhalte zu erhalten, die Ihr Unternehmen voranbringen.

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.