So erstellen Sie eine Landing Page in WordPress mit Element Pack & Elementor
Veröffentlicht: 2019-10-20Hallo zusammen, in diesem Artikel erfahren wir, wie man eine Zielseite in WordPress mit Element Pack und Elementor Page Builder erstellt. Dies wird ein Schritt-für-Schritt-Tutorial-Blog, also halten Sie den Atem an für eine lange Reise.
Lass uns anfangen!
Das Erstellen einer Zielseite mit Elementor und Element Pack ist absolut einfach
Für den Anfang gibt es viele Möglichkeiten, wie Sie mit Elementor und Element Pack atemberaubende Zielseiten erstellen können.
Wir haben diesen Artikel verfasst, um Sie über die bequemste Methode zum Erstellen von Zielseiten mit kostenlosen WordPress-Plugins zu informieren.
Ja, zum Nulltarif.
Was wir Ihnen hier zeigen werden-
- Kostenlose Plugins – Sowohl Elementor Page Builder als auch Element Pack Pro haben kostenlose Plugin-Versionen, die für die Webentwicklung geeignet sind.
- Einfache Schritte – Wir werden alles auf vereinfachte Weise tun, ohne schwierige Dinge.
- Codierungskenntnisse sind nicht erforderlich – Wir werden mit dem Elementor Page Builder-Plugin arbeiten, das als Drag-and-Drop-Plugin keine Codierungskenntnisse erfordert. Selbst dann müssen Sie sich für den Rest des Seitenerstellungsprozesses nicht mit Codes beschäftigen.
- Kreatives Design – Der alte Bär schmeckt besser, aber wir bleiben nicht bei den alten Seitenvorlagen mit derselben sich wiederholenden Benutzeroberfläche. Alles unsere sind frische und kreative Layout-Designs.
- Mehr CTR & Konversion – Dieser Leitfaden hilft Ihnen, eine Webseite zu erstellen, die nicht nur großartig aussieht, sondern auch eine höhere Konversionsrate hat.
Bevor wir uns mit dem Webseitenerstellungsprozess befassen, lassen Sie uns Ihnen ein wenig über die Definitionen dessen erzählen, was wir erstellen werden und mit welchen Tools.
Lassen Sie uns weitermachen.
Inhaltsverzeichnis
Was ist eine Landingpage in WordPress?
Die Startseite Ihrer Website ist im Grunde der Teil der Website, den wir beim Besuch einer Website zuerst sehen. Eine Zielseite ist eine dedizierte Seite für eine bestimmte Aktion, die Sie von Ihren Besuchern benötigen. Dies ist eine spezielle Seite, die für Marketingzwecke verwendet wird und den Wert Ihrer Website steigert. Zielseiten sind so konzipiert, dass sie sich auf Ihre CTR und Konversion auswirken, indem sie mit ihrer Attraktivität und ihren Funktionen mehr Menschen anziehen.
Eine richtig gestaltete Zielseite erzeugt oft mehr Suchverkehr als Blogs oder Werbebeiträge. Es macht Sinn, dass die Leute etwas Neues und Lustiges erleben wollen, um überzeugt zu werden, und eine Landingpage ist der perfekte Ort, um dies zu tun.
Es gibt viele Möglichkeiten, wie Sie eine Landingpage gestalten können. Eine Standard-Landingpage sollte eine Kopf- und Fußzeile, einen Service, häufig gestellte Fragen, Preise usw. enthalten. Sie denken vielleicht, dass es sich im Grunde um eine Homepage handelt, aber das ist es nicht.
Fakten, die eine Homepage von einer Landing Page unterscheiden
Natürlich ist die Startseite die allererste Seite, auf der Ihre Besucher landen würden.
Die Homepage enthält beispielsweise die gesamte Seitenstruktur, Details über das Produkt oder die Dienstleistung und wird verwendet, um Ihren Besuchern Ihre Marke vorzustellen. Es ermutigt die Leute auch, sich Ihre Website oder andere Seiten genauer anzusehen.
Aber wir erstellen Zielseiten, um bestimmte Anforderungen zu erfüllen, z. B. die Konzentration auf ein bestimmtes Produkt oder eine bestimmte Funktion innerhalb einer einzigen Seite.
Aus diesem Grund haben die meisten Landing Pages weniger Inhalt als die Homepage mit nur produktbezogenen Inhalten.
Wir erstellen Landingpages sozusagen mit vereinfachtem Ansatz und ohne Schnörkel, um den Besuchern eine klare Botschaft zu vermitteln.
Das ist der Kernunterschied zwischen einer Homepage und einer Zielseite.
Landing Page mit Elementor Schritt für Schritt erstellen
Nachdem Sie nun die Definitionen einer Landingpage kennen, ist es an der Zeit, etwas über den Prozess der Erstellung einer Landingpage mit Elementor zu lernen.
Wir verwenden Elementor, weil es das beliebteste Drag-n-Drop-Seitenerstellungs-Plugin für WordPress ist.
Es ist so einfach zu bedienen und erfordert überhaupt keine Programmierkenntnisse.
Das sind nicht alle Gründe, warum wir Elementor für die Webentwicklung verwenden.
- Website -Erstellung ohne Ablenkung: Elementor bietet eine vollständig leere Leinwand, sodass Sie mit der Erstellung Ihrer Website von Grund auf beginnen können. Dies bringt professionelle Webentwickler dazu, Elementor über alles andere zu schätzen.
- Drag-n-Drop-Widgets: Elementor ist sehr flexibel, da es aufgebaut ist und was es bietet. Um Merkmale oder Funktionen zu Ihrer neu gestalteten Website hinzuzufügen, müssen Sie die Widgets nur ziehen, indem Sie mit dem Cursor klicken.
- Vollständiges Site-Management: Elementor bietet insbesondere dedizierte Steuerelemente für das Landing-Page-Layout, wodurch es dynamischer und professioneller wird, Ihre Seite zu erstellen.
- Vorlagen und Blöcke: Elementor ist anfängerfreundlich und verfügt über viele vorgefertigte Vorlagendesigns, die Sie importieren und anpassen können, um in wenigen Minuten Ihre eigene Zielseite zu erstellen.
Gehen wir also voran.
Was Sie zum Starten brauchen
Damit Sie mit der Erstellung Ihrer ersten Zielseite mit Element Pack & Elementor beginnen können, müssen Sie die notwendigen Dinge im Voraus vorbereiten.
Was du brauchst ist-
- Eine stabile WordPress-Website
- Elementor Page Builder (kostenlos)
- Element Pack Pro
Der Grund, warum wir Element Pack Pro verwenden, ist, dass es über 200 essentielle Widgets für Elementor und mehr als 2000 Vorlagen enthält, um in wenigen Minuten zum Profi zu werden.
Dies ist ein legendäres Webentwicklungstool, mit dem die Webentwicklung kinderleicht wird.
Sie können die kostenlose Version Element Pack Lite verwenden, die über 45 Widgets und Funktionen kostenlos bereitstellt.
Außerdem gibt es eine gute Anzahl von Zielseitenvorlagen (mehr als 100), die Sie importieren und als Ihre eigenen verwenden können.
Teile einer Zielseite
Eine großartige Zielseite sollte im Allgemeinen diese Teile enthalten:
- Kopfzeile: Das Logo Ihrer Website, das Hauptmenü und zusätzliche Funktionen wie die Suchleiste werden in den Kopfzeilenteil eingefügt. Abhängig vom Rest der Seite kann es beweglich oder stationär sein.
- Heldenbereich: Der Heldenbereich füllt den gesamten Bildschirm aus, bis Ihre Besucher nach unten scrollen. Sie müssen den Details dieses Teils der Website maximale Aufmerksamkeit schenken.
- Servicebereich: Hier erzählen Sie Ihren Besuchern mehr über Ihr Unternehmen im Detail.
- Eigenschaften: Heben Sie hervor, welche Eigenschaften Sie haben, die die Leute dazu bringen, Sie anderen vorzuziehen.
- Galerie: Dekorieren Sie die Galerie Ihrer Website mit Bildraster, Karussell, Symbolen, Schaltflächen zum Teilen in sozialen Netzwerken usw.
- Testimonial: Zeigen Sie, was die Leute über Ihren Service sagen und gewinnen Sie mehr Popularität und Vertrauen.
- Anmeldeformular: In diesem Teil müssen Sie eine Möglichkeit angeben, wie Besucher Ihre E-Mail-Liste für die Zukunft eingeben können.
Jetzt müssen wir nur noch damit beginnen, unsere Zielseite mit Element Pack & Elementor über diesen Elementen zu erstellen.
Schritt-1: Erstellen Sie eine Zielseite mit dem Vorlagenmenü
Ein weiterer Vorteil von Elementor besteht darin, dass Sie Seitenvorlagen mit einem dedizierten Vorlagen-Dashboard-Steuerelement erstellen können.
Anstatt also hier und da hin und her zu rennen, können Sie Ihre Werke tatsächlich von einem einzigen Ort aus aufs Spiel setzen.
Gehen Sie einfach zu WordPress Dashboard> Vorlagen und wählen Sie die Option Landing Pages , um eine neue Landing Page im Vorlagenmenü hinzuzufügen.
Jetzt werden Sie zum Elementor-Seiteneditor für die Vorlagenseite weitergeleitet.
Hier können Sie entweder eine vorgefertigte Vorlage aus der Element Pack Pro-Vorlagenbibliothek auswählen oder vollständig benutzerdefiniert werden.
Schritt-2: Bereiten Sie Ihre Designfarben und Schriftarten vor
Wie bereits erwähnt, bietet Elementor ein ablenkungsfreies Editorfenster, das alles ausschließt, sogar die Kopf- und Fußzeile.
Alles, was Sie tun müssen, ist „Elementor Canvas“ in den Seiteneinstellungen auszuwählen, um von Anfang an eine vollständig weiße Seite zu haben.
Bevor Sie beginnen, stellen Sie sicher, dass Sie globale Farbe und Schriftart für die Zielseite festlegen.
Dies ist wichtig, da es viel Zeit spart, ohne die Schriftart- oder Farbeigenschaften jedes Abschnitts/Elements manuell ändern zu müssen.
Für ein schnelleres und professionelleres Designerlebnis können Sie eine Farbwähler-Software auf dem PC installieren, den Sie zum Erstellen der Zielseite in WordPress verwenden.
Dies hilft, den Arbeitsfluss aufrechtzuerhalten.
Schritt-3: Header & Hero-Seite entwerfen
Zunächst können Sie zuerst Ihren Header entwerfen und dann mit dem Inhalt für den Heldenabschnitt fortfahren.
Die Kopfzeile sollte Ihr Markenlogo, ein Menü und etwas enthalten, mit dem die Benutzer Aktionen ausführen können, z. B. ein Suchfeld.
Zweitens müssen Sie es für den Heldenabschnitt oder den Teil direkt unter der Kopfzeile einfach halten.
Es wird empfohlen, für ein besseres Erscheinungsbild einen ähnlichen Ton auf die Kopfzeile und die Hero-Seite anzuwenden.
Dann können Sie einen großen Text in der Mitte der Heldenseite über einem schönen Hintergrundbild platzieren.
Das Hintergrundbild sollte Ihren Service darstellen.
Beenden Sie es mit einer Schaltfläche, die Benutzer dazu bringt, weitere Informationen zum Thema zu erhalten.
An dieser Stelle können Sie die Registerkarte Erweitert von Elementor für einzelne Abschnitte oder Elemente verwenden und benutzerdefiniertes Hinzufügen, Rand, Rahmen, Schatten usw. festlegen, um einzigartige Designs zu erstellen.
Element Pack Pro hat einige erstaunliche Widgets, um das Erscheinungsbild Ihrer Heldenseite zu verbessern.
- Erweiterte Überschrift
- Animierte Überschrift
- Symbol Nav
- Schieberegler
- Doppeltaste
- Benutzerdefiniertes Karussell
Schritt-4: Über uns der Zielseite in WordPress
Der Abschnitt „Über uns“ ist sehr wichtig für Ihre Website, da er die Kerninformationen über Ihre Website enthält, einschließlich ihres Zwecks.
Versuchen Sie, diesen Teil nicht zu übertreiben, um mehr Aufmerksamkeit zu erregen, indem Sie ihn länger als nötig dehnen.
Sie können ein minimales Design beibehalten oder etwas Umfangreiches für diesen Teil tun, beides funktioniert.
Aber verwenden Sie nicht zu viele Wörter, beenden Sie es einfach innerhalb von 10-12 Zeilen.
Das sollte dazu führen, dass die Besucher die Informationen ohne Druck aufnehmen.
Außerdem können Sie versuchen, diese Widgets von Element Pack Pro zu verwenden, um Bonusverbesserungen zu Ihrer Website hinzuzufügen.
- Erweiterte Überschrift
- Erweiterte Symbolbox
- Ausgefallene Karte
Schritt-5: Entwerfen Sie den vorgestellten Abschnitt
Der hervorgehobene Abschnitt ist dazu gedacht, die Aufmerksamkeit der Menschen auf Ihr Produkt oder Ihre Dienstleistung zu lenken.
Es ist einfach, diesen Abschnitt Ihrer Zielseite mit Element Pack und Elementor zu gestalten.
Das empfohlene Layout sollte eine schöne große visuelle Darstellung Ihres Dienstes zusammen mit seinen Vorteilen oder Merkmalen enthalten.
Sie sollten direkter mit dem vorgestellten Abschnitt umgehen, damit die Leute Ihren Service klar verstehen.
Diese Widgets helfen Ihnen dabei, erstaunliche Abschnitte in Elementor zu entwerfen.
- Hover-Box
- Schicker Slider
- Interaktive Karte
- Ereignisraster
- Bildlupe
Schritt-6: Erstellen Sie eine fantastische Bildergalerie
In diesem Teil der Zielseite werden wir eine Bildergalerie für unsere Besucher erstellen.
Jede Zielseite in WordPress, die mit Element Pack und Elementor erstellt wurde, sollte eine Bildergalerie haben, um mehr Aufmerksamkeit zu erlangen und Vertrauen bei den Besuchern aufzubauen.
Hier können Sie eine schöne große Überschrift verwenden und dann damit beginnen, Bilder in ein einzelnes Bildergalerie-Widget einzufügen.
Außerdem sollte die Galerie gleichmäßig verteilte Bilder haben, damit sie ordentlich und sauber aussieht.
Dies kann einfach durch die Verwendung von nur zwei Widgets von Element Pack erfolgen.
- Animierte Überschrift
- Erweiterte Bildergalerie
- Bild Akkordeon
Schritt-7: Benutzerreferenz
Benutzerreferenzen schaffen Vertrauen bei Ihren Besuchern, indem sie zeigen, was andere über Ihren Service zu sagen haben.
Unabhängig davon, wie groß oder klein Ihre Website ist, erweist sich das Vorhandensein von Benutzerreferenzen auf Ihrer Zielseite in WordPress als fruchtbar, um mehr Verkehr und Leads zu erzielen.
Element Pack Pro verfügt zu diesem Zweck über spezielle Widgets, die Sie ganz einfach am Ende Ihrer Website (unter den Funktionen) platzieren können, um eine positive Wirkung zu erzielen.
- Testimonial-Slider
- Testimonial-Karussell
- Sozialer Beweis
Schritt-8: Anmeldeformular und Kontakt
Ein weiterer wichtiger Teil einer erfolgreichen Zielseite ist der Anmeldebereich, um die Kontaktinformationen Ihrer Besucher für zukünftige Geschäfte zu sammeln.
Wenn Sie einen Kontaktbereich einrichten, sollten Sie Ihre Adresse, Telefonnummer und natürlich Ihre E-Mail-Adresse angeben.
Auch hier müssen Sie ein Anmeldeformular bereitstellen, das Angebots-E-Mails, Werbe-E-Mails oder andere kostenlose Inhalte verspricht.
Aus diesem Grund müssen Sie dem Hintergrund, den Grafiken und anderen Details mehr Aufmerksamkeit schenken, um die Aufmerksamkeit der Leute auf sich zu ziehen.
Element Pack Pro verfügt über die perfekten Widgets zum Erstellen Ihres Kontakt- und Anmeldeformularabschnitts.
- Symbol Nav
- Mailchimp
- Ninja-Formulare
Extra: Navigationsstil für die Zielseite in WordPress hinzufügen
Nachdem Ihre Zielseite nun im Grunde fertig ist, können Sie einige Tricks anwenden, um das Beste daraus zu machen.
Zunächst können Sie eine Sticky-Header-Navigationsleiste für die Zielseite hinzufügen.
Auf diese Weise kann der Benutzer die Navigationsleiste immer sehen und einfach zu anderen Seiten wechseln.
Zweitens können Sie die Navigationsleiste verschwinden lassen, bis jemand eine bestimmte Entfernung vom oberen Rand der Seite herunterscrollt.
Dies vermittelt einen professionellen Eindruck der Seite und die Benutzer werden es lieben.
Extra: Verwenden Sie Landingpage-Vorlagen
Wie wir bereits oben erwähnt haben, bietet Element Pack Pro eine gute Auswahl an vorgefertigten Zielseitenvorlagen für die Benutzer.
Sie können sich für die kostenlose oder Premium-Vorlage entscheiden und die inneren Abschnitte anpassen, um etwas Einzigartiges zu schaffen.
Dies ist der schnellste Weg, eine Zielseite in WordPress zu erstellen, die umwerfend und fantastisch aussieht.
Einige attraktive Zielseiten von Element Pack Pro-
- Halloween
- Weihnachtslandingpage
- Unendlich
- Fünf
- Covid-Gesundheit
- Ebus-Service
- Covid-19
- Mediplus
- Herrenmode
- Möbelgeschäft
- Damenmode
- Unternehmen
Verpacken!
Sie lieben trendige Landingpages für Ihr Unternehmen?
Holen Sie sich Element Pack Pro noch heute und genießen Sie kreative Zielseiten für Ihre nächsten Website-Projekte.
Außerdem erhalten Sie über 200 erstaunliche Widgets und Erweiterungen, um die Funktionen Ihrer Website weiter zu verbessern.
Mit nur einem Plugin, Element Pack Pro, ist alles möglich.
Ich hoffe, Ihnen hat dieser Blog gefallen.
Mit freundlichen Grüßen
BdThemen