Shopify Landingpage erstellen: 3 Methoden (2026)

Das Wichtigste in Kürze

Shopify hat keine spezielle Schaltfläche für „Landingpages“ – man erstellt sie als Standardseiten und passt das Layout an.

Die schnellste No-Code-Methode ist die Verwendung des Theme-Editors, um eine Seite aus Abschnitten aufzubauen.

Für ein wirklich individuelles Layout ohne Code ist ein KI-Tool wie Fudge die schnellste Option.

Eine gute Landingpage hat ein Angebot, einen CTA und entfernt alles, was von der Conversion ablenkt.

Eine Shopify Landingpage ist eine fokussierte, auf einen einzigen Zweck ausgerichtete Seite, die für eine Kampagne, eine Anzeige oder eine E-Mail erstellt wird – ein Angebot, ein CTA, nichts, was von der Conversion ablenkt. Shopify hat keine spezielle Landingpage-Funktion, aber du kannst eine auf drei Arten erstellen: Baue sie aus Abschnitten im Theme-Editor, programmiere ein benutzerdefiniertes Template oder lasse sie von einem KI-Tool wie Fudge für dich generieren.

Dieser Leitfaden behandelt alle drei Methoden, von der einfachsten bis zur leistungsstärksten.

Warum Sie uns vertrauen können

Jacques hat über 15 Jahre Erfahrung in der Shopify-Entwicklung und hat hunderten von Marken geholfen, Landingpages für Produktlaunches, bezahlte Kampagnen und saisonale Aktionen zu erstellen. Wir haben außerdem Fudge entwickelt – einen KI-Storefront-Editor, der von hunderten Shopify-Stores genutzt wird und eine Bewertung von 4.9 im Shopify App Store hat.

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 selbst mit spezialisierten Landingpage-Tools vergleichst, lautet das Urteil:

Shopify ist ein fähiger Landingpage-Builder für einfache Kampagnenseiten – der Theme-Editor, der Checkout und die Produktdaten sind bereits verbunden und es kostet nichts extra.
Bei benutzerdefinierten Layouts stößt es an seine Grenzen – du bist auf die Abschnittsbibliothek deines Themes beschränkt und es gibt kein integriertes A/B-Testing oder seitenbasierte Analysen.
Für häufige Kampagnen oder auf Anzeigen abgestimmte Seiten, kombiniere es mit einer App – sieh dir unser Ranking der besten Shopify Landingpage-Builder an, um zu sehen, welcher zu deinem Workflow passt.

Verwandt: Fudge Page Builder.

Verwandt: Ein benutzerdefiniertes Template in Shopify hinzufügen.

Verwandt: Eine neue Seite in Shopify erstellen.

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 → Aktionen → Code bearbeiten) ein benutzerdefiniertes Seitentemplate erstellen und es mit Liquid, HTML und CSS genau nach deinen Wünschen gestalten.

Ideal für: Teams mit einem Entwickler oder Händler, die mit der Template-Sprache von Shopify vertraut sind.

Einschränkung: Fehler können deinen Shop lahmlegen. Dupliziere immer dein Theme, bevor du den Code bearbeitest.

3. Fudge – KI-generierte, benutzerdefinierte Seiten (No-Code, am flexibelsten)

Mit Fudge kannst du die gewünschte Seite in einfachen Worten beschreiben und es generiert den Liquid-Code für dich – direkt in deinem Theme.

„Erstelle eine Landingpage für unseren Sommerschlussverkauf – Hero-Banner mit Countdown-Timer, drei Produkt-Feature-Blöcke und einen einzigen ‚In den Warenkorb‘-CTA.“

Fudge entwirft die Seite zur Überprüfung. Nichts geht live, bis du es freigibst.

Ideal für: Benutzerdefinierte Layouts, ohne Code zu schreiben oder durch die Abschnittsbibliothek 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 – Die Seite erstellen. Gehe zu Onlineshop → Seiten → Seite hinzufügen. Gib ihr einen Titel und lasse den Inhaltsbereich vorerst leer.

Schritt 2 – Ein Template zuweisen. Wenn dein Theme ein Seitentemplate mit voller Unterstützung für Abschnitte hat (was bei den meisten Online Store 2.0 Themes der Fall ist), lässt Shopify dich es mit Abschnitten anpassen. Speichere die Seite zuerst.

Schritt 3 – Den Theme-Editor öffnen. Gehe zu Onlineshop → Themes → Anpassen. Navigiere über die Seitenauswahl oben zu der gerade erstellten Seite.

