# Landingpages für E-Commerce: wann du eine brauchst, was draufgehört, was du testen solltest > Landingpages sind keine Produktseiten. Message Match, ein einziger CTA, Einwandbehandlung direkt im Text und die Disziplin bei der Geschwindigkeit, die bezahlter Traffic verlangt. Zwölf konkrete Taktiken, dazu der Testansatz, der sich wirklich lohnt. Ryan Badger - 9. November 2024 - 10 Min. Lesezeit ## Landingpages vs. der Rest deines Shops Eine Landingpage ist nicht deine Startseite. Sie ist nicht deine Produktseite. Sie ist eine Seite mit einem einzigen Zweck, gebaut, um eine bestimmte Art von Traffic aus einer bestimmten Quelle (meist eine bezahlte Anzeige) in eine bestimmte Aktion zu verwandeln. Alles darauf existiert, um diese eine Aktion voranzutreiben; jeder Pixel, der nichts beiträgt, ist Rauschen. Die meisten Shops nutzen ihre normalen Produktseiten als Landingpages für Anzeigen. Das ist ineffizient. Die Produktseite ist für jemanden optimiert, der mit einer gewissen Absicht stöbert; die Landingpage muss jemanden überzeugen, der auf eine Anzeige geklickt hat und noch genau null Kontext hat. Andere Aufgaben, andere Seiten. Dieser Beitrag behandelt konkrete Landingpage-Taktiken, die im E-Commerce die Conversion bewegen, den Testansatz, der sich lohnt, und die landingpage-spezifischen Fehler, die du vermeiden solltest. ## Wann du eine Landingpage brauchst (und wann Produktseiten reichen) **Nutze eine eigene Landingpage:** - Für bezahlte Anzeigen, bei denen Message Match zählt (bestimmte Aktion, Kollektion oder Blickwinkel) - Für Kampagnenstarts (Black Friday, Drop einer neuen Kollektion) - Für erklärungsbedürftige Produkte, bei denen die ganze Geschichte zählt (200 $+ durchschnittlicher Bestellwert) - Für SEO-Inhalte, die eine auf Conversion ausgerichtete Struktur brauchen - Für Traffic aus Empfehlungen / von Partnern / Influencern **Nutze deine bestehende Produktseite:** - Für Marken- bzw. generischen Traffic, bei dem Stöbern erwartet wird - Für Käufe mit sehr geringem Abwägungsbedarf (Impulskäufe unter 30 $) - Wenn du weniger als 500 Bestellungen im Monat hast (abnehmender Nutzen eigener Seiten) Nicht jede Kampagne braucht eine Landingpage. Aber Kampagnen, die mehr als etwa 500 $/Monat für eine Zielgruppe oder einen Blickwinkel ausgeben, verdienen eine. ## 0. Die beste Landingpage verkauft an Ort und Stelle Vor den Taktiken: Der größte einzelne Gewinn bei der Landingpage-Performance ist, den zusätzlichen Klick zwischen "Ich will das" und "Ich habe das gekauft" zu entfernen. Die meisten Landingpage-Stacks (Unbounce, Leadpages, Klaviyo Pages, ClickFunnels) behandeln die Landingpage als etwas Getrenntes von deinem Shop. Der Käufer liest deine Seite, wird überzeugt, klickt auf "Jetzt kaufen" und landet auf einer anderen URL (der Produktseite deines eigentlichen Shops). Er muss sich neu orientieren, neu lesen, auf In den Warenkorb klicken und dann zur Kasse. Jeder zusätzliche Schritt kostet Kunden. Shoprocket funktioniert anders. Die Landingpage IST die Kauffläche. Du kannst den Warenkorb, einen Kauf-Button oder einen ganzen Produktblock direkt in jede Landingpage einbetten (WordPress, Webflow, Framer, Carrd oder eine statische HTML-Seite, die du von Hand geschrieben hast), mit einem Script-Tag plus einem div. Wenn der Besucher auf Kaufen klickt, öffnet sich der Warenkorb an Ort und Stelle. Der Checkout öffnet sich an Ort und Stelle. Die Conversion passiert auf der Landingpage, nicht auf einer separaten Shop-URL. **Hier ist eines, tatsächlich gerendert, mitten in diesem Blogbeitrag:** Live-Karussell, gerendert in diesem Blogbeitrag Das ist derselbe Mechanismus, den du in jede Landingpage einbauen könntest, die du baust. Drei Zeilen HTML. Keine Weiterleitungen, keine separate Domain, kein Checkout, der den Käufer aus der Geschichte reißt, die du ihm gerade erzählt hast. **Warum das bei bezahltem Traffic wichtig ist:** Je weniger Stationen zwischen Anzeigenklick und Kauf, desto höher die Conversion. Eine Landingpage, auf der der Kauf an Ort und Stelle passiert, konvertiert deutlich besser als eine, die Besucher in einen Shop schickt. Außerdem bleibt die Zuordnung sauber (kein Ärger mit domainübergreifendem Tracking). Die meisten Taktiken unten gelten trotzdem. Aber die zugrunde liegende Architekturentscheidung (Landingpage = Kauffläche, nicht Marketingfläche) macht einen großen Teil des Conversion-Zuwachses aus, und fast niemand außerhalb von Shoprocket macht das so sauber. ## 1. Message Match mit der Anzeige Wenn deine Anzeige "50 % Rabatt auf T-Shirts aus Bio-Baumwolle" sagt, sollte die Überschrift der Landingpage das aufgreifen: "50 % Rabatt auf T-Shirts aus Bio-Baumwolle, bis Sonntag". Nicht "Willkommen bei Acme Clothing". Message Match ist der häufigste Fehler bei bezahltem Traffic. Die Anzeige verspricht X, die Seite liefert Y, das mentale Modell des Besuchers bricht, er springt ab. Absprungraten auf Landingpages ohne Message Match liegen oft über 80 %. **Regel:** Der erste Bildschirm der Landingpage sollte sich wie die Fortsetzung der Anzeige anfühlen, nicht wie ein Richtungswechsel. ## 2. Eine einzige Hauptaktion Eine Landingpage, eine Aktion. Nicht "kauf das ODER abonniere unseren Newsletter ODER lies unseren Blog ODER folge uns auf Instagram". Konkurrierende CTAs verwässern die Conversion. Die Hauptaktion ist meist: - In den Warenkorb / jetzt kaufen (bei produktorientierten Landingpages) - Ein Formular ausfüllen (bei Lead-Generierung, etwa für den Download eines "Versand-Leitfadens") - Sich auf die Warteliste für den Launch eintragen (bei Seiten vor dem Start) Nebenaktionen sind in Ordnung, wenn sie klar nachrangig sind (kleiner, tiefer in der Hierarchie, ohne Konkurrenz zum Haupt-CTA). "Fragen? Chatte mit uns" als Nebenaktion ist fein. ## 3. Der erste Bildschirm hat eine Aufgabe: das Scrollen verdienen Der sichtbare Bereich beim Laden (oberhalb der Falz) muss den Verkauf nicht abschließen. Er muss den Besucher davon überzeugen, dass sich das Weiterscrollen lohnt. Was dorthin gehört: - **Überschrift:** ein konkretes Versprechen - **Unterüberschrift:** ein Beleg - **Hero-Visual:** Produkt im Einsatz oder ergebnisorientiert, kein Stockfoto - **Haupt-CTA:** sichtbar und ohne Scrollen antippbar - **Vertrauenssignal:** Bewertung + Anzahl der Bewertungen, Presseerwähnung oder bekannter Kunde Was NICHT dorthin gehört: - Deine Markengeschichte - Navigation zu anderen Kategorien (sie sind wegen dieser Sache gekommen, lenk sie nicht ab) - Jedes Merkmal des Produkts - Ein Karussell (siehe CRO-Beitrag: Karussells schneiden schlechter ab als statische Heros) ## 4. Platzierung von Social Proof Social Proof (Bewertungen, Sterne, Presse, Testimonials, Kundenzahl) gehört dorthin, wo die Unsicherheit steigt: - Neben den Haupt-CTA (Beruhigung vor dem Klick) - Nach einer zentralen Aussage (Beleg, der die Aussage sofort untermauert) - In einen eigenen Bewertungsbereich (tiefere Belege für Abwägende) Schlechte Muster: - Testimonials in einem Block ganz unten, zu dem niemand scrollt - Generische "★★★★★ wir sind großartig"-Siegel ohne Quelle - Platzhaltertext "echtes Testimonial von jemandem", der nie ersetzt wurde (ja, das passiert) Gute Muster: - "Bewertet mit 4,8/5 aus über 3.400 Bewertungen" neben dem Button In den Warenkorb - Echtes Kundenfoto + Vorname + konkretes Zitat zum genauen Einsatzzweck - Logoleiste mit Presse, deren Namen man kennt (Forbes, NYT usw.), keine 15 zufälligen Logos ## 5. Einwandbehandlung direkt im Text Jeder Käufer hat konkrete Einwände: "ist es den Preis wert", "kann es wirklich, was sie behaupten", "kommt es schnell genug an", "kann ich es zurückgeben". Wenn du darauf nicht eingehst, füllen sie die Lücke mit "wahrscheinlich nicht". Eine gute Landingpage beantwortet die drei wichtigsten Einwände direkt im Text: - **Preiseinwand:** "79 $ sind viel" → Absatz, der Haltbarkeit erklärt, die Rechnung mit 8 $/Jahr Nutzungskosten, die 2 Jahre Garantie - **Qualitätseinwand:** "ist das wirklich gut" → Bewertungen mit Fotos, Materialliste, Angabe zum Herstellungsort - **Versandeinwand:** "kommt das rechtzeitig an" → "Bestellungen bis 15 Uhr werden am selben Tag versendet, Lieferung in 2-5 Tagen, kostenlose Rückgabe, falls nicht" - **Passform-/Größeneinwand:** Größentabelle direkt im Text mit "So misst du richtig" Denk wie ein Support-Ticket. Jede Frage, die du im Support zu diesem Produkt bekämst, ist ein Einwand, den deine Landingpage nicht beantwortet hat. ## 6. Länge: lang genug zum Verkaufen, kurz genug zum Lesen Debatten über die Länge von Landingpages verfehlen den Punkt. Die Länge hängt vom Preis und vom Abwägungsgrad ab: - **Impulskäufe unter 50 $:** kurze Landingpage. Hero + Beleg + Bewertungen + CTA. Passt auf dem Handy in 2-3 Bildschirme - **50-200 $, überlegt:** mittlere Länge. Ergänze Merkmale, Social Proof, Vergleich, FAQ. 4-6 Bildschirme - **200 $+, aufwendige Entscheidung:** länger. Die ganze Geschichte, ausführliche Bewertungen, Videos, Vergleichstabellen, Details zur Garantie, FAQ. 8-12 Bildschirme sind in Ordnung, wenn sich jeder Abschnitt seinen Platz verdient Eine lange Landingpage, die jeden möglichen Einwand beantwortet, konvertiert besser als eine kurze, die Einwände offenlässt. Aber eine lange Landingpage, die mit Füllstoff aufgebläht ist, ist schlechter als eine straffe kurze. ## 7. Video, wo es passt Produktvideos auf Landingpages steigern die Conversion typischerweise um 10-30 %. Aber: - Videos sollten stumm automatisch starten (Klick-zum-Abspielen schneidet schlechter ab) - Meist unter 60 Sekunden; unter 30 Sekunden, wenn möglich - Zeige das Produkt im Einsatz, keine polierte Markenwerbung - Auf deiner Seite gehostet, kein eingebettetes YouTube (YouTube-Einbettungen laden langsam und zeigen ablenkende ähnliche Videos) - Untertitel immer an (die meisten mobilen Nutzer schauen ohne Ton) ## 8. FAQ-Bereich (aber nur, wenn er echte Fragen beantwortet) Eine FAQ auf der Landingpage ist nützlich, wenn: - Die typischen Käufereinwände vorhersehbar sind (und deine Antworten konkret) - Die FAQ überfliegbar ist (Akkordeon-Stil, 6-10 Fragen) - Jede Antwort unter 3 Sätzen bleibt Eine FAQ auf der Landingpage schadet, wenn: - Sie die Seite auffüllt, ohne echte Käuferfragen zu beantworten - Die Antworten generisches Marketing-Geschwafel sind - Sie 30 Fragen lang ist (so viele liest niemand) **Test:** Öffne dein Support-Postfach. Die 5-8 häufigsten Fragen vor dem Kauf zu diesem Produkt sind deine FAQ. Übernimm den genauen Wortlaut der Kunden. ## 9. Der CTA: konkret, wiederholt, sichtbar Ein einziger Haupt-CTA, 2-4 Mal beim Scrollen wiederholt: - Nahe am Hero (primär) - Nach einem Abschnitt mit zentralem Nutzen - Nach Einwandbehandlung / Social Proof - Ganz unten Der CTA-Text zählt. "Jetzt kaufen" ist generisch; "Mein kostenloses Versandpaket sichern" oder "14 Tage kostenlos testen" oder "In den Warenkorb - 49 £" sind konkret. Speziell für mobil: ein fixierter CTA, der am unteren Rand des Viewports schwebt, sobald der Hero weggescrollt ist. Für mobilen Traffic unverzichtbar. ## 10. Geschwindigkeit der Landingpage Landingpages sind oft langsamer als Produktseiten, weil man sie überlädt: eigene Schriften, Hero-Videos, eingebettete Social-Widgets, A/B-Test-Skripte, Heatmap-Skripte, Analytics-Skripte. Ziel: unter 2,5 Sekunden Largest Contentful Paint auf mobilem 4G. Die Details zu den Core Web Vitals stehen im [Beitrag zur mobilen Optimierung](https://v3.shoprocket.io/de/blog/mobile-ecommerce-optimierung-core-web-vitals-checkout.md). Die Liste der Tempo-Killer: - Hero-Bilder in voller Auflösung (auf 100-300 KB komprimieren) - Autoplay-Video ohne Posterbild (schadet dem LCP) - Mehrere Schriften (eine für Überschriften, eine für den Fließtext) - Jedes Analytics- und Retargeting-Pixel synchron geladen Landingpages, für die du 2-10 $ pro Klick zahlst, haben es verdient, schnell zu laden. Eine Sekunde Verzögerung bei einer Kampagne mit 5 $ CPC verschwendet 10-20 % der Ausgaben für Absprünge. ## 11. Testen: was sich lohnt und was nicht Die meisten A/B-Tests auf Landingpages erzeugen bei kleinen Volumen nur Rauschen. Die Rechnung zur Stichprobengröße steht im [CRO-Beitrag](https://v3.shoprocket.io/de/blog/conversion-optimierung-ecommerce-ehrliche-abfolge.md). **Testen lohnt sich (wenn du Volumen hast):** - Varianten der Hero-Überschrift - Text des Haupt-CTA - Preisdarstellung (pro Monat vs. pro Jahr, 99 $ vs. 99,99 $) - Format des Social Proof (Testimonial vs. Bewertungszitat vs. Kennzahlen) - Hero-Bild (Produkt vs. Ergebnis vs. Lifestyle) **Selten testenswert:** - Button-Farbe (0,1-0,5 % Zuwachs bestenfalls, braucht riesigen Traffic) - Kleine Textvarianten (5 Wörter anders, 2 Zeichen anders) - Footer-Inhalt - Navigationspunkte Qualitative Forschung (Session-Aufzeichnungen, Heatmaps) schlägt A/B-Tests bei Landingpages mit unter 5.000 Besuchern/Monat. ## 12. Häufige Fehler bei Landingpages ### Anzeigen auf die Startseite schicken Die Anzeige zielt auf "Laptoptaschen aus Leder". Der Klick führt auf eine Startseite mit 200 unzusammenhängenden Produkten. Der Besucher findet die Tasche nie. Absprung. Bau die Landingpage. ### Dieselbe Landingpage für jede Anzeigenzielgruppe nutzen Kalter Meta-Traffic und warmes Retargeting brauchen unterschiedliche Botschaften. Kalt: beweisen, wer du bist und was das Produkt ist. Warm: auf den konkreten Grund eingehen, warum sie beim letzten Mal nicht gekauft haben. ### Den Preis verstecken Preisscheu auf Landingpages geht nach hinten los. Zeig den Preis deutlich oberhalb der Falz. Kunden, die der Preis abschreckt, wären ohnehin abgesprungen; Kunden, die der Preis begeistert, konvertieren schneller. ### Zu viele Formularfelder Jedes Feld in einem Landingpage-Formular kostet 5-10 % Abschlussquote. Frag nach dem, was du brauchst; frag nicht nach der Telefonnummer, um einen E-Mail-Leitfaden zu schicken. ### Uneinheitliches Branding gegenüber der Anzeige Die Anzeige nutzt leuchtende Farben und lockeren Ton. Die Landingpage ist geschäftsmäßig und grau. Das fühlt sich an wie ein Bait-and-Switch. Der Besucher springt ab. ## Wobei Shoprocket hilft - **Commerce in jede Landingpage einbetten**: Katalog, Kauf-Button, Warenkorb oder kompletter Shop lassen sich mit einem Script-Tag in jede HTML-Seite einfügen. Die Landingpage IST die Kauffläche, keine separate Marketingseite, die Besucher in deinen Shop schickt - **Flexibler Seitenbaukasten** mit über 40 Themes, wenn du eine gehostete Shop-Landingpage willst - **Unterstützung für eigene Domain + Subdomain** für Kampagnen-URLs - **Blog / CMS** für SEO-orientierte Landingpage-Inhalte mit voller Kontrolle über Meta-Angaben - **Automatische Bildoptimierung** + WebP-Auslieferung für schnelle Landingpages - **Core-Web-Vitals-optimiert** für den gehosteten Shop; eingebettete Widgets laden verzögert, damit deine selbstgebaute Landingpage schnell bleibt - **Produkt-Feeds**, damit du Anzeigentraffic auf einzelne Produkte aus deinem Katalog lenken kannst - **Echtzeit-Analysen** + UTM-Tracking, um zu messen, welche Landingpages konvertieren - **Tracking-Pixel** (Meta, Google, TikTok) per Schalter im Dashboard, damit deine Anzeigen korrekt zugeordnet werden Was Shoprocket nicht von Haus aus mitbringt: vollständige A/B-Tests für Landingpages (nutze nebenbei VWO oder Optimizely), Heatmaps (nutze Hotjar oder Microsoft Clarity, Clarity ist kostenlos). > **Tipp:** Wenn du eine bezahlte Kampagne fährst, bau EINE Landingpage. Bau nicht gleich 10 Varianten. Lass die Kampagne 2-4 Wochen auf diese eine Seite laufen. Sieh dir Session-Aufzeichnungen an. Verbessere die Seite anhand dessen, was du siehst. Eine Seite, richtig iteriert, schlägt fünf Seiten, die du nie optimierst. ## Kurz gesagt - **Beste Landingpage = die Kauffläche selbst.** Shoprocket bettet Warenkorb + Checkout direkt in jede HTML-Landingpage ein; die meisten Plattformen schicken Besucher auf eine separate Shop-URL - **Landingpages haben einen einzigen Zweck**, sie sind keine Allzweck-Produktseiten - **Message Match mit der Anzeige** ist der größte Conversion-Hebel - **Ein Haupt-CTA,** 2-4 Mal wiederholt, mit konkretem Aktionstext - **Der erste Bildschirm verdient das Scrollen,** nicht den Verkauf - **Social Proof direkt** bei CTAs und Aussagen; nicht unten vergraben - **Einwände direkt behandeln** (Preis, Qualität, Versand, Passform) - **Die Länge richtet sich nach dem Abwägungsgrad,** nicht nach Willkür - **Geschwindigkeit zählt bei Landingpages mehr** als bei normalen Seiten (bezahlten Traffic zu verschwenden ist teuer) - **A/B-Test von Hero + CTA + Preisdarstellung,** wenn du Volumen hast; sonst qualitative Forschung - **Häufige Fehler:** Anzeigen auf die Startseite, eine Seite für alle Zielgruppen, Preis verstecken, zu viele Formularfelder [Starte eine kostenlose Testphase](https://app-v3.shoprocket.io/signup) und baue Landingpages mit Theme-Shop + Feeds + Pixel-Tracking von Haus aus. 14 Tage, keine Karte. --- - HTML version: https://v3.shoprocket.io/de/blog/landingpages-ecommerce-wann-noetig-inhalt-testen - Language: Deutsch (de) - Also in: [العربية](https://v3.shoprocket.io/ar/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [English](https://v3.shoprocket.io/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Español](https://v3.shoprocket.io/es/blog/landing-pages-ecommerce-cuando-necesitas-una-que-poner-que-probar.md), [Français](https://v3.shoprocket.io/fr/blog/pages-atterrissage-e-commerce-quoi-mettre-quoi-tester.md), [עברית](https://v3.shoprocket.io/he/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/landing-page-ecommerce-kapan-perlu-isi-dan-cara-uji.md), [Italiano](https://v3.shoprocket.io/it/blog/landing-page-ecommerce-quando-servono-cosa-inserire-cosa-testare.md), [日本語](https://v3.shoprocket.io/ja/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/nusileidimo-puslapiai-el-prekybai-kada-reikalingi-ka-deti-ir-ka-testuoti.md), [Norsk](https://v3.shoprocket.io/nb/blogg/landingssider-for-nettbutikk.md), [Nederlands](https://v3.shoprocket.io/nl/blog/landingspagina-ecommerce-wanneer-wat-testen.md), [Polski](https://v3.shoprocket.io/pl/blog/landing-page-dla-ecommerce-kiedy-potrzebujesz-co-umiescic-co-testowac.md), [Português](https://v3.shoprocket.io/pt/blog/landing-pages-para-ecommerce-quando-usar-o-que-colocar-o-que-testar.md), [Română](https://v3.shoprocket.io/ro/blog/pagini-de-destinatie-ecommerce-ce-pui-pe-ele-ce-testezi.md), [Русский](https://v3.shoprocket.io/ru/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [ไทย](https://v3.shoprocket.io/th/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Türkçe](https://v3.shoprocket.io/tr/blog/e-ticaret-acilis-sayfalari-ne-zaman-ne-konur-ne-test-edilir.md), [中文](https://v3.shoprocket.io/zh/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md)