So erstellen Sie in WordPress eine Landingpage, die konvertiert: Schritt-für-Schritt-Anleitung

Möchten Sie eine individuelle Landingpage für Ihre Website erstellen, die zu Conversions führt? Bei mehr als 4.66 Milliarden Internetnutzern weltweit hat Ihre Website hervorragende Chancen, Besucher in Leads zu verwandeln. 

All dies wird mit einer professionell aussehenden Landingpage möglich.

Sie können die Aufmerksamkeit der Benutzer schnell auf sich ziehen, indem Sie die Leistung der Zielseite nutzen. Zielseiten werden häufig im bezahlten Marketing verwendet. Social-Media-Marketing, und andere Marketingkampagnen. 

Benutzer, die von Kampagnen kommen, landen zuerst hier. Deshalb heißt es Landingpage. 

Zielseiten sind eine großartige Möglichkeit, unnötige Ablenkungen zu vermeiden und den Leuten die Möglichkeit zu geben, sich auf das Handeln zu konzentrieren. 

Sie können auch Grafiken hinzufügen, Google Bewertungenund Videos auf den Zielseiten, um die Aufmerksamkeit der Benutzer zu erregen und sie in Kunden umzuwandeln. 

In diesem Artikel erfahren Sie, wie einfach Sie mit dem Astra-Theme, Starter-Vorlagen und dem Spectra-Seitenersteller eine Landingpage in WordPress erstellen können.

Bevor wir fortfahren, werfen Sie einen kurzen Blick auf die Themen, die wir behandeln werden. 

  • Was ist eine Landingpage?
  • Warum unterscheidet sich eine Landingpage von einer normalen Seite?
  • Erstellen einer Landingpage in WordPress
  • Fazit

Wir gehen alles Schritt für Schritt durch und am Ende haben Sie ein umfassenderes Verständnis von Landingpages und deren Erstellung.

Was ist eine Landing Page?

Viele verwechseln eine Homepage mit einer Landingpage, deshalb fangen wir erst einmal hier an. 

Eine Homepage ist die erste Seite, die Besucher sehen, wenn sie eine Geschäftsdomäne besuchen. Sie enthält Ihre Geschäftsinformationen, Übersichten zu Produkten und Dienstleistungen sowie zahlreiche Navigationslinks, die den Benutzern helfen, das zu finden, was sie benötigen.

Landingpages sind darauf ausgelegt, Leads zu generieren, indem sie ausschließlich Besucherdaten erfassen. 

Es handelt sich um eine speziell erstellte Seite mit minimale Ablenkungen, um mehr Leads zu generieren und den Umsatz zu steigern.

Hier ist ein hervorragendes Beispiel für eine Zielseite:

Zielseite von Drive

Wie Sie sehen, ist die Seite selbst minimal und hat ein einziges Ziel: die Kontaktdaten potenzieller Fahrer zu sammeln.

Es gibt kaum etwas, was den Besucher ablenken könnte, und die Kernbotschaft ist klar.

Sie können Landingpages für Ihr eigenes Unternehmen erstellen, um zu bestimmten Aktionen anzuregen, darunter:

  • Anmeldung zu Ihrem Newsletter
  • Für eine E-Mail-Liste anmelden 
  • Ein Produkt oder eine Dienstleistung abonnieren 
  • Kaufen Sie Produkte in Ihrem Online-Shop 

Zielseiten haben viele verschiedene Ziele, der Prozess zur Bereitstellung einer guten Seite ist jedoch weitgehend derselbe.

Warum unterscheidet sich eine Landingpage von einer normalen Seite?

Ein wesentlicher Unterschied zwischen normalen Seiten und Landingpages ist ihr Motiv. 

Beide Seiten verfolgen unterschiedliche Ziele. 

Homepages sind darauf ausgelegt, Besucher anzulocken und Informationen bereitzustellen, während Landingpages Besucher in Kunden verwandeln. 

Eine Homepage bietet einen vollständigen Überblick über Ihr Unternehmen anhand detaillierter Informationen. Sie kann auch mehrere Ziele verfolgen, z. B. Fragen beantworten, Informationen bereitstellen und Ihre Geschichte erzählen. 

