Du möchtest ein bestimmtes Marketing-Ziel erreichen. Dabei kann es sich um den Verkauf eines Produkts, das Sammeln von Leads oder die Steigerung der Anmeldungen für deinen Newsletter handeln. Dafür brauchst du eine Landingpage. In diesem Artikel erkläre ich, wie du diese Fehler vermeiden und eine Landingpage mit WordPress erstellen kannst.
Warum der korrekte Landingpage Aufbau wichtig ist
Die Landingpage ist eine einzelne Seite innerhalb deiner Website, die für genau einen Zweck erstellt und optimiert wird. Das erhöht die Wahrscheinlichkeit, dass deine Besucher diese Aktion auch wirklich ausführen und nicht absprigen. Außerdem kannst du den Erfolg deiner Marketingkampagne auf diese Weise genau messen. Dafür gibt es eine eigene Kennzahl: Conversion Rate = (Anzahl der Conversions / Anzahl der Besucher) x 100%
Die Conversion Rate wird als Prozentsatz ausgedrückt und kann durch die Division der Anzahl der Conversions durch die Anzahl der Besucher berechnet werden. Zum Beispiel: Wenn eine Website in einem Monat 10.000 Besucher hat und davon 200 Besucher einen Kauf tätigen, beträgt die Conversion Rate 2%.
Wie macht man eine WordPress Landingpage?
Mit WordPress kannst du fantastische Landingpages bauen. Dabei ist es zweitrangig, ob du deine Seite in HTML erstellst, bestimmte Templates/Themes benutzt, mit PageBuildern arbeitest oder die Gutenberg Blocks editierst.
Viel wichtiger ist der Landingpage Aufbau. Der entscheidet maßgeblich darüber, ob ein Benutzer konvertiert (deine Wunschaktion ausführt).
Trotzdem möchte ich dir ein paar Tools empfehlen, die du zur Erstellung einer WordPress Landingpage nutzen kannst. Dabei handelt es sich um PageBuilder, die auch eigene Vorlagen mitbringen, die du für deine Zwecke anpassen kannst.
WordPress Themes und PageBuilder für perfekte Landingpages
- Thrive Architect: Mit dem Landing Page Builder können Benutzer Elemente wie Text, Bilder, Videos, Schaltflächen, Tabellen und andere Designelemente per Drag-and-Drop hinzufügen und anpassen.
- Divi: Divi ist ein visueller Drag-and-Drop-Website-Builder und ein Theme für WordPress, das von Elegant Themes entwickelt wurde. Es ist eines der bekanntesten und beliebtesten WordPress-Themes und -Builder auf dem Markt und wird von Tausenden von Websites auf der ganzen Welt genutzt.
- Elementor: Elementor ist sowohl als kostenlose als auch als kostenpflichtige Version erhältlich. Die kostenpflichtige Version bietet erweiterte Funktionen wie dynamische Inhalte, benutzerdefinierte Felder, Theme Builder und mehr. Elementor ist eine beliebte Wahl für Benutzer, die eine benutzerfreundliche und leistungsstarke Möglichkeit suchen, um ihre WordPress-Websites zu erstellen.
- Visual Composer: Visual Composer ist ein beliebtes Tool unter WordPress-Nutzern, da es ihnen ermöglicht, ansprechende Webseiten zu erstellen, ohne dass sie über umfangreiche Programmierkenntnisse verfügen müssen. Es ist auch kompatibel mit vielen anderen WordPress-Plugins und -Themen, was es zu einer flexiblen und leistungsstarken Option für die Erstellung von Webseiten macht.
- SiteOrigins Editor: Der SiteOrigins Editor ist ein besonders schlanker und damit ideal geeigneter Editor für schnelle Landingpages.
Was ist der Unterschied zwischen Homepage und Landingpage?
Während die Homepage eine allgemeine Übersicht über die Website bietet, ist die Landingpage speziell darauf ausgerichtet, Besucher dazu zu bringen, eine bestimmte Handlung auszuführen. Landingpages haben häufig ein minimalistisches Design mit wenigen Ablenkungen, um den Fokus des Besuchers auf das Ziel der Seite zu lenken. Im Unterschied dazu hat eine Homepage in der Regel mehrere Elemente wie Menüs, Sidebar-Widgets und andere Inhalte, die den Besucher dazu einladen, sich auf der Website umzusehen.
Wie viel kostet eine Landingpage?
Die Kosten für eine Landingpage können je nach Umfang, Funktionen, Design und Erfahrung des Entwicklers stark variieren. Eine komplexere Landingpage mit maßgeschneiderten Design sollte definitiv von einem Profi erstellt werden, der Erfahrung mit verkaufsstarken Websites, Conversion-Optimierung und Verkaufspsychologie hat.
Aus diesem Grund sollte der Preis nicht unter 1000 € liegen. Gängig sind Preise ab 2000 €. Hier kommt es aber darauf an, ob eine ganze Seite inklusive Text und Grafiken erstellt werden soll oder ob diese schon vorhanden sind.
Gute Beispiele für moderne Landingpages:
Effektive und moderne Landingpages können dir als Vorlage dienen, sollten aber nur als Inspiration verwendet werden, wenn Conversion-Ziel und Zielgruppe identisch sind. Schau dich mal um, bei
Damit deine Landingpage erfolgreich ist, solltest du andere Anbieter aber nicht bloß kopieren, sondern dich von deinen Wettbewerbern abheben.
Wie ist eine Landingpage aufgebaut?
Eine Landingpage führt den Nutzer ganz gezielt von Punkt A über Punkt B zu Punkt C. Wie bei einem Verkaufsgespräch stellt Punkt A die Ausgangslage dar. Das bedeutet, dass der Nutzer ein bestimmtes Problem hat oder einen Wunsch hegt, der erfüllt werden soll.
Punkt B wiederum zeigt ihm die Lösung seines Problems bzw. den Weg zum Ziel auf.
Und Punkt C steht für den letzten Schritt, bei dem der Interessent die gewünschte Aktion durchführt. Das kann z.B. sein:
- er kauft ein Produkt
- er bucht einen Termin
- er abonniert einen Dienst
- er hinterlässt seine Kontaktdaten
Die Landingpage ist dabei inhaltlich wie gestalterisch so aufgebaut, dass alle Elemente die Besucher auf eine bestimmte Handlung oder ein bestimmtes Angebot lenken.
Du kannst dir den Aufbau wie eine Einbahnstraße vorstellen, bei der es darum geht, den potenziellen Kunden Schritt für Schritt zu leiten und so zu überzeugen.
Was sind die wichtigsten Elemente einer Landingpage?
Hochwertige Landingpages erfinden das Rad nicht jedesmal neu, sondern bestehen aus praxiserprobten Bausteinen, die jeweils eine eigene, ganz bestimmte Funktion erfüllen. Die einzelnen Bestandteile einer Landingpage sollten dabei aufeinander abgestimmt sein und fließend ineinander übergehen. Dazu gehören
- die Hero-Sektion
- Trust Elemente
- Call To Actions
Schritt 1: Die Hero-Sektion
Was dem User zuerst ins Auge stechen sollte, ist die Hero-Sektion. Manchmal wird in diesem Zusammenhang auch von Above the Fold-Content gesprochen.
Eine Hero-Sektion ist ein großer, auffälliger Bereich, der normalerweise am oberen Rand der Seite platziert wird und oft mit einer Überschrift, einem Sub-Headline-Text, einer Call-to-Action-Schaltfläche und Bildern oder Videos gestaltet wird. Hier bietet sich die erste Möglichkeit zur Leadgenerierung (das Sammeln von Kontaktdaten möglicher Kunden).
Die Hero-Sektion soll deinen Besuchern innerhalb weniger Sekunden eine klare Vorstellung davon vermitteln, worum es auf der Website geht und welchen Wert er durch das Durchsuchen der Website erhalten kann. Sie soll auch den Benutzer dazu ermutigen, weiter auf der Website zu navigieren und sich mit dem Inhalt zu beschäftigen.
Der Abschnitt sollte folgendes enthalten:
- Eine klare und prägnante Überschrift, die die Aufmerksamkeit des Benutzers auf sich zieht.
- Ein einprägsames Bild oder Video, das den Fokus auf das Angebot der Website lenkt.
- Eine kurze Beschreibung des Angebots oder des Unternehmens.
- Eine Call-to-Action-Schaltfläche, die den Benutzer dazu ermutigt, eine bestimmte Aktion auszuführen, z.B. „Jetzt registrieren“ oder „Jetzt kaufen“.
- Social-Media-Verknüpfungen, um den Benutzer dazu zu ermutigen, der Marke zu folgen und mit ihr in Kontakt zu bleiben.
Schritt 2: Trust-Elemente
Trust-Elemente sind Design-Elemente beim Erstellen einer Landing Page, die das Vertrauen der Besucher fördern. Dazu gehören:
- Kundenbewertungen und Testimonials
- Auszeichnungen und Zertifikate
- Symbole von anerkannten Zahlungsdiensten wie Paypal, Visa, Mastercard (bei Online-Shops)
- Ein Foto oder Video von dir
- NAPs (Name, Adresse, Telefonnr. und Öffnungszeiten)
- Referenzen von zufriedenen Kunden oder prominenten Unternehmen
Durch die Integration von Trust-Elementen beim Aufbau einer Landingpage kann das Vertrauen der Besucher gestärkt werden.
Tipp: Verstecke diese elemente nicht im Footer, wenn du eine perfekte Landing Page für ein Produkt oder eine Dienstleistung erstellen lässt.
Schritt 3: Call To Actions
Call-to-Actions (CTAs) sind Buttons oder Links auf deiner Landingpage, die den Besucher dazu auffordern, eine bestimmte Aktion auszuführen. Sie sind daher ein sehr wichtiges Element beim Aufbau, dass deine Landingpage oder Sales Page braucht, um mehr Conversions zu erzielen.
Die Aktion kann beispielsweise das Ausfüllen eines Formulars, der Kauf eines Produkts, das Herunterladen von Inhalten oder das Abonnieren eines Newsletters sein.
CTAs sollten gut sichtbar und ansprechend gestaltet sein. Sie sollten sich farblich vom Hintergrund durch genügend Kontrast abheben und konsequent in der gleichen Farbe gehalten werden.
Die Texte auf den CTAs sollten klar und eindeutig sein und eine klare Handlungsaufforderung enthalten. Beispiele für CTA-Texte sind „Jetzt kaufen“, „Kostenlosen Download sichern“, „Jetzt registrieren“ oder „Kostenlose Beratung anfordern“.
Eine erfolgreiche Landingpage oder Website hat in der Regel mehrere CTAs, die an verschiedenen Stellen auf der Seite platziert sind, um den Besuchern mehrere Möglichkeiten zu bieten, auf die Aufforderungen zu reagieren. Es ist jedoch wichtig, nicht zu viele CTAs zu haben, um Verwirrung oder Überforderung bei den Besuchern zu vermeiden.
Wunderwaffe Video:
Es gibt einige Statistiken, die zeigen, dass Videos tatsächlich dazu beitragen können, die Conversion-Rate von Landingpages zu erhöhen.
Eine Studie von Unbounce ergab, dass Landingpages mit Videos eine durchschnittliche Conversion-Rate von 16,3% hatten, während Landingpages ohne Videos nur eine Conversion-Rate von 11,4% aufwiesen.
Laut einer Studie von Wistia haben Seiten, die Videos verwenden, im Durchschnitt eine längere Verweildauer auf der Seite und eine höhere Anzahl an Seitenaufrufen.
Aufbau und Layout: Wie sieht die Gestaltung einer perfekten Landingpage aus?
Bei der grafischen Gestaltung ist es wichtig, zu beachten, über welchen Weg, der User zur Landingpage gekommen ist. Wurden beispielsweise Facebook-Anzeigen geschaltet, sollte sich das Design der Seite auch an den Anzeigen orientieren. Nutze daher die gleichen Schriften, Farben und Bildmotive wie in deinen Werbemitteln.
Auch von deinem Corporate Design sollte sich die Gestaltung der Landingpage nicht zu weit entfernen.
Bei der Wahl der Farben und Bildmotive (Fotos oder Grafiken) solltest du bestimmte Emotionen triggern. In der Farb- und Verkaufspsychologie gibt es unterschiedliche Hormon-Zustände, die davon beeinflusst werden.
Während Blau beispielsweise für Vertrauen und Zuverlässigkeit steht und mit dem Hormon Cortisol in Verbindung gebracht wird, symbolisiert rot hingegen Stärke, Selbstbewusstsein und Verführung, was wiederum mit Testosteron korreliert..
Auch auf gestalterische Grundregeln wie Text-Bild-Abstände und genügend Weißräume ist zu achten. Dabei ist es besonders wichtig, längere Textpassagen grafisch aufzulockern, um so die Leselust zu steigern.
Die perfekte Landingpage Checkliste:
- Definiere deine Zielgruppe
- Lege das Conversion-Ziel fest
- Achte beim Copywriting auf Formulierungen, die deiner Zielgruppe “aus der Seele” sprechen
- Nutze klare Call-To-Actions (CTA) mit einem hervorgehobenen Button
- Achte auf einen stimmigen Gesamteindruck
- Baue Trust-Elemente und Siegel ein
- Zeige Gesichter und arbeite mit Emotionen
- Baue dein Logo ein
- Binde ein Video ein
- Achte auf schnelle Ladezeiten
- Schreibe Content mit value (Überschriften und Texte, die wichtige Fragen beantworten)
- Prüfe die uneingeschränkte Funktionsfähigkeit aller interaktiven Elemente
- Teste die Seite auf mobilen Endgeräten und verschiedenen Browsern
- Passe die Texte an die Problembewusstsein-Stufe deiner User an
Fazit für den perfekten Landingpage Aufbau:
Eine gute Landingpage ist ein essentielles Element für den Verkauf. Sie dient dazu, die Besucher zu einem spezifischen Ziel zu führen, sei es der Verkauf eines Produktes, die Kontaktaufnahme über ein Formular oder das Abonnement eines Newsletters. Die effektive Gestaltung und der optimale Aufbau einer Landingpage sind dabei entscheidend, um den Nutzer nicht zu verlieren und die gewünschten Conversions zu erzielen.
Landing Pages (oder Sales Pages) sollten klar strukturiert sein, um den Besucher direkt anzusprechen und zu überzeugen. Elemente wie eine aussagekräftige Headline, ein ansprechendes Bild oder Video, Social Proof durch Testimonials oder Zertifikate sowie eine handlungsauffordernde Call-to-Action sind dabei von großer Bedeutung.
Mit WordPress als Landingpage-Builder stehen viele Möglichkeiten zur Verfügung, um eine optimierte und ansprechende Landingpage zu erstellen. Durch die Vermeidung von kleinen Fehlern und die Beachtung von Tipps für den perfekten Aufbau kann die Conversion-Rate der Landingpage gesteigert werden.
Das Wichtigste ist, dass die Landingpage die Bedürfnisse und Erwartungen der Zielgruppe anspricht und ihnen einen klaren Mehrwert bietet. Eine überzeugende Landingpage wird die potenziellen Kunden ansprechen und sie dazu bewegen, die angebotene Dienstleistung oder das Produkt zu kaufen oder sich für den Newsletter anzumelden.