So erstellen Sie mit Elementor eine Landing Page in WordPress

Veröffentlicht: 2022-09-22

Wenn Sie eine Zielseite in WordPress erstellen möchten, ist eine der besten Möglichkeiten, dies zu tun, die Verwendung des Elementor-Plugins. Elementor ist ein WordPress-Plugin, mit dem Sie benutzerdefinierte Seiten und Beiträge per Drag-and-Drop erstellen können. Das bedeutet, dass Sie eine Zielseite erstellen können, ohne etwas programmieren zu müssen. Das Erstellen einer Zielseite mit Elementor ist einfach und dauert nur wenige Minuten. In diesem Artikel zeigen wir Ihnen, wie Sie mit Elementor eine Zielseite in WordPress erstellen.

Eine Landing Page ist eine Online-Werbung, die speziell für diesen Zweck entwickelt wurde. Der Zweck einer Zielseite besteht darin, Benutzer zum Handeln zu bewegen (CTA). Sie haben häufig höhere Conversion-Raten als normale Blog-Posts oder Website-Seiten. Sie können auch verwendet werden, um Leads zu generieren und eine E-Mail-Liste aufzubauen. Mit Elementor und seiner visuellen Drag-and-Drop-Designoberfläche können Sie Zielseiten für eine WordPress-Website erstellen. Besucher, die bei der Nutzung einer Zielseite durch Ablenkungen abgelenkt werden, können die Aktionen ausführen, die Sie von ihnen verlangen. Es gibt ein kostenloses Elementor-Plugin, das auf WordPress.org heruntergeladen werden kann, oder Sie können es installieren, indem Sie zu Plugins > Neu hinzufügen gehen.

In Schritt 1 müssen Sie Farben, Schriftarten und eine Farbauswahl für Ihre Zielseite einrichten. Der zweite Schritt besteht darin, den Mischmodus für Hintergrundbilder und überlappende Überschriften einzurichten. Der obere Abschnitt enthält die Überschrift, den Texteditor und Schaltflächen-Widgets. Es gibt drei Spalten im Navigationsbereich und eine Schaltfläche, mit der Sie auf das Navigationsmenü, ein Bild-Widget und ein Bild-Widget zugreifen können. Dieser Abschnitt enthält das Widget für den Texteditor sowie das Symbol, die Überschrift und das Widget für About. Der Funktionsbereich enthält links ein großes Bild eines Rollers sowie rechts eine Liste mit drei Diensten. Im siebten Schritt wird ein Galeriebereich eingerichtet.

Anschließend fügen wir eine Galerie hinzu. Der Titel ist groß und enthält Call-to-Action-Schaltflächen sowie andere Widgets. In Schritt 8 müssen Sie das Kontaktbereichsformular ausfüllen. Besucher können mit den Eigentümern unserer Website kommunizieren, indem sie auf den Kontaktlink unten klicken. Wie versteckt man am besten einen Navigationsbereich auf einer Website? Dafür gibt es einen Grund. Der Benutzer kann die Navigation ausblenden, wenn er über einen bestimmten Punkt auf der Seite hinausscrollt.

Alternativ können Sie die Landingpage-Vorlagen von Elementor verwenden und diese an Ihre Bedürfnisse anpassen. In diesem Beitrag sind wir den gesamten Prozess der Landingpage-Erstellung durchgegangen. Einfache Themen sind ideal für Landingpages, da sie schlanker wirken. Mit den kostenlosen und Pro-Vorlagen von Elementor können Sie über hundert ganzseitige Seiten erstellen. Elementor-Blöcke hingegen sind eine effiziente Möglichkeit, schnell eine Vielzahl von Elementen für Ihre Zielseite zu erstellen.

Wie mache ich die Elementor-Landing Page zu meiner Startseite?

Bildnachweis: www.fiverr.com