Die Optimierung von Landingpages hat ein einziges Ziel: Jeden Besucher der Seite zu einem Kunden zu machen.

Sie können beliebig viele Zielseiten erstellen, darunter:

  • Spezifische Zielseiten für eine Dienstleistung oder ein Produkt 
  • Eine Landingpage für Ihre bezahlte Marketingkampagne 
  • Eine spezielle Seite für Abonnenten aus Ihrer E-Mail-Liste und anderen Social Media Plattformen

Sehen wir uns nun an, wie Sie in WordPress eine schöne Landingpage erstellen, ohne dass CSS und HTML erforderlich sind. 

Erstellen einer Landingpage in WordPress

Um eine Landingpage zu erstellen, benötigen Sie einen Domainnamen, Webhosting, WordPress, Astra, Starter Templates und Spectra zur Anpassung Ihrer Landingpage. 

Wenn Sie nach Zielseiten suchen, haben Sie die ersten drei wahrscheinlich schon eingerichtet. Falls das nicht der Fall ist, werden wir sie hier trotzdem behandeln.

Schritt 1: Kaufen Sie einen Domänennamen und Webhosting

Um eine Landingpage zu erstellen, benötigen Sie eine Domain und Webhosting. Bei der Wahl der Domain sollten Sie die Endung sorgfältig im Hinblick auf SEO-Potenzial und Vorteile für Ihr persönliches Branding berücksichtigen. Die besondere Wirkung einer .me-Domain kann Ihr Unternehmen von der Konkurrenz abheben und Professionalität mit Individualität verbinden.

Domainnamen erhalten Sie beispielsweise bei Google Domains und Namecheap. Webhosting wird unter anderem von Cloudways, Hostinger, HostGator und SiteGround angeboten. Sie haben also eine große Auswahl. Web-Hosting – WordPress-Hosting, cPanel-VPS-Hosting, Shared Hosting usw.

Sie können Ihren Domänennamen und Ihr Hosting-Paket auch von derselben Firma beziehen. Die Entscheidung liegt ganz bei Ihnen.

Schritt 2: Install WordPress 

WordPress ist eine Open-Source-Plattform und kostenlos nutzbar. Die meisten Hosting-Anbieter installieren WordPress automatisch. Wenn Sie es aber selbst installieren möchten, finden Sie dazu ein Video-Tutorial. werden auf dieser Seite erläutert

Schritt 3: Installieren Sie das Astra-Theme 

Nach der Installation von WordPress benötigen Sie ein Theme, um Ihre Website zu erstellen. Sie können kostenlose oder kostenpflichtige Themes für fast jeden Einsatzzweck erhalten. Sie können sogar ein WooCommerce-Theme kaufen, wenn Sie einen Online-Shop betreiben.

Unter allen verfügbaren Designs sticht Astra hervor, da es ein kostenloses, schnelles und reaktionsfähiges WordPress-Design ist. 

Das Thema unterstützt auch führende Seitenersteller, darunter Gutenberg, Elementor und Beaver Builder. 

Das Astra-Theme enthält vorgefertigte Starter-Vorlagen, mit denen Sie eine komplette Website erstellen können, ohne eine einzige Zeile Code schreiben zu müssen. Es ist jedoch immer gut, einige Kenntnisse zu haben über Website-Terminologie wenn Sie an Ihrer Website arbeiten.

Lassen Sie uns Astra verwenden, um eine schöne Landingpage zu erstellen. 

Um das Astra-Theme zu installieren, gehen Sie zum WordPress-Administrationsbereich und wählen Sie die Aussehen> Themen

Option „Darstellungsthemen“

Danach klicken Sie auf die Schaltfläche "Neue hinzufügen"

Klicken Sie auf die Schaltfläche „Neu hinzufügen“, um das Astra-Design auszuwählen

Suchen Sie nach „Astra“ und klicke auf "Installieren". 

Klicken Sie auf die Schaltfläche „Installieren“, um das Astra-Design zu verwenden

Sobald Astra installiert ist, Mehr erfahren das Thema.

Klicken Sie auf die Schaltfläche „Aktivieren“, um mit Astra zu beginnen

