Landing Pages spielen im Online Marketing eine wichtige Rolle. Wie schön, dass es heute eine Menge Tools gibt, mit denen du schöne und professionelle Landing Pages ohne Programmierkenntnisse gestalten kannst.

Hier lernst du, was eine Landing Page ist und wofür du sie brauchst.

Heute zeige ich dir, wie du mit dem WordPress Page Builder Elementor wirklich schöne Landing Pages erstellst …oder Über mich-Seiten oder Produktseiten. Du entscheidest. Das Plugin lässt dich Seiten völlig frei gestalten – mit vielen Elementen und noch mehr Gestaltungsmöglichkeiten.

Eines noch vorab: Elementor ist ein kostenloses Plugin, benötigt für bestimmte Funktionen aber die kostenpflichtige Pro-Version (ca. 38€ pro Jahr), so auch für die Erstellung von Formularen. Wenn du bereit bist, in Sachen Design und Gestaltbarkeit ein paar Abstriche beim Formular zu machen, reicht aber die kostenlose Version aus. Dazu erkläre ich dir später mehr. Fangen wir erst einmal beim Anfang an.

Inhaltsverzeichnis:

1. Schritt-für-Schritt Anleitung
   1. Installiere das Plugin
   2. Lege ein Template an
   3. Wähle dein Design
   4. Integrationen: Verbinde dein E-Mail-Tool mit Elementor
   5. Lege deine Seite an
   6. Finalisiere deine Seite
2. 3 Tipps für gute und professionelle Landing Pages
3. Landing Page Templates von Elementor

Schritt-für-Schritt-Anleitung:

1. Installiere das Plugin

Bevor wir mit deiner Landing Page beginnen können, brauchst du natürlich das Plugin Elementor. Wenn du dieses bereits installiert und aktiviert hast, kannst du diesen Teil überspringen.

1. Suche das Elementor-Plugin und installiere es (optional: Lade die zip-Datei für das Elementor Pro Plugin hoch und installiere es).
2. Aktiviere das Plugin.

2. Lege ein Template an

Ich empfehle dir, deine Landing Page zunächst als Template vorzubereiten. So musst du keine Änderungen an bestehenden Seiten vornehmen und kannst deine Seite in Ruhe gestalten.

Templates sind Vorlagen, die du immer wieder verwenden kannst. So kannst du später auch schnell und einfach weitere Landing Pages gestalten und musst nicht immer von vorn beginnen.

So legst du ein Template an:

1. Fahre mit der Maus über den neuen Elementor-Menüpunkt links in deinem WordPress-Menü. Klicke auf „Meine Templates“.
2. Klicke oben auf den „Neu hinzufügen“-Button.
3. Wähle im Drop-down die Option „Seite“ und gib deiner Vorlage einen Namen, z.B. „Freebie Landing Page“.
4. Klicke auf Template erstellen.
5. Wenn du ein neues Template anlegst, ist als Layout-Option „Standard-Template“ ausgewählt. Wenn du dieses ändern möchtest, klicke unten links auf „Speichern“, dann auf das Hamburger-Menü links oben und dann auf „Elementor verlassen“.  (Hinweis: Um Verwirrung zu vermeiden, beziehe ich mich auf die WordPress Template Option immer mit dem Begriff „Layout“.)
   1. Wähle rechts unter „Template“ dein Layout aus. Du kannst hier zunächst nur 3 Optionen wählen:
      1. Standard-Template: Du kannst hier nur den üblichen Inhaltsbereich deiner Seite bearbeiten. Also das, wo bei einem Blogartikel dein Text landet.
      2. Elementor Canvas: Du startest hier mit einer komplett weißen Seite. Keine Menü, kein Footer, nichts. Als Landing Page für Downloads gut geeignet, hier lenkt nichts vom Ziel der Seite – der Conversion – ab.
      3. Elementor Volle Breite: Enthält den Kopf-Bereich deines Themes, ist nach links und rechts aber nicht eingeschränkt (es gibt also beispielsweise keine Sidebar)
6. Hast du dein Layout gewählt, kann es mit dem Gestalten losgehen. (Klicke wieder auf „Mit Elementor bearbeiten“, wenn du dein Layout geändert hast und noch in der WordPress-Ansicht bist.)