Schritt 4 – Mit Abschnitten aufbauen. Füge Abschnitte aus der linken Seitenleiste hinzu – Hero-Bilder, Feature-Blöcke, Kundenstimmen, CTAs. Ordne sie per Drag-and-Drop neu an. Entferne die Kopf- oder Fußzeile, wenn du eine wirklich fokussierte Seite möchtest.

Schritt 5 – Veröffentlichen. Sobald du mit dem Layout zufrieden bist, ist die Seite unter deinshop.com/pages/dein-seiten-slug 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 Full-Width-Hero, Urgency-Countdown, den Top 3 Produkten und einem Sticky Add-to-Cart-Button.”
“Erstelle eine Landingpage für unsere neue Hautpflege-Linie – cleanes, minimalistisches Layout mit Fokus auf die Inhaltsstoffe und Vorher-Nachher-Fotos.”

Fudge erstellt die Seite als Entwurf in deinem Theme. Du schaust sie dir an, forderst Änderungen an und veröffentlichst sie, wenn alles passt.

Der Vorteil gegenüber dem Theme-Editor: Du bist nicht auf die Section-Bibliothek deines Themes beschränkt. Fudge kann jedes von dir beschriebene Layout mit nativem Shopify Liquid-Code erstellen. Den direkten Vergleich findest du unter Wie Fudge im Vergleich zum Shopify Theme-Editor abschneidet.

Erstelle deine Landingpage, einfach indem du sie beschreibst.

Try Fudge for Free

Um die Ergebnisse zu messen, schau dir Conversions in Shopify tracken an.

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.

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. Dieselbe Aktion („Jetzt shoppen“, „In den Warenkorb“, „Angebot sichern“) erscheint im Hero-Bereich, in der Seitenmitte und am Ende. Mehrere unterschiedliche CTAs („Kaufen“, „Mehr erfahren“, „Anmelden“, „Kontakt“) teilen die Aufmerksamkeit und verringern die Conversion. Wenn du einen sekundären CTA anbieten musst, gestalte ihn visuell untergeordnet.

Sollten Shopify Landingpages von Google indexiert werden?

Kommt darauf an. Dauerhafte Kampagnenseiten (z. B. /pages/sale) – ja, indexiere sie, damit sie organischen Traffic sammeln. Kurzlebige Seiten für bezahlte Kampagnen – setze sie über die SEO-Einstellungen auf „noindex“, um zu vermeiden, dass dünner/doppelter Inhalt erstellt wird, der die Gesamtqualität deiner Website beeinträchtigt. Leite nach Ende der Kampagne auf die entsprechende Kollektion weiter.

Kann ich zwei Versionen einer Shopify Landingpage A/B-testen?

Ja. Drei Ansätze: (1) Teile den Traffic auf Anzeigenebene auf, sodass jede Anzeigenvariante auf eine andere Seiten-URL verweist, (2) nutze das native A/B-Testing von Shopify (auf Themes beschränkt), oder (3) verwende Tools wie Convert, VWO oder Optimize, die Inhalte clientseitig austauschen. Bei bezahltem Traffic liefern Aufteilungen auf Anzeigenebene sauberere Zuordnungsdaten.

Sollte meine Shopify Landingpage eine Seitennavigation haben?

Blende sie für Landingpages mit bezahltem Traffic aus, bei denen der Fokus auf der Conversion entscheidend ist – der typische Anstieg der Conversion-Rate liegt bei 5–15 % durch das Entfernen der Navigation. Behalte sie für Seiten mit organischem Traffic oder für dauerhafte Verkaufsseiten bei, auf denen Käufer möglicherweise stöbern möchten. Die meisten Themes bieten keinen „Keine Navigation“-Schalter an – beschreibe Fudge, was du möchtest („erstelle ein Landingpage-Template ohne Kopf- oder Fußzeile, mit minimalem Logo oben links“), und es erstellt das Template neben deinem Standard-Template.

Wie ist die URL-Struktur für eine Shopify Landingpage?

Standardseiten befinden sich unter /pages/dein-handle. Kollektionen unter /collections/dein-handle. Verwende /pages/ für inhaltsgetriebene Landingpages und /collections/ wenn die Seite im Wesentlichen eine kuratierte Produktliste mit zusätzlichem redaktionellem Inhalt ist. Halte die Handles kurz und beschreibend (/pages/fruehjahrs-launch nicht /pages/fruehjahrs-launch-2026-final-v2).