Nachdem das Astra-Theme installiert ist, benötigen Sie nur noch das Starter Templates-Plugin, um eine ansprechende Landingpage zu erstellen. 

Schritt 4: Installieren Sie das Starter Templates-Plugin

Mithilfe von Starter-Vorlagen können Sie in wenigen Minuten beeindruckende Zielseiten erstellen. 

Bevor Sie fortfahren, werfen Sie einen Blick auf die Vorteile der Starter-Vorlagen:

  • Im Paket mit kostenlosen und kostenpflichtigen Landing-Vorlagen.
  • Funktioniert gut mit Drag-and-Drop-Seiteneditoren.
  • Eine große Auswahl an vorgefertigten Vorlagen. 
  • Funktioniert am besten mit dem Astra-Thema.
  • Vollständig reaktionsfähig und SEO-freundlich.

Um das Starter Templates-Plugin zu installieren, navigieren Sie zum WordPress-Admin-Dashboard und wählen Sie Plugins> Neu hinzufügen

Klicken Sie auf „Neu hinzufügen“, um Starter-Vorlagen zu installieren

Suche „Starter-Vorlagen“ in der Suchleiste und klicken Sie auf „Jetzt installieren.“  

Klicken Sie auf die Schaltfläche „Jetzt installieren“, um Starter-Vorlagen zu verwenden

Tippen Sie nach der Installation auf „Mehr erfahren". 

Startervorlagen aktivieren

Nach der Aktivierung von Starter Templates können Sie eine einzelne Landingpage-Vorlage in Ihre Seite oder Ihren Beitrag importieren. Dazu müssen Sie den Elementor Page Builder, Spectra oder Gutenberg verwenden.

Für diese Anleitung verwenden wir den Gutenberg-Editor, da dieser standardmäßig in WordPress enthalten ist.

Seitenvorlagen-Importvorgang

1 - Zurück Nach WordPress Admin > Seiten und greifen Sie auf den Editor zu, um auf die Gutenberg-Vorlagenbibliothek zuzugreifen. 

2 - Importieren Sie eine Vorlage durch Klicken auf das „Starter-Vorlagen“ Schaltfläche im Editor: 

Zielseitentitel hinzufügen

3 - Klicken Sie auf Starter-Vorlagen und durchsuchen Sie die Bibliothek, um eine Landingpage-Vorlage zu finden, die Ihnen gefällt. 

Wählen Sie eine Vorlage für die Zielseite zur Veranstaltung

4 - Wählen Sie die Vorlage aus und klicken Sie auf das „Vorlage importieren“

Klicken Sie auf die Schaltfläche „Importieren“

5 - Sobald der Importvorgang abgeschlossen ist, können Sie die Vorlage für die einzelne Landingpage automatisch als „Tiefgang - Draft". 

Da die Vorlage alles enthält, müssen Sie nur die benötigten Informationen hinzufügen und den Rest so ändern, dass er für Ihr Unternehmen und den Zweck relevant ist.

Wählen Sie einfach einen Block auf der Seite aus und verwenden Sie die Menüs über dem Block und im rechten Bereich, um Ihre Änderungen vorzunehmen.

Fertig! :) 

Mit nur wenigen Schritten können Sie eine schöne Landingpage erstellen!

Pro Tipp

Wenn Sie den Zielseiten Markenvertrauen und Autorität verleihen möchten, Tagembed verfügt über interaktive Funktionen für Instagram-Feed einbetten, Twitter-Feed, Google-Bewertungen, YouTube-Videos und weitere Social-Media-Feeds.

Tagembed

Verwendung der Tagembed Mit diesem Plugin können Sie mit wenigen Klicks ansprechende Twitter-Feeds und Google-Rezensionen einbetten.

Das Plugin bietet mehrere Vorteile, darunter:

  • Tagembed verfügt über eine fortschrittliche Inhaltsfilterung.
  • Es unterstützt sofortige Inhaltsaktualisierungen.
  • Benutzer können Berichte mit Analysen erstellen.
  • Tagembed bietet die Möglichkeit, benutzerdefiniertes CSS zu erstellen.
  • Es funktioniert auch hervorragend mit Astra und Spectra.
  • Es bietet mehrere Einbettungsfunktionen für soziale Medien auf Ihrer Website