Übrigens: Noch mehr praktische Tools wie Elementor findest du hier.

2. Wähle dein Design

Elementor bietet dir eine große Zahl an vorgefertigten Designs an – von einzelnen Elementen über größere Bausteine („Blöcke“) bis hin zu ganzen Seiten-Designs. Du kannst natürlich auch ohne Vorlage starten und dein Design völlig frei gestalten.

Arbeite mit Blöcken, ganzen Seiten-Vorlagen und eigenen Templates.Wenn du nun deine Elementor-Seite gestalten willst, siehst du zunächst eine Fläche, die einen grau-gestrichelten Rahmen hat. Dort sind zwei Buttons. Der blaue +-Button fügt eine neue Sektion hinzu – sprich: einen Abschnitt. Mit dem grauen Button mit dem Ordner Symbol kannst du auf die vorgefertigten Designs, die Blöcke sowie deine eigenen Vorlagen zugreifen.

Links siehst du die Übersicht mit den verfügbaren Elementen. Diese positionierst du per Drag & Drop: Ziehe ein Element dahin, wo es hin soll und lass die Maustaste los.

Wichtig: Die Elemente nehmen nicht automatisch das Design deiner Seite an. Du musst diese entsprechend gestalten. Dabei geht es vor allem um Schriftarten und -größen, Zeilenabstände sowie Farben.

Um herauszufinden, welche davon dein Theme nutzt, kannst du deiner Seite „unter die Haube schauen“.
Und so geht’s:

1. Öffne eine beliebige Seite deiner Webseite / deines Blogs, die die entsprechenden Elemente enthält, im Browser und drücke F12. Diese Taste öffnet in den meisten Browsern die Console. In Safari musst du dafür die Entwicklertools über die Einstellungen aktivieren. (So geht’s.)
2. Wähle dann oben das Icon mit dem Viereck und dem Pfeil aus und klicke auf das Element auf deiner Seite, das du untersuchen möchtest.
3. Du siehst dann rechts in der Console die entsprechenden Eigenschaft als HTML-Code angezeigt. Aber keine Angst, das sieht nur im ersten Moment kompliziert aus.
4. Die Angaben, die wir suchen, stehen hinter roten, englischen Begriffen, wie z.B. font-family (=Schriftart), font-size (=Schriftgröße), font-weight (=Schriftauszeichung, also die Dicke) sowie line-height (=Zeilenhöhe). Die Schriftfarbe finden wir hinter dem Wort color, sie ist im hexadezimal numerischen System darstellt – einem HTML Farbcode mit einer # und 6 Ziffern. Diesen Code kannst du direkt in das entsprechende Feld im Elementor kopieren.

Tipp: Mit der Pro-Version (die mit 38€ im Jahr durchaus als günstig bezeichnet werden kann) stehen dir nicht nur mehr Elemente und mehr vorgefertigte Designs zur Verfügung, sondern du kannst auch globale Elemente definieren. Damit gibst du einem Element das Aussehen, was deinem Theme entspricht bzw. dir gefällt und speicherst es übergreifend ab. Du kannst damit deine designten Elemente immer wieder in deine Seite ziehen und nur noch die Inhalte anpassen. Das spart unglaublich viel Zeit. Alternativ kannst du auch Elemente duplizieren (das geht jedoch nicht seitenübergreifend – einmal pro Seite musst du also jedes Element gestalten) oder als Template speichern (das ist in der Praxis jedoch etwas aufwändiger).

Gestalte deine Seiten responsiv

Es ist wichtig, auch die Ansichten für Tablets und Smartphones anzupassen. Seiten die mit Elementor gebaut wurden, sind grundlegend responsiv, das heißt, Texte und Bilder werden an den entsprechenden Bildschirm angepasst. Aber je nachdem wie du Abstände oder Größen eingestellt hast, gibt es noch einiges zu optimieren.

Achte hier bei den verschiedenen Eigenschaften deiner Elemente auf den hellblauen Kreis mit dem Handy-Symbol. Er zeigt dir, wo Eigenschaften für die verschiedenen Geräte unterschiedlich sein können. Das heißt, wenn du hier Abstände definierst, wirken sich diese nur auf Mobilgeräte aus und nicht auf deine Desktop-Version.

