Letzte SeedProd Nachrichten

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

wie man eine Landing Page mit Gated Content erstellt

Wie man eine super-effektive Gated Content Landing Page 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 lernen, wie Sie eine Landing Page mit Gated Content für Ihre WordPress-Website erstellen können?

Gated Content ist eine der besten Methoden, um das Interesse an den Angeboten Ihres Unternehmens zu wecken. Und wenn Sie eine Landing Page verwenden, um für diese Inhalte zu werben, ist es noch einfacher, diese Menschen in Leads zu verwandeln und Ihre Konversionsraten zu steigern.

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

Was ist eine Landing Page mit Gated Content?

Eine Gated Content Landing Page ist eine Webseite, die nur ein Ziel hat: die Nutzer dazu zu bringen, sich für exklusive Inhalte anzumelden.

Sie können den Nutzern fast alle Arten von Inhalten anbieten, einschließlich:

Der einzige Unterschied besteht darin, dass es sich um etwas handeln sollte, das die Besucher nirgendwo anders auf Ihrer Website finden können, was wir im Inbound-Marketing als "ungated content" bezeichnen.

Aber um Zugang zu diesen wertvollen Inhalten zu erhalten, müssen sie einige persönliche Informationen wie ihren Namen und ihre E-Mail-Adresse angeben. Normalerweise können Sie das tun, indem Sie ein Anmeldeformular auf Ihrer Seite einfügen.

Nach Eingabe ihrer Kontaktinformationen werden diese Besucher in Ihre E-Mail-Liste aufgenommen. Von dort aus können Sie ihnen die Inhalte, die nur für Abonnenten bestimmt sind, per E-Mail zukommen lassen oder sie auf eine Dankeseite schicken, von der sie sie herunterladen können.

Viele Content-Vermarkter bezeichnen Gated Content als Locked Content, aber es bedeutet dasselbe: exklusive Inhalte, die Sie nirgendwo anders anbieten.

Hier ist ein Beispiel:

Landing Page mit Gated Content

Wie bei den meisten Dingen gibt es auch beim Gating von Inhalten Vor- und Nachteile. Aber wenn Sie es richtig machen, kann es Ihre Inhalte attraktiver machen, Ihnen helfen, Ihre Zielgruppe anzusprechen, und zu besseren Leads führen.

Außerdem wirkt sich das Sperren Ihrer Inhalte nicht auf die Suchmaschinenoptimierung aus, d. h. Suchmaschinen wie Google können weiterhin auf die Inhalte zugreifen.

Was sollte auf einer Landing Page mit Gated Content enthalten sein?

Bei der Gestaltung einer Landing Page für Gated Content gibt es einige Dinge zu beachten. Wir empfehlen, die folgenden Richtlinien für die Anatomie einer Landing Page zu befolgen, um sicherzustellen, dass Sie auf Anhieb Erfolg haben:

  • Halten Sie es einfach - Ihre Seite sollte ein einfaches und modernes Design haben, das leicht zu navigieren ist.
  • Einbindung visueller Medien - Verwenden Sie Farben, Bilder und Videos, um die Aufmerksamkeit der Menschen zu wecken und komplizierte Konzepte zu erklären.
  • Minimieren Sie Formularfelder - Beschränken Sie die Formularfelder auf ein Minimum, um die Konversionsrate der Landing Page zu erhöhen. Fragen Sie zumindest nach dem Namen und der E-Mail-Adresse des Kunden. Sie können später immer noch nach weiteren Details fragen.
  • Optimieren Sie für SEO - Geben Sie ein Ziel-Keyword und verwandte Keywords für Ihre Seite an, damit sie organischen Suchmaschinenverkehr generiert. In diesem Beitrag erfahren Sie mehr über die Keyword-Recherche.
  • Enthalten Sie CTAs - Haben Sie eine klare Call-to-Action-Schaltfläche oder einen Satz, der die Leute zum Klicken anregt. Dies wird Ihnen helfen, Leads zu generieren.

Wenn Sie weitere Hilfe bei der Entscheidung benötigen, was Sie in Ihre Gated-Content-Seite aufnehmen sollten, lesen Sie diese Best Practices für Landing Pages.

Wie man eine Landing Page für Gated Content erstellt

Man könnte meinen, dass es schwierig ist, eine Landing Page für gesperrte Inhalte zu erstellen. Aber mit den richtigen Tools ist es viel einfacher, als es aussieht.

