So erstellen Sie eine Landingpage in Shopify (2026)

Das Wichtigste in Kürze

• Shopify hat keinen speziellen „Landingpage“-Button – Sie erstellen diese als Standardseiten und passen das Layout an.
• Die schnellste No-Code-Methode ist die Verwendung des Theme Editors, um eine Seite aus Abschnitten (Sections) 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 verzichtet auf alles, was von der Conversion ablenkt.

Shopify ist primär auf Produktseiten und Kollektionen ausgelegt. Landingpages – also fokussierte Einzelseiten für Kampagnen oder Anzeigen – sind kein standardmäßiges Feature. Aber man kann sie definitiv erstellen.

In diesem Guide zeigen wir drei Wege, wie das geht – vom einfachsten bis zum leistungsstärksten Ansatz.

Warum Sie uns vertrauen können

Jacques verfügt über mehr als 15 Jahre Erfahrung in der Shopify-Entwicklung und hat Hunderten von Marken dabei geholfen, Landingpages für Produktlaunches, Paid-Kampagnen und saisonale Aktionen zu erstellen. Wir haben auch Fudge entwickelt – einen KI-Storefront-Editor, der von Hunderten von Shopify-Stores genutzt wird und im Shopify App Store mit 5,0 bewertet ist.

Ist Shopify gut für Landingpages geeignet?

Ja – mit dem richtigen Ansatz.

Die Stärke von Shopify ist die native Integration. Eine Landingpage innerhalb von Shopify übernimmt automatisch das Checkout-System, die Produktdaten und das Theme-Styling Ihres Stores. Sie benötigen kein separates Landingpage-Tool, das mühsam per API angebunden werden muss.

Die Einschränkung besteht darin, dass Shopify Ihnen standardmäßig keine leere Leinwand bietet. Jede neue Seite nutzt das Standard-Template Ihres Themes, was meist nur einen Textbereich bereithält. Um ein individuelles Layout zu erhalten, müssen Sie Abschnitte hinzufügen.

Die 3 Wege, eine Landingpage in Shopify zu erstellen

1. Theme Editor – sektionsbasierte Seiten (No-Code)

Mit dem integrierten Theme Editor von Shopify können Sie Seiten aus fertigen Abschnitten (Sections) bauen – Hero-Banner, Bildraster, Testimonials, Countdown-Timer und mehr.

Bestens geeignet für: Einfache Kampagnenseiten, die die vorhandene Sektionsbibliothek Ihres Themes nutzen.

Einschränkung: Sie sind auf das beschränkt, was Ihr Theme bietet. Wenn der benötigte Sektionstyp nicht existiert, können Sie ihn ohne Code nicht hinzufügen.

2. Code-Editor – benutzerdefinierte Templates (Entwickler-Skills erforderlich)

Sie können im Code-Editor (Onlineshop → Themes → Aktionen → Code bearbeiten) ein individuelles Seitentemplate erstellen und es mit Liquid, HTML und CSS exakt nach Ihren Wünschen gestalten.

Bestens geeignet für: Teams mit einem Entwickler oder Händler, die mit der Shopify-Templatesprache vertraut sind.

Einschränkung: Fehler können Ihren Shop lahmlegen. Duplizieren Sie Ihr Theme immer, bevor Sie den Code bearbeiten.

3. Fudge – KI-generierte individuelle Seiten (No-Code, maximale Flexibilität)

Fudge ermöglicht es Ihnen, die gewünschte Seite einfach auf Englisch oder Deutsch zu beschreiben, und generiert den Liquid-Code für Sie – direkt in Ihrem Theme.

„Erstelle eine Landingpage für unseren Summer Sale – Hero-Banner mit Countdown-Timer, drei Produkt-Feature-Blöcke und ein einzelner Add-to-Cart-CTA.“

Fudge erstellt einen Entwurf der Seite zur Überprüfung. Nichts geht live, bevor Sie es freigeben.

Bestens geeignet für: Individuelle Layouts, ohne Code zu schreiben oder durch die Sektionsbibliothek Ihres Themes eingeschränkt zu sein.

So erstellen Sie eine Shopify-Landingpage mit dem Theme Editor

Schritt 1 – Die Seite erstellen. Gehen Sie zu Onlineshop → Seiten → Seite hinzufügen. Geben Sie ihr einen Titel und lassen Sie den Inhaltsbereich vorerst leer.

Schritt 2 – Ein Template zuweisen. Wenn Ihr Theme ein Seitentemplate mit voller Sektionsunterstützung hat (die meisten Online Store 2.0 Themes), lässt Shopify Sie dieses mit Abschnitten anpassen. Speichern Sie die Seite zuerst.

Schritt 3 – Den Theme Editor öffnen. Gehen Sie zu Onlineshop → Themes → Anpassen. Navigieren Sie über die Seitenauswahl oben zu der Seite, die Sie gerade erstellt haben.