3. Integrationen: Verbinde dein E-Mail-Tool mit Elementor

Die meisten Landing Pages sind dazu da, um die Kontaktdaten der Besucher zu erfassen. Oftmals werden im Gegenzug dafür kostenlose Downloads angeboten – z.B. Guides, Checklisten, Vorlagen oder ähnliches.

Diese Kontaktdaten müssen dann aber natürlich auch irgendwo landen. Deswegen verbindest du deine Landing mit dem E-Mail Marketing Tool deiner Wahl. Das kannst du entweder über einen API-Schlüssel oder durch Wahl des entsprechenden Widgets tun.

Elementor bietet dir hierfür die Möglichkeit, professionelle Formulare selbst zu gestalten. Texteingabe, Checkboxen, Dropdown, Freitextfeld, alles kein Problem. Auch der optischen Gestaltung sind hier (fast) keine Grenzen gesetzt. Allerdings benötigst du für Formulare die Pro Version.

Folgende Anbieter kannst du per API mit Elementor verbinden:

• MailChimp
• GetResponse
• Drip
• ActiveCampaign
• Webhook
• ConvertKit

Ich selbst verwende hier übrigens GetResponse*, die Anbindung funktioniert hier super und ich kann danach schnell und einfach die Automatisierungen und Workflows zum Versenden der Freebies und zum Lead Nurturing einrichten.

Um dein E-Mail-Tool anzubinden, musst du über Elementor ein Formular anlegen. Klicke dann links auf „Aktion nach dem Versenden“ und wähle dein E-Mail-Tool aus.

Darunter erscheint ein weiterer Punkt zum Aufklappen, auf dem der Name deines Tools steht. Klicke hier bei „API Schlüssel“ auf „Custom“ und gib deinen Schlüssel ein.

Woher kommt der API Schlüssel?

Das ist von Tool zu Tool unterschiedlich. In der Regel findest du ihn irgendwo unter Account oder Einstellungen. Bei Mailchimp findest du den API unter „Account“. Klicke dazu rechts oben auf den Namen und dann auf „Account“. Wähle dann im Menü „Extras“, dort findest du „API Keys“. Sollte hier noch kein Schlüssel vorhanden sein, klicke auf „Create a key“.

Wenn du deine Landing Page mit deinem E-Mail-Tool verknüpft hast, kannst du hier nun die Liste (bzw. Gruppe) wählen, der die Kontakte hinzugefügt werden sollen. Danach ordnest du deine angelegten Formularfelder zu – also welches Feld ist die E-Mail-Adresse, welches der Name, usw.

Tipp: Wenn du (noch) nicht bereit bist, Geld für Elementor Pro auszugeben, kannst du bei der Auswahl der Elemente ganz unten unter „WordPress“ verschiedene Widgets nutzen. Hast du beispielsweise ein Plugin installiert, um ein Mailchimp Formular einzubinden, kannst du dieses hier nutzen. Bedenke aber, das deine Gestaltungsoptionen hier sehr begrenzt sind.

4. Lege deine Seite an

1. Lege im WordPress eine neue Seite an.
2. Lege den Titel der Seite an und bestimmte dein Layout – die auswählbaren Optionen variieren von Theme zu Theme. Folgende Optionen sind immer wählbar:
   1. Standard-Template
   2. Elementor Canvas
   3. Elementor Volle Breite
   4. Hinzu kommen können beispielsweise Optionen wie „Blog“, „Archive“, „Volle Breite“, „ohne Titel“ und mehr.
3. Wähle das Layout, das am besten zu deinen Vorstellungen passt. Du kannst hier auch erstmal testen, du kannst das Layout jederzeit ändern.
4. Speichere deine Seite.
5. Klicke auf den „Mit Elementor bearbeiten“-Button.
6. Klicke nun auf den grauen Button mit dem Ordner-Symbol und wähle unter dem Reiter „Meine Templates“ dein eben gestaltetes Template aus. Du wirst danach gefragt, ob du die Seiteneinstellungen übernehmen möchtest. Wähle hier am besten „Nein“. Ansonsten überschreibst du möglicherweise dein eben gewähltes Layout und musst es wieder neu einstellen.

