Das Wichtigste in Kürze
- Shopify hat keinen speziellen „Landingpage“-Button — du erstellst sie als normale Seiten und passt das Layout an.
- Die schnellste No-Code-Methode ist die Nutzung des Theme-Editors, um eine Seite aus Abschnitten (Sections) aufzubauen.
- Für ein individuelles Layout ohne Code erstellt ein KI-Tool wie Fudge die Seite anhand deiner Beschreibung.
- Eine gute Landingpage hat ein Angebot, einen CTA und verzichtet auf alles, was von der Conversion ablenkt.
Eine Shopify Landingpage ist eine fokussierte Seite mit nur einem Zweck, die für eine Kampagne, Anzeige oder E-Mail erstellt wurde – ein Angebot, ein CTA, nichts, was von der Conversion ablenkt. Shopify hat keine dedizierte Landingpage-Funktion, aber du kannst sie auf drei Arten erstellen: Baue sie aus Abschnitten im Theme-Editor auf, programmiere ein benutzerdefiniertes Template oder lass sie von einem KI-Tool wie Fudge für dich generieren.
Dieser Guide behandelt alle drei Methoden, von der einfachsten bis zur flexibelsten.
Warum Sie uns vertrauen können
Jacques hat über 15 Jahre Entwicklungserfahrung und hat Hunderten von Shopify-Marken dabei geholfen, Landingpages für Produkteinführungen, bezahlte Kampagnen und saisonale Aktionen zu erstellen. Wir entwickeln auch Fudge, den KI-Operator für Shopify-Stores, mit einer Bewertung von 4.9 im Shopify App Store. Landingpages gehören zu den Dingen, die Fudge im Theme eines Stores aufbaut.
Ist Shopify gut für Landingpages geeignet?
Ja – mit dem richtigen Ansatz.
Die Stärke von Shopify ist seine native Integration. Eine in Shopify erstellte Landingpage übernimmt automatisch den Checkout, die Produktdaten und das Theme-Styling deines Shops. Du benötigst kein separates Landingpage-Tool, das über eine API angebunden wird.
Die Einschränkung ist, dass Shopify dir standardmäßig keine leere Leinwand bietet. Jede neue Seite verwendet das Standard-Seitentemplate deines Themes, das normalerweise nur einen Textbereich bereitstellt. Um ein benutzerdefiniertes Layout zu erhalten, musst du Abschnitte hinzufügen.
Bewertung von Shopify als Landingpage-Builder
Wenn du Shopify mit dedizierten Landingpage-Tools vergleichst, lautet das Fazit:
- Shopify ist ein fähiger Landingpage-Builder für einfache Kampagnenseiten – der Theme-Editor, Checkout und die Produktdaten sind bereits verknüpft, und es kostet keinen Cent extra.
- Bei individuellen Layouts stößt es an seine Grenzen – du bist auf die Abschnitts-Bibliothek deines Themes beschränkt, es gibt kein integriertes A/B-Testing für Seiten und die Landingpage-Berichte sind eher simpel.
- Für häufige Kampagnen oder auf Anzeigen abgestimmte Seiten solltest du es mit einer App kombinieren – in unserem Ranking der besten Shopify Landingpage-Builder erfährst du, welcher am besten zu deinem Workflow passt.
Informationen zur Template-Einrichtung findest du unter So fügst du in Shopify ein benutzerdefiniertes Template hinzu.
Die 3 Wege, eine Landingpage in Shopify zu erstellen
1. Theme-Editor – sektionsbasierte Seiten (No-Code)
Mit dem integrierten Theme-Editor von Shopify kannst du Seiten aus vorgefertigten Abschnitten erstellen – Hero-Banner, Bildergalerien, Kundenstimmen, Countdown-Timer und mehr.
Ideal für: Einfache Kampagnenseiten, die die vorhandene Abschnittsbibliothek deines Themes nutzen.
Einschränkung: Du bist auf das beschränkt, was dein Theme enthält. Wenn der benötigte Abschnittstyp nicht existiert, kannst du ihn nicht ohne Code hinzufügen.
2. Code-Editor – benutzerdefinierte Templates (Entwicklerkenntnisse erforderlich)
Du kannst im Code-Editor (Onlineshop → Themes → ... → Code bearbeiten) ein benutzerdefiniertes Seiten-Template erstellen und es mit Liquid, HTML und CSS genau so gestalten, wie du es willst.
Am besten für: Teams mit Entwicklern oder Händler, die sich mit der Templating-Sprache von Shopify gut auskennen.
Einschränkung: Fehler machen deinen Store kaputt. Dupliziere dein Theme immer, bevor du den Code bearbeitest.
3. Fudge — KI-generierte individuelle Seiten (No-Code)
Mit Fudge, dem KI-Operator für Shopify-Stores, kannst du die gewünschte Seite in einfachen Worten beschreiben und er baut sie für dich – als native Abschnitte (Sections) direkt in deinem Theme.
„Erstelle eine Landingpage für unseren Sommer-Sale – Hero-Banner mit Countdown-Timer, drei Produkt-Feature-Blöcke und ein einziger Add-to-Cart CTA.“
Fudge entwirft die Seite zur Überprüfung. Nichts geht online, bis du es freigibst.
Am besten für: Individuelle Layouts, ohne Code zu schreiben oder durch die Abschnitts-Bibliothek deines Themes eingeschränkt zu sein.
Schaust du lieber zu? Hier ist eine Live-Anleitung zum Erstellen einer Shopify Landingpage mit Fudge:
So erstellst du eine Shopify Landingpage mit dem Theme-Editor
Schritt 1 - Seite erstellen. Gehe auf Onlineshop → Seiten → Seite hinzufügen. Gib ihr einen Titel, lass den Inhaltsbereich vorerst leer und klicke auf Speichern.
Schritt 2 - Gib der Seite ein eigenes Template. Öffne im Theme-Editor (Onlineshop → Themes → Anpassen) oben das Template-Menü, wähle Seiten → Template erstellen und gib ihm einen Namen (z. B. landing). Wähle dieses Template dann auf deiner Seite im Admin-Bereich unter Theme-Template aus und speichere. Wenn du Abschnitte stattdessen zum Standard-Seiten-Template hinzufügst, ändert sich jede Seite in deinem Store.
Schritt 3 - Theme-Editor öffnen. Gehe auf Onlineshop → Themes → Anpassen. Navigiere über die Seitenauswahl oben zu der Seite, die du gerade erstellt hast.
Schritt 4 - Mit Abschnitten bauen. Füge über die linke Seitenleiste Abschnitte hinzu – Hero-Bilder, Feature-Blöcke, Testimonials, CTAs. Ordne sie per Drag-and-Drop an. Header und Footer werden für den gesamten Store verwendet; wenn du sie hier ausblendest, sind sie überall weg. Eine Seite ohne Header benötigt eine separate Layout-Datei (siehe So baust du eine Kampagnen-Landingpage in Shopify).
Schritt 5 - Veröffentlichen. Wenn du mit dem Layout zufrieden bist, ist die Seite unter deinstore.com/pages/deine-seiten-url live.
So erstellst du eine Shopify Landingpage mit Fudge
Öffne Fudge und beschreibe, was du möchtest:
- „Erstelle eine Landingpage für unseren Black Friday Sale mit einem Hero über die volle Breite, Dringlichkeits-Countdown, den Top 3 Produkten und einem Sticky-Add-to-Cart-Button.“
- „Baue eine Landingpage für unsere neue Hautpflegeserie — cleanes, minimalistisches Layout mit Highlight-Inhaltsstoffen und Vorher/Nachher-Fotos.“
Fudge generiert die Seite als Entwurf in deinem Theme. Du überprüfst sie, bittest um Änderungen und veröffentlichst sie, wenn alles passt.
Der Vorteil gegenüber dem Theme-Editor: Du bist nicht auf die Abschnitts-Bibliothek deines Themes beschränkt. Fudge baut das Layout, das du beschreibst, und nutzt dafür nativen Shopify Liquid-Code. Für den direkten Vergleich siehe wie Fudge im Vergleich zum Shopify Theme-Editor abschneidet.
Nach dem Livegang ist noch lange nicht Schluss. Fudge protokolliert Besuche, Conversion Rate und Käufe für jede Seite, die es erstellt, und mit verknüpftem Google Analytics zeigt es, welche Kampagnen die Besucher geschickt haben. Es nutzt diese Zahlen, um Änderungen an der Seite vorzuschlagen oder zu empfehlen, welche Seite als Nächstes gebaut werden sollte.
Um Ergebnisse zu messen, schau dir an, wie du Conversions in Shopify tracken kannst.
Design-Tipps für Shopify Landingpages
Was macht eine gute Shopify Landingpage aus? Unabhängig von der Methode, die du verwendest, teilt eine hochkonvertierende Landingpage einige Merkmale:
- Ein Ziel. Jedes Element auf der Seite sollte auf eine einzige Aktion hindeuten – kaufen, anmelden oder ein Angebot anfordern. Mehrere CTAs schwächen die Aufmerksamkeit.
- Hook über der Falz. Der Hero-Bereich sollte sofort beantworten: Was ist das und warum sollte es mich interessieren?
- Entferne ablenkende Navigationselemente. Erwäge, die Kopf- und Fußzeile deiner Website auf Kampagnenseiten auszublenden, damit Besucher nicht wegnavigieren können, bevor sie konvertieren.
- Social Proof in der Nähe des CTA. Bewertungen, Sternebewertungen oder Vertrauenssiegel in der Nähe des Kauf-Buttons reduzieren das Zögern.
- Mobile-First. Der meiste Shopify-Traffic kommt von Mobilgeräten. Überprüfe deine Seite auf einem Handy, bevor du sie veröffentlichst. Siehe Mobile-First Landingpage-Muster für die Details.
Wenn du in mehr als einem Land verkaufst, muss dieselbe Seite auch pro Markt funktionieren. Siehe Shopify Landingpages lokalisieren zur Anpassung von Sprache, Währung und Angeboten nach Region.
Shopify Landingpage-Vorlagen
Du musst nicht bei Null anfangen. Durchstöbere unsere kostenlosen Shopify Landingpage-Vorlagen für fertige Layouts, die du an deine Kampagne anpassen kannst, und sieh dir echte Shopify Landingpage-Beispiele an, um zu sehen, wie starke Shops ihre strukturieren.
Was ist der Unterschied zwischen einer Landingpage und einer Webseite?
Eine Webseite (wie deine Startseite oder „Über uns“-Seite) ist für das allgemeine Stöbern konzipiert. Sie soll deine Marke vorstellen und Besuchern helfen, das zu finden, was sie suchen.
Eine Landingpage ist für eine bestimmte Zielgruppe konzipiert, die von einer bestimmten Quelle kommt – einer Anzeige, einer E-Mail, einem Social-Media-Beitrag. Sie hat eine einzige Aufgabe: diesen Traffic in einen Verkauf, eine Anmeldung oder einen Lead umzuwandeln.
Der praktische Unterschied in Shopify: Eine Landingpage hat normalerweise ein strafferes Layout, weniger Navigation und einen einzigen CTA. Sie ist oft mit einem bestimmten Produkt oder einer bestimmten Aktion verbunden, anstatt mit deinem gesamten Katalog.
Wie verfolge ich die Leistung meiner Shopify Landingpage?
Verbinde Google Analytics 4 über den Google Tag Manager, um die Leistung der Landingpage zu messen. Wichtige Kennzahlen, die du im Auge behalten solltest: Conversion-Rate, Absprungrate und durchschnittliche Sitzungsdauer. Füge für bezahlte Kampagnen UTM-Parameter zu deinen Anzeigen-URLs hinzu (z. B. ?utm_source=meta&utm_campaign=sommer-sale), damit du den Traffic der Landingpage in GA4 isolieren und sehen kannst, welche Kampagnen konvertieren.
Wie füge ich eine Landingpage zu meiner Shopify-Navigation hinzu?
Normalerweise tut man das nicht – Landingpages sind dafür gedacht, direkten Traffic von Anzeigen oder E-Mails zu erhalten, nicht um durch Stöbern gefunden zu werden. Sie zur Hauptnavigation hinzuzufügen, schwächt das fokussierte Erlebnis. Verlinke stattdessen direkt von deiner Anzeige, E-Mail oder deinem Social-Media-Beitrag auf deine Landingpage. Wenn sie doch vom Shop aus erreichbar sein muss, füge sie als Link in der Fußzeile statt im Hauptmenü hinzu.
FAQ
Wie viele CTAs sollte eine Shopify Landingpage haben?
Einen primären CTA, der wiederholt wird. Die gleiche Aktion ("Jetzt shoppen", "In den Warenkorb", "Angebot sichern") erscheint im Hero, in der Mitte der Seite und in der Nähe des unteren Randes. Mehrere verschiedene CTAs ("Kaufen", "Mehr erfahren", "Anmelden", "Kontaktieren Sie uns") spalten die Aufmerksamkeit und verringern die Conversion. Wenn du einen sekundären CTA anbieten musst, ordne ihn optisch unter.
Sollten Shopify Landingpages von Google indexiert werden?
Kommt darauf an. Evergreen-Kampagnenseiten (z. B. /pages/sale) — ja, indexieren, damit sie organischen Traffic aufbauen. Kurzlebige Paid-Kampagnenseiten — verstecke sie vor Suchmaschinen mit dem seo.hidden Metafield oder einem Noindex-Tag im Theme, um zu vermeiden, dass sogenannter Thin/Duplicate Content entsteht, der der Gesamtqualität deiner Seite schadet. Leite die Seite nach Ende der Kampagne auf eine passende Kategorie (Collection) um.
Kann ich zwei Versionen einer Shopify Landingpage A/B-testen?
Ja. Zwei Ansätze: (1) Teile den Traffic auf Anzeigenebene auf, sodass jede Anzeigenvariante auf eine andere Seiten-URL verweist, oder (2) nutze ein Testing-Tool wie Convert oder VWO, das die Inhalte clientseitig austauscht. Bei bezahltem Traffic liefern Splits auf Anzeigenebene sauberere Attributionsdaten.
Sollte meine Shopify Landingpage eine Website-Navigation haben?
Blende sie bei Paid-Traffic-Landingpages aus, bei denen der Fokus auf Conversions entscheidend ist. Behalte sie bei organischem Traffic oder Evergreen-Sale-Seiten, bei denen die Kunden vielleicht stöbern möchten. Die meisten Themes bieten keinen „Keine Navigation“-Schalter — beschreibe Fudge, was du möchtest ("erstelle ein Landingpage-Template ohne Header oder Footer, minimales Logo oben links") und es baut das Template parallel zu deinem Standard-Template.
Wie sieht die URL-Struktur für eine Shopify Landingpage aus?
Standardseiten findest du unter /pages/dein-handle. Kategorien unter /collections/dein-handle. Nutze /pages/ für Content-getriebene Landingpages und /collections/, wenn die Seite im Wesentlichen eine kuratierte Produktliste mit zusätzlichen redaktionellen Inhalten ist. Halte URLs kurz und beschreibend (/pages/spring-launch statt /pages/spring-launch-2026-final-v2).