In diesem Beitrag zeigen wir Ihnen, wie Sie mit dem WordPress-Plugin SeedProd eine eigene Seite für Gated Content erstellen können.

SeedProd bestes WordPress Landing Page Plugin

SeedProd ist der beste Drag-and-Drop WordPress Page Builder. Es kommt mit Hunderten von integrierten Seitenvorlagen, um benutzerdefinierte Landing Pages zu entwerfen, ohne irgendeinen Code zu bearbeiten.

Auf diese Weise müssen Sie keinen Entwickler beauftragen, um Ihre Landing Page mit Gated Content zu erstellen.

Mit der Echtzeit-Vorschau können Sie Änderungen an Ihrer Seite vornehmen und sie live auf Ihrem Bildschirm sehen. Und da die Vorlagen vollständig responsive sind, sehen sie auf jeder Bildschirmgröße und jedem Gerät großartig aus.

Darüber hinaus ist SeedProd das schnellste und leichteste Landing Page Plugin auf dem Markt. Mit integrierten Optin-Formularen und E-Mail-Integration ist es noch einfacher, die Informationen zu sammeln, die Sie benötigen, um Ihre Liste zu vergrößern und Ihre exklusiven Inhalte zu liefern.

Wenn Sie also immer noch wissen möchten, wie Sie eine Landing Page mit Gated Content erstellen können, erfahren Sie hier, wie Sie es mit SeedProd tun können.

Schritt 1. Installieren Sie SeedProd Landing Page Pro

Zuerst müssen Sie das SeedProd WordPress Plugin herunterladen und installieren.

Wenn Sie Hilfe bei diesem Schritt benötigen, können Sie diese Anleitung zur Installation eines WordPress-Plugins befolgen.

Hinweis: Es gibt eine kostenlose Version von SeedProd, die Sie verwenden können, aber für dieses Tutorial werden wir die Pro-Version verwenden, weil sie die erweiterten Blöcke und E-Mail-Integrationen hat, die wir brauchen.

Nach der Aktivierung müssen Sie den Lizenzschlüssel eingeben, um Ihr Konto zu verifizieren. Sie finden Ihren SeedProd-Lizenzschlüssel in Ihrem Konto-Dashboard auf der SeedProd-Website.

Aktivieren Sie den seedprod-Lizenzschlüssel

Klicken Sie auf die Schaltfläche Schlüssel überprüfen, und Sie erhalten eine Erfolgsmeldung. Sie können nun mit der Erstellung Ihrer Seite beginnen.

Schritt 2. Erstellen Sie eine neue Landing Page

Nachdem Sie Ihren Schlüssel überprüft haben, gehen Sie zu SeedProd " Seiten und klicken Sie auf die Schaltfläche "Neue Landing Page hinzufügen", um Ihre Landing Page mit Gated Content zu erstellen.

Hinzufügen einer neuen Landing Page in WordPress

Daraufhin wird eine neue Seite mit Hunderten von Vorlagen angezeigt, die Sie für einen schnellen Einstieg nutzen können. Klicken Sie auf einen der Filter, um ein Design zu finden, das Ihren Anforderungen am besten entspricht.

SeedProd Landing Page Vorlagen

In diesem Leitfaden klicken wir auf die Presse-Kontaktseite und wählen die Vorlage Investment Squeeze Page aus.

Wählen Sie den Filter für die Landing Page des Lead Squeeze

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

Wählen Sie eine Vorlage für eine Landing Page mit Gated Content

Nachdem Sie Ihre Vorlage ausgewählt haben, öffnet sich ein Popup-Fenster, in dem Sie einen Namen und eine URL für Ihre Seite eingeben können. Klicken Sie dann auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen, um fortzufahren.

Geben Sie Ihrer Landing Page für Gated Content einen Namen

Ihre neue Landing Page mit Gated Content wird nun im visuellen Seiteneditor von SeedProd geöffnet.

Schritt 3. Anpassen Ihrer Gated-Content-Landing-Page

Mit dem visuellen Seitenersteller von SeedProd können Sie Ihrer Landing Page ganz einfach Inhalte und erweiterte Funktionen hinzufügen.

So können Sie beispielsweise Ihre Seite in Echtzeit bearbeiten und auf der rechten Seite Ihres Bildschirms eine Vorschau anzeigen. Ebenso finden Sie auf der linken Seite verschiedene Inhaltsblöcke, Abschnitte und Werkzeuge.