5. Finalisiere deine Seite

Du kannst dein Template nun noch nach deinen Vorstellungen anpassen.

ACHTUNG: Klickst du unten links auf „Speichern“, wird deine Seite automatisch veröffentlicht. Du kannst deine Seite vorher auf Privat stellen, wenn deine Seite nicht direkt veröffentlicht werden soll.

Ist deine Seite fertig gestaltet, speicherst und veröffentlichst du sie. Teste am besten auch die Integration mit deinem Mail-Tool, damit alles so klappt, wie es soll.

3 Tipps für gute und professionelle Landing Pages:

1. Brich die Seite durch optische Unterbrechnungen auf

Das können farbige Hintergründe oder auch Bildboxen sein, die sich über die ganze Breite erstrecken. Besonders schön kommt hier der Parallax-Effekt, bei dem ein Bild im Hintergrund fixiert ist, und nur die Bildbox darüber scrollt. Damit ändert sich der Bildauschnitt beim Scrollen und bringt Bewegung in die Seite.

So geht’s:

1. Wähle den Abschnitt aus, den du mit einer Farbe oder einem Bild hinterlegen möchtest. Oder füge einen neuen Abschnitt hinzu.
2. Klicke dafür oben auf 6 Punkte auf dem blauen Reiter.Wähle unter „Layout“ die Option „Abschnitt strecken“ aus.
3. Wähle nun links unter „Stil“ das Pinsel-Icon bei „Hintergrundtyp“.
4. Du kannst nun eine Farbe oder ein Bild auswählen.
5. Bei einem Bild musst du nun die Größe wählen. Am besten wählst du hier die Option „Cover“ aus, diese setzt das Bild füllend ein.
6. Willst du ein Bild mit dem Parallax-Effekt versehen, wählst du bei „Anhang“ die Option „fixed“ aus. Unter Position kannst du nun noch die Höhe der Box bzw. den Ausschnitt wählen. Teste hier einfach ein wenig herum, welche Position am besten aussieht.

2. Bringe mit Animationen Bewegung auf deine Seite (aber übertreib‘ es nicht )

Unaufdringliche Animationen hauchen deiner Landing Page ein wenig Leben ein.  Achte hier darauf, dass die Animation noch professionell wirkt.

Eingangsanimationen: Für jedes Element kannst du Eingangsanimationen festlegen.

• Klicke auf das entsprechende Element.
• Wähle unter dem Reiter „Optionen“ bei „Erweitert“ die gewünschte Animation aus. Die „Fade“ Animationen kannst du gut an der einen oder anderen Stelle einbauen, ohne dass es zuviel wird.

Hover: Wähle das entsprechende Element aus, das animiert werden soll, wenn du mit der Maus darüber gehst.

• Klicke unter „Stil“ auf Hover.
• Wähle bei „Animation bei Mausberührung“ die gewünschte Animation aus.

Sonstige animierte Elemente: Daneben bietet dir Elementor aber auch weitere Möglichkeiten für animierte Elemente, wie beispielsweise Slider, animierte Überschriften oder Zähler.

3. Nutze für Formulare benutzerdefinierte Nachrichten

Wenn du das Elementor-eigene Formular nutzt, hast du die Möglichkeit die Nachrichten bzw. Rückmeldungen an den Nutzer zu individualisieren. Gemeint sind damit, die Nachrichten, die erscheinen, wenn der Nutzer ein Pflichtfeld nicht ausgefüllt hat, es einen Fehler gab oder die Daten erfolgreich gesendet wurden.

So geht’s:

1. Klicke auf dein Formular.
2. Wähle unter dem Reiter „Inhalt“ unten „Weitere Optionen“ aus.
3. Klicke auf den Button neben „Eigene Nachrichten“.
4. Du kannst nun verschiedene Meldungen individualisieren. Statt dem voreingestellten „Data was sent successfully“ kannst du beispielsweise schreiben: „Sehr gut, deine Daten wurden erfolgreich gesendet. Check gleich mal deinen Posteingang!“

Landing Page Templates von Elementor

Elementor bietet dir bereits eine Menge schöner und moderner Designs, die du als Template für deine Landing Page nutzen kannst. Einige Templates sind jedoch nur in der Pro-Version verfügbar.