Wenn Sie den Seitenersteller von Elementor verwenden, gibt es ein paar einfache Schritte, um Ihre Zielseite zu Ihrer Startseite zu machen. Gehen Sie zunächst zu den Elementor-Einstellungen in Ihrem WordPress-Dashboard und wählen Sie die Option „ Statische Startseite “. Erstellen Sie als Nächstes eine neue Seite und wählen Sie als Seitenvorlage „Elementor Canvas“. Jetzt können Sie Ihren gewünschten Inhalt hinzufügen und die Seite speichern. Gehen Sie schließlich in Ihrem WordPress-Dashboard zu Einstellungen > Lesen und stellen Sie die Option „Startseitenanzeigen“ auf „Eine statische Seite“. Wählen Sie Ihre Zielseite aus dem Dropdown-Menü aus und klicken Sie auf „Änderungen speichern“. Ihre Zielseite ist jetzt als Startseite festgelegt!

Unter den Anzeigeeinstellungen der Startseite fehlt Ihnen Ihre erstaunlich gestaltete Zielseite. Sie können es in wenigen Minuten tun, indem Sie dieser 5-Schritte-Anleitung folgen. Bei allen Bildern ist die Lightbox aktiviert. Wenn Sie das Bild nicht sehen können, klicken Sie auf die Schaltfläche „Vergrößern“, um es zu vergrößern. Der erste Schritt besteht darin, eine statische Seite aus dem Einstellungsmenü unter Ihrer Startseite auszuwählen, gefolgt von der Dropdown-Liste neben der Startseite und schließlich der Seite, die Sie gerade erstellt haben. Es kann alles sein, von einer Demo-Tutorial-Seite bis hin zu einer Website. Ich wähle das dann aus und klicke auf Änderungen speichern. Wenn Sie fertig sind, gehen Sie einfach auf Ihre Homepage und sehen Sie, wie Sie Ihr Ziel erreicht haben.

So veröffentlichen Sie Ihre Elementor-Landingpage

Wenn Sie Fragen oder Bedenken haben, wenden Sie sich bitte an unser Kundendienstteam. Bitte kontaktieren Sie uns, wenn Sie Hilfe benötigen. Ihre Zielseite sollte in der Rubrik „Elementor“ veröffentlicht werden. Das Customizing-Tool finden Sie im linken Menü. Die Option „Eine statische Seite“ finden Sie in den Homepage-Einstellungen. Durch Auswahl des entsprechenden Dropdown-Menüs können Sie die von Ihnen erstellte Homepage auswählen. Das „Auge“-Symbol befindet sich auf der linken Seite des Bedienfelds. Stellen Sie sicher, dass alles in Ordnung ist, bevor Sie mit der Veröffentlichung Ihrer Zielseite beginnen. Um die Auswahl eines Updates zu erleichtern, wird der grüne „Veröffentlichen“-Button nun als grauer „Update“-Button dargestellt. Ihre Elementor-Landingpage wurde nun veröffentlicht.

Hat Elementor Zielseiten?

Bildnachweis: wpbuilt.co

Ja, Elementor hat Zielseiten! Sie können den Drag-and-Drop-Builder verwenden, um benutzerdefinierte Zielseiten für Ihre Website zu erstellen. Außerdem können Sie mit der großen Auswahl an Vorlagen und Themen ganz einfach eine professionell aussehende Zielseite erstellen, die zu Ihrer Marke passt.

In diesem Schritt-für-Schritt-Video erfahren Sie, wie Sie mit Elementor eine stilvolle Landingpage erstellen. Nachdem Sie das Dropdown-Menü ausgewählt haben, können Sie mit dem Hinzufügen der Blöcke beginnen, die als Zielseite dienen. Landing Pages können auf unterschiedliche Art und Weise aufgebaut sein. Beim Erstellen einer Zielseite ist die Kopfzeile normalerweise begrenzt. Wenn ein Besucher eine Seite zum ersten Mal besucht, wird ihm der Held präsentiert. Füllen Sie das folgende Formular aus: Titel, Untertitel und Unterabonnent. Bevor Sie Ihre Landingpage veröffentlichen, sollten Sie überprüfen, ob alles richtig organisiert ist. Alle Blöcke reagieren vollständig auf Mobilgeräte, sodass Sie Ränder, Auffüllungen und andere Einstellungen auf Mobilgeräten und Tablets ändern können. Indem Sie diesem Tutorial folgen, können Sie lernen, wie man es benutzt.