Schritt 5: Passen Sie Ihre Zielseite mit Spectra an: 

Spectra ist ein kostenloses Add-on, das dem Gutenberg-Seiteneditor zusätzliche Blöcke hinzufügt. 

Um Spectra zu Ihrer Website hinzuzufügen, navigieren Sie zum WordPress-Administrationsbereich und gehen Sie zu Plugins> Neu hinzufügen. 

Spektren hinzufügen

Suche nach dem Stichwort „Spectra“ und klicken Sie auf "Jetzt installieren"

Klicken Sie auf die Schaltfläche „Jetzt installieren“

Um Spectra zu verwenden, klicken Sie nach Abschluss der Installation auf „Mehr erfahren". 

Beginnen Sie mit der Verwendung von Spectra-Blöcken, nachdem Sie auf die Schaltfläche „Aktivieren“ geklickt haben

Jetzt können Sie mit der Anpassung Ihrer Zielseite mit dem Spectra-Blockeditor beginnen. 

Sie können die Zielseite anpassen, indem Sie zum WordPress-Administrator-Dashboard navigieren und zu Seiten> Alle Seiten

Gehen Sie zu den Seiten und klicken Sie auf Alle Seiten

Wählen Sie die Zielseite aus und klicken Sie auf „Bearbeiten". 

Wählen Sie die Zielseite aus, um mit der Bearbeitung zu beginnen

Nach einem Klick auf „Bearbeiten”, sehen Sie den Gutenberg-Editor. Wenn Sie neu bei Gutenberg sind, können Sie sich die Tour ansehen, andernfalls überspringen Sie sie, indem Sie auf „(+)" Symbol. 

Willkommen beim Blockeditor-Popup

Nachdem Sie die Tour übersprungen haben, können Sie mit dem Hinzufügen von Blöcken zur Zielseite beginnen, indem Sie auf „(+)" Symbol.

Spectra wird mit 31 einzigartigen Blöcken geliefert. Siehe das Bild unten, das im linken Bereich 31 Blöcke zeigt. 

Wählen Sie eine davon aus, um sie Ihrer Zielseite hinzuzufügen.

Sobald Sie mit der Anpassung fertig sind, können Sie auf die "Vorschau" Schaltfläche, um die Änderungen anzuzeigen. 

Klicken Sie auf die Schaltfläche „Vorschau“, um die Änderungen anzuzeigen.

Wenn alles erledigt ist, vergessen Sie nicht, auf „Veröffentlichen". 

Klicken Sie auf die Schaltfläche „Veröffentlichen“

Und da haben Sie Ihre individuelle Landingpage!

Endeffekt

Jetzt wissen Sie, wie Sie mit WordPress, dem Astra-Theme, Starter-Vorlagen und dem Spectra-Block-Editor eine schöne Landingpage erstellen. 

Mit diesem Paket können Sie inhaltsreiche Landingpages erstellen, die konvertieren. Und das alles kostenlos.

Sie können sich auch für vorgefertigte Landingpage-Vorlagen entscheiden, um schnell mit dem Design loszulegen. Sie bieten optisch ansprechende, auf Konvertierung ausgerichtete Grundlagen und ersparen Ihnen technische Feinheiten.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie ganz einfach eine Landingpage in WordPress erstellen. Wenn Ihnen dieser Artikel gefällt und Sie Ihre Meinung dazu teilen möchten, fügen Sie bitte unten Ihre Kommentare hinzu.

Kostenloser Social Media Aggregator

Betten Sie Social Feeds von Facebook, YouTube, Instagram und Twitter wie ein Profi in Ihre Website ein

tagembed Mehrere Themen
Social-Media-Aggregator, Tagembed
Inhaltsverzeichnis:
bfcm-sale-img
Du bist gekommen, um dich weiterzuentwickeln…geh nicht mit leeren Händen.

Sie haben den Inhalt bereits. Jetzt müssen Sie ihn nur noch in Conversions umwandeln.

Starten Sie kostenlos
schließen