Gated Content Landing Page Builder

SeedProd bietet eine breite Palette von Blöcken für die Gestaltung Ihrer Landing Page, darunter:

  • Standard - Grundlegende Inhalte wie Überschriften, Bilder, CTA-Schaltflächen und Spalten.
  • Erweitert - Blöcke zur Lead-Generierung wie Optin-Formulare, Countdown-Timer, Einbettung in soziale Medien, Testimonials und mehr.
  • WooCommerce - Inhalte für Ihr eCommerce-Geschäft, einschließlich der Schaltfläche "In den Warenkorb", der Kasse, des Warenkorbs und der Produktraster.
  • Gespeichert - Benutzerdefinierte Blöcke, die Sie zur Wiederverwendung auf anderen Seiten gespeichert haben.

Glücklicherweise wird Ihnen mit den responsiven Vorlagendesigns von SeedProd ein großer Teil der Arbeit abgenommen. Das bedeutet, dass Sie nur noch die Standardelemente durch Ihre Inhalte ersetzen und das Styling anpassen müssen.

Ihr Optin-Formular anpassen

Lassen Sie uns zunächst das Optin-Formular anpassen, mit dem sich die Nutzer für Ihre geschützten Inhalte anmelden können.

Um das Standard-Optin-Formular anzupassen, fahren Sie mit der Maus über das Formular in Ihrer Vorschau und klicken Sie auf das Zahnradsymbol. Dadurch wird das Panel für die Inhaltseinstellungen auf der linken Seite Ihres Bildschirms geöffnet.

Einstellungen für Optin-Formularblöcke

In diesem Bereich können Sie benutzerdefinierte Formularbeschriftungen eingeben, bestimmte Formularfelder ein- und ausblenden und die Call-to-Action-Schaltfläche Ihres Formulars anpassen.

Außerdem können Sie festlegen, was nach der Anmeldung geschieht. Sie können zum Beispiel eine benutzerdefinierte Erfolgsmeldung anzeigen oder die Benutzer auf eine andere Seite Ihrer Website weiterleiten.

Anmeldeformular Erfolgsaktion

Die Redirect-Aktion ist eine hervorragende Möglichkeit, Ihren Nutzern einen kostenlosen Download zukommen zu lassen. Folgen Sie einfach dieser Anleitung, um eine Dankeseite zu erstellen, und fügen Sie einen Link hinzu, der den Download auslöst.

Hinzufügen von benutzerdefiniertem Landing Page-Text

Anschließend können Sie die Standardüberschriften an Ihr Angebot anpassen, indem Sie auf eine Überschrift klicken und direkt in der Seitenvorschau etwas eingeben. 

Passen Sie den Inhalt Ihrer Gated Content-Landing Page an

Sie können Ihren Überschriftentext auch in das Überschrifteneinstellungsfeld auf der linken Seite eingeben. In diesem Bereich können Sie auch die Ausrichtung, die Schriftgröße und die Überschriftsebene anpassen.

Wiederholen Sie diesen Schritt für alle anderen schriftlichen Inhalte in Ihrer Vorlage, einschließlich Zwischenüberschriften, Aufzählungslisten und Fließtext.

Anpassen Ihrer Icons

Die Vorlage für diesen Leitfaden enthält standardmäßig auch praktische Icon-Boxen. Damit können Sie auffällige Icons mit einer Unterüberschrift und einer Beschreibung darunter anzeigen.

Anpassen der Seedprod-Symbolblöcke

Sie können die angezeigten Symbole ganz einfach anpassen, indem Sie auf das Symbol für die Blockeinstellungen in Ihrer Vorschau klicken. Von dort aus können Sie das Standardsymbol entfernen und ein passenderes Design aus der Symbolbibliothek von SeedProd auswählen.

Seedprod-Symbolbibliothek

Sie können auch die Farbe, die Ausrichtung und die Größe des Symbols in demselben Fenster wie den dazugehörigen Text ändern.

Das Heldenbild ändern

Natürlich möchten Sie das Standard-Heldenbild durch etwas ersetzen, das besser zu Ihrem Angebot passt. Klicken Sie dazu auf den vorhandenen Bildblock und wählen Sie das Mülleimersymbol, um das Bild zu löschen.

