6 Best Practices für E-Commerce-Landingpages, die Sie inspirieren
Veröffentlicht: 2018-08-29E-Commerce-Websites existieren aus einem Grund: um Geld zu verdienen. Das bedeutet, dass alles an der Website so gestaltet sein sollte, dass Besucher zum Kauf animieren. Das Ticket zu mehr Kauf-Conversions? Eine E-Commerce-Post-Click-Landingpage.
Obwohl fast jeder vierte Online-Shopper seine Customer Journey auf einer Produktseite beginnt , sind etwa 96 % der Besucher dort noch nicht kaufbereit. Diese Personen springen häufiger ab als diejenigen, die auf einer tatsächlichen Post-Klick-Landingpage landen, unabhängig vom verweisenden Kanal:

Untersuchungen zeigen auch, dass Produktseiten auch in anderer Hinsicht schlechter abschneiden als Post-Click-Landingpages für E-Commerce. Glauben Sie es nicht?
E-Commerce-Post-Click-Landingpage-Statistiken
Daten aus fast 2 Milliarden Einkaufssitzungen im ersten Quartal 2018 zeigen, dass Produktseiten die Kunden nicht ansprechen:

- Besucher, die auf einer Produktseite landen, sehen 42 % weniger Seiten (8,8 pro Einkaufssitzung) als diejenigen, die eine Post-Click-Landingpage sehen (12,5 pro Einkaufssitzung).
- Besucher der Produktseite konvertieren etwa halb so schnell wie die Besucher der Landingpage nach dem Klick (1,5% bzw. 2,9%)
- Der Umsatz pro Sitzung auf Produktseiten (1,72 USD) ist etwa halb so hoch wie der Umsatz pro Sitzung auf Post-Click-Landingpages (3,43 USD).
Sie sehen also den Unterschied in den Daten, aber was ist mit den Unterschieden in den Seitentypen selbst?
Post-Click-Landingpages im Vergleich zu Produktseiten
Der Hauptunterschied zwischen einer Post-Click-Landingpage und einer Produktseite ist ihr Zweck.
Trotz vieler Online-Quellen sind Post-Click-Landingpages nicht einfach „die Seite, auf der Sie landen“. Eine Post-Click-Landingpage ist eine eigenständige Webseite, die ausschließlich zu dem Zweck erstellt wurde, Besucher zum Handeln zu bewegen (Anmeldung, Kauf, Download usw.). Diese Seiten werden verwendet, um gezielten Traffic zu einer bestimmten Conversion zu lenken, indem sie sich auf nur eine Nachricht mit einem einzigen Ziel konzentrieren.
Der Zweck einer Produktseite besteht jedoch darin, die Massen anzusprechen und Browser anzuziehen. Es wurde entwickelt, um Ihre Marke vorzustellen und Besucher über Ihr Produkt oder Ihre Dienstleistung aufzuklären. Es bietet auch oft Links zu anderen Stellen auf Ihrer Website, damit Besucher auf der gesamten Website navigieren können.
Warum E-Commerce-Post-Click-Landingpages verwenden?
Da Unternehmen immer datengesteuerter werden, werden Post-Click-Landingpages aufgrund ihrer Fähigkeit, mehr Conversions zu erzielen, mehr Leads zu generieren und letztendlich einen hohen ROI zu erzielen, zur bevorzugten Wahl der beiden. Tatsächlich zeigt der berüchtigte HubSpot-Bericht, dass Marken, die 40 oder mehr Post-Click-Landingpages verwenden, 120% mehr Leads generieren als Unternehmen, die weniger als 5 Post-Click-Landingpages verwenden.
Der Grund dafür ist, dass jeder Kunde einzigartig ist und persönliche Aufmerksamkeit und Engagement erfordert, um zum Kauf zu gelangen. Die besten E-Commerce-Post-Click-Landingpages (auch bekannt als Pre-Cart Post-Click-Landingpages) ermöglichen Ihnen dies – passen Sie Ihr Unternehmen durch spezialisierte digitale Schaufenster auf einzelne Kunden an, was wiederum das Engagement erhöht und den Umsatz steigert.
Zu den am häufigsten gewünschten E-Commerce-Post-Click-Landingpage-Conversions gehören:
- E-Mail-Updates abonnieren
- Einen Einkauf machen
- Kostenlose Inhalte herunterladen
- Upgrade auf ein verbessertes Produkt oder ein höheres Serviceniveau
6 E-Commerce-Post-Click-Landingpage-Beispiele (mit Best Practices)
Neben der Erläuterung der Best Practices für E-Commerce-Post-Click-Landingpage-Vorlagen zeigt dieser Abschnitt mehrere E-Commerce-Post-Click-Landingpage-Beispiele, um Ihr nächstes Design zu inspirieren.
1. Eliminieren Sie die Site-Navigation
Da es sich bei einer Post-Click-Landingpage um eine eigenständige Seite Ihrer Website handelt, sollte sie nirgendwo eine Navigationsleiste enthalten. Es sollte auch keine anderen Click-Through-Möglichkeiten neben dem Haupt-CTA enthalten. Das Einschließen zusätzlicher Links würde es den Nutzern nur ermöglichen, Ihr Angebot ohne vorherige Conversion zu verlassen.
Doodly hat mit seiner Post-Click-Landingpage die richtige Idee:

Auf der Seite wurde jegliche Navigation weggelassen (abgesehen von den wenigen Links unten auf der Seite), sodass sich die Besucher nur auf das Post-Click-Landingpage-Angebot konzentrieren. Es gibt viele Ankerlinks im gesamten Inhalt, die Besucher zum Ende der Seite leiten, wo sie zum Kauf klicken können. Das Entfernen der Fußzeilen-Links würde jedoch den Fokus der Seite noch stärker machen.
Durch das Entfernen von Navigationslinks und anderen Ablenkungen von einer regulären Webseite konzentrieren sich E-Commerce-Post-Click-Landingpages zu 100% auf die anstehende Aufgabe: Interessenten dazu zu bringen, mit Ihrer Marke in Kontakt zu treten.
2. Fügen Sie einen offensichtlichen CTA hinzu
Sie können nicht davon ausgehen, dass jeder genau weiß, was zu tun ist, wenn er auf Ihrer Seite angekommen ist. Um Verwirrung (und höhere Absprungraten) zu vermeiden, fügen Sie immer einen klaren, spezifischen Call-to-Action hinzu, wie es Grace Lever auf ihrer Post-Click-Landingpage tut:


Es besteht kein Zweifel, dass durch Klicken auf die rosafarbene CTA-Schaltfläche auf dieser Seite die Besucher das Buch auf der folgenden Seite bestellen können. Klare, relevante und personalisierte CTA-Button-Kopien sorgen für Klarheit für Besucher und ermöglichen es ihnen, sich auf das Seitenziel zu konzentrieren.
3. Integrieren Sie mehrere CTAs
Der Unterschied zwischen Produktseiten-CTAs und Post-Klick-Zielseiten-CTAs besteht darin, dass letztere nur ein Ziel haben sollten. Das bedeutet jedoch nicht nur eine CTA-Schaltfläche. Mehrere CTA-Schaltflächen sind auf E-Commerce-Post-Click-Landingpages akzeptabel, solange sie miteinander kooperieren.
Hearst Magazines verwendet mehrere CTA-Buttons auf ihrer Post-Click-Landingpage – alle mit demselben Ziel – um die Zeitschriftenabonnements für Eat for Abs zu erhöhen:

Mit vielen Möglichkeiten, auf der gesamten Seite „jetzt bestellen“ zu können, ist es wahrscheinlicher, dass Besucher auf eine der Schaltflächen klicken und das mehrstufige Formular ausfüllen.
Dies ist der Schlüssel zu einer erfolgreichen E-Commerce-Landingpage – ein einziger Zweck ohne mehrere Nachrichten. So erreichen Besucher mit Sicherheit das gewünschte Ziel.
4. Fügen Sie eine bestimmte Produkt- oder Servicebeschreibung hinzu
Sowohl Zielseiten als auch Produktseiten sollten beschreibende Produkt- oder Servicekopien enthalten. Es sollte auf Post-Click-Landingpages zielgruppenspezifischer sein als die allgemeinere Kopie, die normalerweise auf Produktseiten zu finden ist.
Anstatt Besucher dazu zu bringen, nach Ihrer Produkt- oder Dienstleistungsbeschreibung zu suchen, stellen Sie sicher, dass sie sichtbar ist – nicht zu klein oder am unteren Rand der Seite versteckt.
HelloFresh macht seine Angebotsbeschreibung sehr klar und sichtbar, oberhalb der Falte und direkt über dem CTA-Button:

Der Rest der Click-Through-Seite beschreibt die Funktionsweise von HelloFresh, listet die wichtigsten Vorteile auf und teilt Top-Bewertungen. Es enthält auch eine zweite CTA-Schaltfläche am unteren Rand der Seite, die auf dasselbe Conversion-Ziel ausgerichtet ist.
Studien zeigen, dass die Conversions um 124 % steigen können, wenn Bilder zur Ergänzung von Produktbeschreibungen hinzugefügt werden, wie es bei Strategyn der Fall ist:

5. Konzentrieren Sie sich hauptsächlich auf Conversions
Produktseiten sind stark für SEO optimiert, da eines ihrer Hauptziele darin besteht, organischen Traffic anzuziehen. Post-Click-Landingpages können auch für SEO optimiert werden; Dies ist jedoch keine Notwendigkeit, da Post-Click-Landingpages werbeorientiert und nicht organisch sind. Auch wenn Post-Click-Landingpages potenziell SEO-freundlich gestaltet werden können, um in den SERPs ein höheres Ranking zu erzielen und mehr Sichtbarkeit und Traffic von Suchnutzern zu erzielen, sollten sie in erster Linie auf Conversions ausgerichtet sein.
Betrachten Sie dieses Beispiel für eine Banneranzeige und eine Post-Click-Landingpage von Constant Contact:


Sie haben diese Anzeige und die Post-Click-Landingpage so erstellt, dass sie auf Conversions ausgerichtet ist, indem sie die kostenlose Testversion mit mehreren CTA-Schaltflächen hervorheben und einen zusätzlichen "Jetzt kaufen"-Link einfügen.
6. Für Mobilgeräte optimieren
Eine auf Mobilgeräte ansprechende E-Commerce-Landingpage vor dem Warenkorb ist unerlässlich, da viele der heutigen Kunden ihre Einkäufe über Mobilgeräte erledigen.
Erstellen Sie vertikal ausgerichtete Seiten und Formulare, formatieren Sie Bilder und Videos richtig, damit sie ordentlich auf das Gerät passen, und fügen Sie tippbare Schaltflächen ein.
The Honest Company überprüft all diese Kästchen auf ihrer E-Commerce-Post-Click-Landingpage:

Durch die Optimierung Ihrer Post-Click-Landingpage-Elemente für Mobilgeräte können mobile Benutzer bequem auf Ihre Inhalte zugreifen, was eine ideale Benutzererfahrung und eine bessere Conversion-Chance bietet.
Machen Sie das Beste aus Ihren E-Commerce-Post-Click-Landingpages
Wie die obigen Beispiele zeigen, sind diese Seiten ein wichtiger Bestandteil des Verkaufstrichters jedes E-Commerce-Unternehmens. Sie sind die Brücke zwischen Ihren Werbemaßnahmen und einem Verkauf und helfen Ihnen letztendlich dabei, mehr Einnahmen zu erzielen.
Verknüpfen Sie alle Ihre Anzeigen immer mit personalisierten Post-Click-Landingpages, um Ihren Cost-per-Customer-Akquise zu senken. Beginnen Sie mit der Erstellung Ihrer dedizierten Post-Click-Seiten, indem Sie sich noch heute für eine Instapage Enterprise-Demo anmelden.