Hier findest du eine Übersicht aller Templates.

Wenn dir dieser Artikel gefallen hat, freue ich mich, wenn du ihn teilst! Worüber ich mich auch freue: Wenn du mir dafür einen Kaffee spendierst, damit ich noch mehr solcher Artikel schreiben kann – mit Koffein im Blut schreibt es sich immer besser ;)

Deine

Sharing is caring! Teile diesen Artikel auf Pinterest:

Der Beitrag Schritt-für-Schritt Anleitung: Landing Page mit Elementor erstellen erschien zuerst auf Marketing mit L.

Im Inbound Marketing spielen Landing Pages eine wichtige Rolle. Sie sind gewissermaßen der Startpunkt deiner Beziehung zu einem potenziellen Kunden.

Du weißt doch, dass Pärchen oft gefragt werden, wo sie sich kennengelernt haben? Im Inbound Marketing wäre dieser Ort des Beziehungsanfangs in vielen Fällen eine Landing Page. Denn sie ist häufig der Ort an dem ein Besucher zu einem Lead wird. Erst dann kann die Beziehung durch regelmäßigen Kontakt vertieft werden.

Aber wie schaffst du es, eine Landing Page so attraktiv zu gestalten, dass ein Besucher gewillt ist, mit dir eine Beziehung einzugehen? Bevor ich dir dazu mehr erzählen kann, müssen wir uns noch einmal ein paar grundlegende Dinge zu Landing Pages ins Gedächtnis rufen.

Was ist eine Landing Page?

Eine Landing Page ist eine spezielle Webseite, die dazu dient, den Nutzer zu einer gezielten Aktion (=Conversion) zu bewegen. Das kann zum Beispiel der Kauf eines Produktes oder die Eingabe von Daten (=Leadgenerierung) sein.

Eine Landing Page konzentriert sich auf ein ganz konkretes Angebot. Sie fasst alle relevanten Informationen dafür klar zusammen und liefert dem Besucher im Optimalfall alles, was er für eine Entscheidung braucht.

Die Besucher landen oft durch Anzeigen, Links in E-Mails oder über Social Media Kanäle auf einer Landing Page. Über das Menü der Seite sind Landing Pages aber in der Regel nicht zu finden.

Wofür werden Landing Pages eingesetzt?

Eine Landing Page kann verschiedenen Zielen dienen:

• Content verbreiten
• Produkte oder Dienstleistungen verkaufen
• Leads generieren
• Vorauswahl treffen bzw. Traffic gezielt steuern

Aber nicht jedes Formular bzw. jedes Download-Angebot braucht eine Landing Page. Du kannst Formulare auch direkt auf deiner Webseite einbinden, z.B. in der Sidebar oder direkt in einem Blogartikel. Gerade bei kurzen Formularen ist das kein Problem. Das macht auch bei Content-Upgrades Sinn, die eine inhaltliche Ergänzung zu einem Artikel darstellen.

Allen anderen Downloads, Produkten oder Dienstleistungen kannst du aber durchaus eine Landing Page gönnen. Sie ist schließlich eine Art Bühne, die dein Angebot in das richtige Licht rückt.

Übrigens: Für jeden meiner Downloads habe ich auch eine eigene Landing Page gestaltet. Vielleicht dienen sie dir ja als kleine Inspiration.

Wie ist eine Landing Page aufgebaut?

Es gibt keine Vorschriften, wie eine Landing Page aufgebaut sein sollte. Dennoch haben sich ein paar Prinzipien und Elemente in der Praxis bewährt.

Generell gilt immer, das eine Landing Page möglichst keine ablenkenden Elemente nutzen sollte. Deswegen haben die meisten Landing Pages auch kein Menü. Das Ziel dieser Seiten ist nun mal eine klare Aktion, alles was davon ablenkt, fliegt raus

Diese Elemente sollte eine Landing Page mindestens haben:

• Der Header: Das ist der oberste Bereich deiner Landing Page. Hier findest du die Überschrift. Oft wird hier auch mit einem großen Hero-Bild gearbeitet, um Aufmerksamkeit zu erzeugen.
• Der Download / die Kauf-Option: Das kann ein Formular sein (z.B. bei Downloads oder Anfragen) oder ein prominenter Kaufen-Button.
• Die „Das ist für dich drin“-Sektion: Erkläre, welchen Nutzen dein Produkt, deine Dienstleitung oder dein Download bietet. Welches Problem löst du für deine Kunden? Arbeite wenn möglich mit Bildern – am besten Produktbilder oder Vorschau-Bilder von Downloads.
• Die „Über mich“-Sektion: Erkläre kurz, wer du bist und was du für wen tust. Verlinke möglichst deine Über mich-Seite und Social Media Kanäle.
• Die Social Proof Sektion: Ganz nach dem Motto: „Wenn es andere gut finden, dann muss es auch gut sein“ kann mit Hilfe von Kundenzitaten, Siegeln / Zertifikaten oder „Bekannt aus“-Logos Vertrauen in dich und dein Angebot aufgebaut werden. Das erhöht die Wahrscheinlichkeit, dass jemand seine Daten im Tausch für deinen Download hergibt oder dein Produkt kauft.
• Eine Dankesseite zur Weiterleitung: Wenn der Besucher die gewünschte Aktion durchgeführt hat, sollte er auf eine Dankesseite weitergeleitet werden. Dort wird ihm nicht nur gedankt, er erfährt auch was als nächstes passiert (z.B. bekommt er eine Mail zur Bestätigung seiner E-Mail-Adresse). Im Gegensatz zur Landing Page sollte auf der Dankesseite auch das Menü deiner Webseite angezeigt werden, um weitere Interaktionen zu fördern.
• Rechtliches: Baue einen Impressumslink am Ende der Seite ein. Wenn du ein Formular eingebunden hast, solltest du darauf achten, dass du die Vorgaben der DSGVO erfüllst:
  • Nur wirklich notwendige Angaben dürfen Pflichtfelder sein (in der Regel ist das nur die E-Mail-Adresse).
  • Der Interessent muss dem Empfang von E-Mail-Mitteilungen und der Verarbeitung und Speicherung seiner Daten explizit zustimmen (über Checkboxen). Mache deutlich welche Art von Mitteilungen du senden wirst – Produktneuerungen, werbliche Mails, Hinweise zu Veranstaltungen, etc.
  • Weise darauf hin, dass man sich jederzeit wieder aus dem Verteiler abmelden kann und erkläre wie das geht. Füge einen Link zu deinen Datenschutz-Richtlinien ein.
  • Wenn du Daten an einen Dritten überträgst, z.B. an ein E-Mail-Tool wie Mailchimp, musst du darauf hinweisen. Viele Anbieter bieten dir hier schon vorgefertigte Texte. Das kann zum Beispiel so aussehen:
    • Wir verwenden MailChimp als unsere Plattform zur Marketing-Automatisierung. Indem du das Formular absendest, bestätigst du, dass deine angegebenen Informationen an MailChimp zur Verarbeitung in Übereinstimmung mit deren Datenschutzrichtlinien und Bedingungen weitergegeben werden.

Hinweis: Dies sind nur die nötigsten Maßnahmen, es handelt sich hierbei um keine rechtliche Beratung. Bitte frage einen Rechtsberater oder Anwalt, um auf der sicheren Seite zu sein.

Erfolgsfaktoren für hohe Conversionrates

Wann ist eine Landing Page erfolgreich? Die Erfolgsrate von Landing Pages wird mit der Conversion Rate gemessen – das ist der Anteil der Besucher, der die gewünschte Aktion durchgeführt hat.

Zur Orientierung: Eine Conversion-Rate von 20% ist hier ein üblicher Wert. Man geht bei Landing Pages also davon aus, dass etwa jeder fünfte Besucher das Formular ausfüllt. Liegt dein Wert darüber: Super, du hast alles richtig gemacht! Wenn dein Wert aber darunter liegt, gibt es sicher noch Dinge, die du optimieren kannst.

Mit diesen Tipps erhöhst du die Conversionrate deiner Landing Page:

• Bleibe deiner Marke treu. Nutze dein übliches Design sowie Farben, Schriften, Bilder, etc.
• Deine Landing Page bewirbt EIN Angebot und sollte auch nur EINEN Call-to-Action haben – den du natürlich mehrmals auf deiner Seite platzieren kannst.
• Sorge dafür, dass deine Seite lesefreundlich ist. Nutze zum Beispiel Zwischenüberschriften, Aufzählungen, Markierungen und Zitate, um deine Texte aufzulockern.
• Kommuniziere den Nutzen deines Angebotes klar und deutlich.

Der Blinzel-Test für gute Landing Pages

Um eine gute Landing Page zu erkennen, kannst du einen kleinen Selbstversuch starten – den „Blinzel-Test“. Dafür suchst du dir eine Landing Page aus – entweder deine eigene oder eine fremde. Navigiere dich bis zu dem Call-to-Action, der dich auf die Landing Page bringt, aber öffne die Seite noch nicht!

Lege dir Stift und Papier bereit. Bevor du die Landing Page öffnest, mache dir bewusst, dass du die Seite nur einmal „anblinzeln“ wirst – du hast also maximal eine Sekunde lang Zeit, dir die Seite anzusehen. Wichtig ist der Effekt des „ersten Mals“.

Fertig? Dann öffne nun die Landing Page und schaue ein Augenblinzeln lang darauf. Mache deine Augen wieder zu und drehe dein Gesicht vom Bildschirm weg.

via GIPHY

Schreibe auf, was du wahrgenommen hast:

• Hast du eine Überschrift gelesen oder Stichworte erfasst?
• Weißt du wo das Formular steht und wie lang es ungefähr ist?
• Hast du ein Content-Angebot auf einem Bild gesehen oder sogar den Text erfasst?

Je mehr Informationen du in dieser kurzen Zeit erfassen konntest, desto besser.

Landing Pages für die verschiedenen Kaufphasen gestalten

Auf dem Weg zum Kunden durchläuft ein Interessent mehrere Phasen: Awareness (Bewusstsein), Consideration (Überlegung) und Decision (Entscheidung). Im Idealfall bietest du ihm für jede dieser Phasen die passenden Inhalte. Wenn das Content-Angebot deiner Landing Page speziell auf eine dieser Phasen ausgerichtet ist, beeinflusst das auch die Gestaltung deiner Seite.

• Landing Pages für die Awareness-Phase: Sie haben einen hohen Streuverlust, da sie thematisch recht breit aufgestellt sind und sich nicht nur an potenzielle Kunden, sondern an alle richten, die sich für das entsprechende Thema interessieren. Du solltest deswegen bei der textlichen Gestaltung deiner Landing Page nur wenig bis gar kein Vorwissen voraussetzen.
• Landing Pages für die Consideration-Phase: In dieser Phase suchen Interessenten nach Informationen zu einer konkreten Lösung für ihr Problem. Deine Landing Page kann hier in der Ansprache etwas „fakten-lastiger“ sein. Du kannst hier gut mit Aufzählungen oder einer Grafik mit wichtigen Argumenten arbeiten.
• Landing Pages für die Decision-Phase: Jetzt geht es um den Aufbau von Vertrauen und die Demonstration deiner Kompetenz. Auf solchen Landing Pages helfen Dinge, die deine Autorität bestätigen, wie z.B. Zertifikate, Prüfsiegel und positive Referenzen.

Fazit

Landing Pages helfen dir, deine Angebote und Downloads richtig zu präsentieren und die Kontaktdaten deiner Besucher zu erfassen. Es gibt einiges zu beachten, um gute Landing Pages mit hohen Conversionsrates zu gestalten.

Zum Glück gibt es heute mittlerweile einige Tools, die es dir einfach machen, schöne Landing Pages zu gestalten. Im nächsten Artikel wird es deshalb darum gehen, wie du professionelle Landing Pages mit dem Page Builder Elementor gestalten kannst. Also stay tuned

Wenn dir dieser Artikel gefallen hat, freue ich mich, wenn du ihn teilst! Worüber ich mich auch freue: Wenn du mir dafür einen Kaffee spendierst, damit ich noch mehr solcher Artikel schreiben kann – mit Koffein im Blut schreibt es sich immer besser

Deine

Sharing is caring! Teile diesen Artikel auf Pinterest:

Der Beitrag Attraktive Landing Pages gestalten – so geht’s! erschien zuerst auf Marketing mit L.