Schritt 4 – Mit Sektionen bauen. Fügen Sie Abschnitte aus der linken Seitenleiste hinzu – Hero-Bilder, Feature-Blöcke, Testimonials, CTAs. Verschieben Sie diese per Drag-and-Drop. Blenden Sie Header oder Footer aus, wenn Sie eine wirklich fokussierte Seite wünschen.

Schritt 5 – Veröffentlichen. Sobald Sie mit dem Layout zufrieden sind, ist die Seite unter deinstore.de/pages/deine-url live.

So erstellen Sie eine Shopify-Landingpage mit Fudge

Öffnen Sie Fudge und beschreiben Sie, was Sie benötigen:

• „Erstelle eine Landingpage für unseren Black Friday Sale mit einem Full-Width Hero, Urgency Countdown, Top 3 Produkten und einem Sticky Add-to-Cart Button.“
• „Baue eine Landingpage für unsere neue Hautpflegeserie – sauberes, minimales Layout mit Inhaltsstoff-Highlights und Vorher-Nachher-Fotos.“

Fudge generiert die Seite als Entwurf in Ihrem Theme. Sie prüfen sie, fordern Änderungen an und veröffentlichen sie erst, wenn alles passt.

Der Vorteil gegenüber dem Theme Editor: Sie sind nicht an die Sektionsbibliothek Ihres Themes gebunden. Fudge kann jedes Layout erstellen, das Sie beschreiben, und nutzt dabei nativen Shopify Liquid-Code.

Was macht eine gute Shopify-Landingpage aus?

Unabhängig von der Methode zeichnet sich eine Landingpage mit hoher Conversion-Rate durch einige Merkmale aus:

• Ein Ziel. Jedes Element auf der Seite sollte auf eine einzige Aktion hinweisen – kaufen, anmelden oder ein Angebot anfordern. Mehrere CTAs verwässern die Aufmerksamkeit.
• Above-the-fold Hook. Der Hero-Bereich (der sichtbare Bereich ohne Scrollen) sollte sofort beantworten: Was ist das, und warum sollte es mich interessieren?
• Ablenkungen in der Navigation entfernen. Erwägen Sie, den Header und Footer Ihrer Website auf Kampagnenseiten auszublenden, damit Besucher nicht wegnavigieren, bevor sie konvertiert sind.
• Social Proof in der Nähe des CTA. Bewertungen, Sterne-Ratings oder Trust-Badges direkt beim Kauf-Button reduzieren Zweifel.
• Mobile-first. Der Großteil des Shopify-Traffics läuft über Mobilgeräte. Prüfen Sie Ihre Seite auf dem Smartphone, bevor Sie sie veröffentlichen.

Was ist der Unterschied zwischen einer Landingpage und einer normalen Website-Seite?

Eine Website-Seite (wie Ihre Homepage oder „Über uns“-Seite) ist für allgemeines Browsen gedacht. Sie soll Ihre Marke vorstellen und Besuchern helfen, das Gesuchte zu finden.

Eine Landingpage ist für eine spezifische Zielgruppe konzipiert, die über eine bestimmte Quelle kommt – eine Anzeige, eine E-Mail, ein Social-Media-Post. Sie hat nur eine Aufgabe: diesen Traffic in einen Verkauf, eine Anmeldung oder einen Lead zu verwandeln.

Der praktische Unterschied in Shopify: Eine Landingpage hat meist ein strafferes Layout, weniger Navigationsmöglichkeiten und einen einzigen CTA. Sie ist oft mit einem speziellen Produkt oder einer Aktion verknüpft und nicht mit dem gesamten Katalog.

Wie tracke ich die Performance meiner Shopify-Landingpage?

Verbinden Sie Google Analytics 4 über den Google Tag Manager, um die Performance der Landingpage zu messen. Wichtige Kennzahlen sind: Conversion-Rate, Absprungrate (Bounce Rate) und durchschnittliche Sitzungsdauer. Fügen Sie bei bezahlten Kampagnen UTM-Parameter zu Ihren Anzeigen-URLs hinzu (z. B. ?utm_source=meta&utm_campaign=summer-sale), damit Sie den Landingpage-Traffic in GA4 isolieren und sehen können, welche Kampagnen konvertieren.

Wie füge ich eine Landingpage zur Shopify-Navigation hinzu?

Normalerweise gar nicht – Landingpages sind dafür gedacht, direkten Traffic über Anzeigen oder E-Mails zu erhalten, nicht um aktiv gesucht zu werden. Sie in die Hauptnavigation aufzunehmen, verwässert das fokussierte Erlebnis. Verlinken Sie stattdessen direkt aus Ihrer Anzeige, E-Mail oder Ihrem Social-Media-Post auf die Landingpage. Falls sie dennoch vom Store aus erreichbar sein muss, fügen Sie sie lieber als Footer-Link statt im Hauptmenü hinzu.