Ersetzen Sie das Heldenbild der Landing Page mit Gated Content

Anschließend können Sie ein Bild von Ihrem Computer hochladen oder auf die Schaltfläche Archivbild verwenden klicken, um ein lizenzfreies Foto auszuwählen.

Verwenden Sie lizenzfreie Fotos von seedprod

Hinzufügen eines Countdown-Timers

Und wenn Sie bei den Besuchern Ihrer Landing Page ein Gefühl der Dringlichkeit hervorrufen möchten, können Sie den in SeedProd integrierten Countdown-Timer verwenden. Ziehen Sie einfach den Block aus dem linken Bedienfeld und legen Sie ihn auf Ihrer Seite ab.

Fügen Sie einen Countdown-Timer zu Ihrer Landing Page mit Gated Content hinzu

Sie können den Timer so einstellen, dass er an einem bestimmten Datum abläuft, oder ihn für jeden Besucher in den Einstellungen zurücksetzen.

SeedProd Countdown-Uhr Typ

Und auf der Registerkarte Vorlagen können Sie den Stil des Timers mit wenigen Klicks ändern.

Countdown-Timer-Vorlagen seedprod

Einschließlich Social Proof

Bevor wir zur Anpassung der Farben Ihrer Seite übergehen, gibt es noch etwas hinzuzufügen: den sozialen Beweis.

SeedProd macht es Ihnen leicht, sowohl Testimonials als auch Sternebewertungen einzubinden, um den Aussagen Ihres Angebots mehr Gewicht zu verleihen. Auf diese Weise können Sie positive Kommentare von bestehenden Kunden nutzen, um Nutzer zum Herunterladen Ihrer Gated-Inhalte zu bewegen.

SeedProd Erfahrungsberichte Block

Im Einstellungsbereich für Zeugnisse können Sie mehrere Bewertungen mit Fotos, dem Namen des Kunden und dem Titel hinzufügen. Sie können auch festlegen, dass sich die Zeugnisse auf einem benutzerfreundlichen Karussell-Schieberegler drehen.

Einstellungen für den Testimonial-Block

Darüber hinaus ist der Block mit den Sternchenbewertungen eine hervorragende Möglichkeit für die Nutzer, auf einen Blick zu sehen, wie die Leute Ihr Unternehmen bewerten. Dies ist eine weitere Strategie, die sie davon überzeugen kann, sich zu registrieren.

Fügen Sie den Sternbewertungsblock zu Ihrer Landing Page für Gated Content hinzu, um den sozialen Nachweis zu erbringen

Wählen Sie ein Farbschema

Der letzte Schritt bei der Anpassung Ihrer Landing Page mit Gated Content ist die Anpassung der Farben und der Typografie. Ändern Sie zunächst die Hintergrundfarbe des Heldenbereichs.

Bewegen Sie dazu die Maus über den Heldenbereich in der Vorschau, bis Sie einen blauen Umriss sehen. Klicken Sie dann auf das Zahnradsymbol, um das Einstellungsfeld anzuzeigen.

Einstellungen der Seedprod-Heldenreihe

Klicken Sie nun auf das Farbpalettensymbol neben der Überschrift Hintergrundfarbe und wählen Sie eine Farbe aus dem Farbwähler.

Passen Sie die Hintergrundfarbe Ihres Heldenbereichs an

Aber was ist mit Ihren Symbolen, Schaltflächen, Überschriften und Texten?

Die gute Nachricht ist, dass Sie all diese Dinge im Menü Globale Einstellungen automatisch ändern können. Klicken Sie einfach auf das Zahnrad- oder Zahnradsymbol in der unteren linken Ecke Ihres Bildschirms, um dieses Menü aufzurufen.

Globale Einstellungen von SeedProd

Wie Sie sehen können, enthält es Einstellungen für:

  • Schriftarten
  • Farben
  • Hintergrund
  • Benutzerdefiniertes CSS

Wenn Sie eine dieser Einstellungen ändern, werden diese Änderungen für die gesamte Seite übernommen. So müssen Sie sie nicht für jeden Block einzeln ändern.

Wenn Sie beispielsweise die globalen Standardfarbeinstellungen ändern möchten, klicken Sie auf die Überschrift Farben. Hier können Sie die Überschriften-, Text-, Link-, Schaltflächen- und Hintergrundfarbe für die gesamte Seite einzeln ändern.

SeedProd gated content Landing Page Farbschemata

