Tutorials

How To Create A Landing Page On Shopify – Der ultimative Guide

Melden

Hier ist ein umfassendes Tutorial, wie du eine professionelle Landing Page in Shopify erstellst – einfach, schnell und ohne Programmierkenntnisse.

Eine Landing Page ist eine speziell optimierte Seite, die Besucher zu einer bestimmten Handlung bewegen soll (z. B. einen Kauf tätigen oder sich für einen Newsletter anmelden). Im Gegensatz zu normalen Produktseiten ist sie frei von Ablenkungen.

In dieser Anleitung nutzen wir die integrierten Funktionen von Shopify (Online Store 2.0), da dies der kosteneffizienteste Weg ist.

Schritt 1: Ein neues Seiten-Template erstellen

Standardmäßig nutzen alle Seiten in Shopify dasselbe Layout. Um eine individuelle Landing Page zu erstellen, musst du ein eigenes Template anlegen.

  1. Logge dich in dein Shopify Admin ein.
  2. Gehe zu Onlineshop > Themes.
  3. Klicke neben deinem aktuellen Theme auf Anpassen (Customize).
  4. Klicke oben in der Mitte auf das Dropdown-Menü (wo meist „Startseite“ steht).
  5. Wähle Seiten > Vorlage erstellen.
  6. Gib der Vorlage einen Namen (z. B. landing-page-aktion).
  7. Wähle als Basis „Standardseite“ und klicke auf Vorlage erstellen.

Schritt 2: Die Seite im Admin-Bereich anlegen

Jetzt musst du die eigentliche Seite erstellen und ihr das neue Template zuweisen.

  1. Gehe zurück zu Onlineshop > Seiten.
  2. Klicke auf Seite hinzufügen.
  3. Gib der Seite einen Titel (dieser dient meist nur internen Zwecken, z. B. „Sommer-Aktion Landing Page“).
  4. Schau auf die rechte Seite unter Theme-Vorlage.
  5. Wähle im Dropdown das gerade erstellte Template (landing-page-aktion) aus.
  6. Klicke auf Speichern.

Schritt 3: Das Design der Landing Page gestalten

Nun füllst du die Seite mit Inhalten. Gehe zurück in den Theme-Editor (Schritt 1.3).

  1. Wähle oben im Dropdown wieder dein neues Template (landing-page-aktion) aus.
  2. Abschnitte hinzufügen: Auf der linken Seite kannst du nun per Klick auf „Abschnitt hinzufügen“ verschiedene Elemente einbauen:
    • Rich Text: Für eine starke Überschrift.
    • Bild mit Text: Um dein Produkt und dessen Vorteile zu erklären.
    • Mehrere Spalten: Ideal für Testimonials oder Vertrauenssymbole (Social Proof).
    • Vorgestelltes Produkt: Damit Kunden direkt in den Warenkorb legen können, ohne die Seite zu verlassen.
  3. Ablenkungen entfernen: Landing Pages funktionieren am besten ohne Header-Navigation und Footer. In den meisten modernen Themes kannst du diese für spezifische Vorlagen einfach ausblenden oder per App/Code-Snippet für diese eine Seite deaktivieren.

Schritt 4: Die wichtigsten Elemente einer Landing Page

Damit deine Seite konvertiert, sollte sie folgenden Aufbau haben:

  • Hero-Sektion: Ein aussagekräftiges Bild und eine klare H1-Überschrift, die das Problem löst.
  • Call-to-Action (CTA): Ein auffälliger Button (z. B. „Jetzt sichern“ oder „Gratis testen“).
  • Vorteile (Benefits): Nicht nur Funktionen aufzählen, sondern den Nutzen für den Kunden.
  • Social Proof: Kundenbewertungen oder Logos von bekannten Medien/Partnern.
  • FAQ: Beantworte die häufigsten Fragen direkt auf der Seite, um Kaufhürden abzubauen.

Schritt 5: Veröffentlichung und SEO

Bevor du die Seite bewirbst, prüfe die Einstellungen:

  1. URL-Handle: Klicke in den Seiteneinstellungen (Admin > Seiten) ganz unten auf „Suchmaschinen-Vorschau bearbeiten“. Halte die URL kurz (z. B. deinshop.de/aktion).
  2. Mobile Ansicht: Klicke im Theme-Editor oben rechts auf das Bildschirm-Symbol und wähle Mobil. Über 70% der Nutzer werden deine Seite vermutlich auf dem Smartphone sehen.
  3. Speichern: Vergiss nicht, oben rechts auf „Speichern“ zu klicken.

Alternative: Page Builder Apps

Wenn dir die Standard-Optionen von Shopify nicht ausreichen, kannst du Drag-and-Drop Page Builder nutzen. Diese bieten mehr Design-Freiheit, kosten aber oft eine monatliche Gebühr. Die beliebtesten sind:

  • PageFly (Sehr mächtig, gute Gratis-Version).
  • Shogun (Professionell, intuitiv).
  • GemPages (Hervorragende Vorlagen).

Fazit

Dank der Shopify Online Store 2.0 Architektur ist es heute einfacher denn je, Landing Pages direkt im Theme-Editor zu bauen. Der Schlüssel zum Erfolg liegt nicht in einem komplexen Design, sondern in einer klaren Botschaft und einem einfachen Checkout-Prozess. Viel Erfolg!

0