Elementor-Landingpage-URL

Bildnachweis: www.weblord.it

Elementor ist ein beliebtes WordPress-Plugin, mit dem Sie benutzerdefinierte Zielseiten erstellen können. Das Plugin ist als kostenlose und kostenpflichtige Version erhältlich. Die kostenlose Version enthält grundlegende Funktionen, während die kostenpflichtige Version erweiterte Funktionen enthält. Um eine Landing Page mit Elementor zu erstellen, müssen Sie das Plugin installieren und aktivieren. Sobald das Plugin aktiviert ist, können Sie eine neue Zielseite erstellen, indem Sie zum Elementor-Editor gehen und die Zielseitenvorlage auswählen.

So erstellen Sie eine Seite mit Elementor

Angenommen, Sie möchten Tipps zum Erstellen einer Seite mit Elementor:
Wenn Sie Elementor zum ersten Mal öffnen, werden Sie aufgefordert, eine Vorlage auszuwählen. Wenn Sie ganz von vorne anfangen möchten, wählen Sie die leere Vorlage. Wenn Sie eine vorgefertigte Vorlage verwenden möchten, wählen Sie eine aus der Bibliothek aus.
Nachdem Sie eine Vorlage ausgewählt haben, können Sie mit dem Hinzufügen und Bearbeiten von Inhalten auf Ihrer Seite beginnen. Um ein neues Element hinzuzufügen, klicken Sie auf die Schaltfläche „+“ in der unteren linken Ecke des Bildschirms. Dadurch wird das Bedienfeld „Element hinzufügen“ geöffnet, das alle Elemente enthält, die Sie Ihrer Seite hinzufügen können.
Um ein Element zu bearbeiten, klicken Sie einfach darauf und die Elementoptionen erscheinen im linken Bereich. Hier können Sie die Einstellungen, den Stil und den Inhalt des Elements ändern.
Wenn Sie mit der Erstellung Ihrer Seite fertig sind, klicken Sie auf die Schaltfläche „Veröffentlichen“ in der oberen rechten Ecke des Bildschirms.

Diese Schritt-für-Schritt-Anleitung zeigt Ihnen, wie Sie eine einseitige Website mit den Elementor- und PowerPack-Elementor-Add-Ons entwerfen und erstellen. One-Page-Websites sind beliebt, weil sie einfach einzurichten sind und sich mit dem Austausch von Informationen befassen. Dieses Tutorial zeigt Ihnen, wie Sie mit diesen Add-Ons ganz einfach eine beeindruckende einseitige Website erstellen können. Auf der Registerkarte Inhalt auf der zweiten Seite finden Sie Elementor One-Page Navigation Customizations. Sie können Abschnittstitel, Abschnitts-ID und Navigationspunkte in diesem Abschnitt auch einen Abschnittstitel, eine Abschnitts-ID und Navigationspunkte hinzufügen. Sie können auch benutzerdefinierte Navigationspunkte in Ihrem Abschnitt der Seite auswählen. Das Scrollrad, der Werkzeugpfeil und die Scrolltasten können je nach Kontext aktiviert oder deaktiviert werden.

Sie können Farbe, Größe, QuickInfo und andere Funktionen der einseitigen Navigation ändern, indem Sie auf die Registerkarte „Stil“ klicken. Sie können der Umrandung Stile sowie Rahmenschatten hinzufügen. Dies ist ein Beispiel für eine erstaunliche einseitige Website mit dem Elementor One-Page Navigation Widget.

Erstellen einer neuen Seite auf Ihrer WordPress-Site

Mit Elementor können Sie ganz einfach eine neue Seite zu Ihrer WordPress-Site hinzufügen. Wenn Sie in Ihrem Dashboard mit der Maus über Seiten fahren, können Sie neue Seiten hinzufügen . Wenn Sie eine vorhandene Seite bearbeiten möchten, klicken Sie auf den Editor-Link, der beim Hovern angezeigt wird, nachdem Sie den Mauszeiger über den Titel der Seite bewegt haben, die Sie bearbeiten möchten. Im Editor können Sie beliebige Inhalte wie Text, Bilder, Kontaktformulare, Schaltflächen usw. hinzufügen.