Wenn Sie sich jedoch nicht sicher sind, welche Farben Sie wählen sollen, können Sie eines der vordefinierten Farbschemata von SeedProd verwenden, indem Sie auf die Schaltfläche Farbpaletten klicken. Dort können Sie ein Farbschema auswählen und es mit einem einzigen Klick anwenden.

Und das Ergebnis? Ein großartiges Design, das in allen Bereichen einheitlich wirkt,

Neue Seitenfarben

Schritt 4. Verbinden Sie Ihren E-Mail-Marketingdienst

Da eines Ihrer Hauptziele darin besteht, mit Gated Content Leads für Ihr Unternehmen zu generieren, benötigen Sie eine Möglichkeit, die E-Mail-Adressen der Benutzer nach deren Anmeldung zu speichern.

Mit SeedProd können Sie Ihre Gated-Content-Landingpage ganz einfach mit gängigen E-Mail-Marketingdiensten wie Constant Contact oder Mailchimp verbinden. Wechseln Sie einfach zur Registerkarte "Verbinden" und wählen Sie dann Ihren E-Mail-Dienstanbieter aus.

seedprod E-Mail-Marketing-Integrationen

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

Schritt 5. Konfigurieren Sie die Einstellungen Ihrer Landing Page

Möchten Sie Ihrer Landing Page Tracking-Skripte hinzufügen oder ihr einen eigenen Domainnamen geben? Wenn das der Fall ist, wechseln Sie zur Registerkarte Seiteneinstellungen, wo Sie diese Einstellungen ganz einfach konfigurieren können.

Einstellungen der Zielseite

Insbesondere die Funktion " Benutzerdefinierte Domäne " ermöglicht es Ihnen, Ihre WordPress-Website zu nutzen, um Landing Pages mit Gated Content, "Coming Soon"-Seiten, Produktseiten, geografisch ausgerichtete Werbekampagnen, Microsites und vieles mehr mit eigenen Domainnamen zu erstellen.

seedprod benutzerdefinierte Domäneneinstellungen

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.

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

Schritt 6. Veröffentlichen Sie Ihre Gated Content-Seite

Bevor Sie Ihre Seite veröffentlichen, sollten Sie sie auf verschiedenen Bildschirmgrößen testen, um sicherzustellen, dass sie korrekt angezeigt wird. Glücklicherweise können Sie mit SeedProd eine Vorschau Ihrer Desktop-Site auf dem Handy erstellen.

Klicken Sie einfach auf die Registerkarte Design und wählen Sie das Handy-Symbol am unteren Rand des Bildschirms.

Seitenvorschau auf mobilen Geräten

Hier wird eine mobile Vorschau Ihrer Seite angezeigt. Wenn etwas falsch aussieht, können Sie irgendwo auf die Vorschau klicken, um das Design anzupassen.

Um beispielsweise das Heldenbild auf mobilen Geräten auszublenden und das Scrollen der Seite zu erleichtern, können Sie auf das Bild klicken, zur Registerkarte Erweitert wechseln und im Abschnitt Gerätesichtbarkeit auf die Option Auf mobilen Geräten ausblenden klicken.

Ausblenden von Landing Page-Elementen auf mobilen oder Desktop-Bildschirmen

Auf diese Weise wird das Bild auf mobilen Geräten nicht angezeigt, sobald Sie die Seite veröffentlichen.

Nachdem Sie Ihre Seite bearbeitet haben, klicken Sie auf die Schaltfläche Speichern und dann auf Veröffentlichen.

Veröffentlichen Sie Ihre Landing Page mit Gated Content

Jetzt können Sie auf die Schaltfläche Live-Seite anzeigen klicken, um eine Vorschau der Live-Version Ihrer Landing Page mit gesperrten Inhalten anzuzeigen.

Beispiel für eine Live-Landingpage mit Gated Content

Und da haben Sie es!

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie mit SeedProd eine Landing Page mit Gated Content erstellen können.

Vielleicht gefällt Ihnen auch diese Anleitung zur Erstellung einer dynamischen Landing Page in WordPress. Auf diese Weise können Sie Ihre Seite für verschiedene Arten von Zielgruppen personalisieren.

Vielen Dank für die Lektüre. Bitte folgen Sie uns auf YouTube, Twitter und Facebook, um weitere hilfreiche Inhalte für Ihr Unternehmen 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.