Elementor-Zielseite nicht gefunden

Wenn Sie Elementor zum Erstellen einer Landingpage verwenden und die gesuchte Landingpage-Vorlage nicht finden können, liegt dies wahrscheinlich daran, dass die Vorlage nicht in der Elementor-Bibliothek enthalten ist. Landingpages werden oft mit einer bestimmten Vorlage oder einem Plugin erstellt, daher müssen Sie eine Landingpage-Vorlage finden, die mit Elementor kompatibel ist. Sobald Sie eine Vorlage gefunden haben, die Ihnen gefällt, können Sie sie in Elementor importieren und mit der Erstellung Ihrer Zielseite beginnen.

So machen Sie Ihre Landing Page zu Ihrer Homepage

Wenn Sie Ihre Zielseite zu Ihrer Startseite machen möchten, aktivieren Sie das Kontrollkästchen „Ihre Startseite wird angezeigt:“ und ändern Sie dann die Option „Eine statische Seite“ im Customizer zu „Ihre Zielseite“. Die Startseite, die Sie in den obigen Schritten erstellt haben, wird im Dropdown-Menü angezeigt.

Beispiele für Elementor-Landingpages

Es gibt verschiedene Möglichkeiten, eine Zielseite mit Elementor zu erstellen. Eine Möglichkeit besteht darin, eine vorgefertigte Zielseitenvorlage zu verwenden. Dies kann eine großartige Option sein, wenn Sie schnell und einfach eine Zielseite erstellen möchten. Eine weitere Möglichkeit besteht darin, den Elementor Page Builder zu verwenden, um eine benutzerdefinierte Zielseite zu erstellen. Mit dieser Option haben Sie mehr Kontrolle über das Design Ihrer Zielseite, die Erstellung kann jedoch etwas länger dauern.

Eine Zielseite ist eine einseitige Website, die Benutzer anweist, wie sie Maßnahmen ergreifen können, wenn sie eine E-Mail-Liste kaufen, abonnieren, herunterladen oder sich für eine E-Mail-Liste anmelden müssen. Die Leute werden dort durch Werbung angezogen, die in E-Mails, sozialen Netzwerken und anderen Websites erscheint. Wenn eine Zielseite Informationen darüber enthält, warum Benutzer das Produkt benötigen, ist dies eine effektive Möglichkeit, Besucher zu konvertieren. Informationen, Grafiken, Vorteile, ein Call-to-Action (CTA), Schaltflächen und soziale Symbole sind alle Teil von Zielseiten. Elementor ermöglicht es Benutzern, ihre eigenen Seitenlayouts basierend auf ihrer gewünschten Positionierung zu entwerfen. Wenn Sie durch Must-Have oder nicht teilen, schaffen Sie eine sehr schwierige Situation. Wenn Sie möchten, dass Ihre Zielseite funktioniert, sollten Sie vermeiden, zu viele Widgets zu verwenden.

Mit dem JetElements-Plugin für Elementor können Sie sich in die magische Welt des Webdesigns einloggen. Abhängig von seiner Funktion kann ein Widget in eine Reihe von Kategorien unterteilt werden: Es ermöglicht Benutzern, ein Produkt zu berühren, sein Etikett zu zerkratzen, die Abdeckung abzuziehen und die gleichen Dinge zu tun, die wir im täglichen Leben tun. Hier sind fünf alternative Vorlagen für Elementor-Landingpages, die Sie in Betracht ziehen sollten. Mit JetElements können Sie alle Ihre Zielseiten-Widgets anpassen. Da Widgets auf der linken Seite Drag-and-Drop sind, sollten Sie die besten Widgets an der entsprechenden Position platzieren. Beispiele für ein Aptitude-Widget auf einer Elementor-Landingpage sind eine CTA-Schaltfläche, ein Kontaktformular, ein Timer, Bewertungsschieberegler, Popups, YouTube-Videos, Karten und andere Elemente, die das Elementor-Erlebnis vermitteln.