Key Takeaways
- Bauen Sie Ihre Homepage im Theme Editor neu auf: Onlineshop > Themes > Anpassen > Startseite.
- Über die linke Seitenleiste können Sie Abschnitte hinzufügen, entfernen und neu anordnen.
- Eine Struktur für eine Homepage mit hoher Conversion: Hero, Social Proof, vorgestellte Produkte, Brand Story, Testimonials.
- Für benutzerdefinierte Abschnittstypen, die Ihr Theme nicht enthält, nutzen Sie Fudge.
Ein Redesign der Homepage ist einer der wirkungsvollsten Hebel für Ihren Store. Richtig gemacht, beantwortet es neuen Besuchern innerhalb von Sekunden die Kernfrage: „Ist diese Marke das Richtige für mich?“ Hier erfahren Sie, wie Sie sie in Shopify neu aufbauen.
Warum Sie uns vertrauen können
Wir haben die Homepage-Optimierung für hunderte Shopify-Marken aus den verschiedensten Kategorien begleitet. Außerdem haben wir Fudge entwickelt – einen KI-Storefront-Editor mit einer 5,0-Bewertung im Shopify App Store.
So aktualisieren Sie Ihre Shopify-Homepage
Schritt 1. Gehen Sie in Ihrem Shopify-Adminbereich zu Onlineshop > Themes.
Schritt 2. Klicken Sie bei Ihrem aktuellen Theme auf Anpassen (Customize).
Schritt 3. Der Theme Editor öffnet sich. Stellen Sie sicher, dass die Seitenauswahl oben Startseite anzeigt. Wenn nicht, klicken Sie darauf und wählen Sie „Startseite“ aus.
Schritt 4. In der linken Seitenleiste sehen Sie Ihre aktuellen Homepage-Abschnitte aufgelistet. Dies ist Ihr Ausgangspunkt.
Abschnitte entfernen, die Sie nicht benötigen
Schritt 1. Klicken Sie in der linken Seitenleiste auf den Abschnitt, den Sie entfernen möchten.
Schritt 2. Scrollen Sie im Einstellungsbereich des Abschnitts nach unten und klicken Sie auf Abschnitt entfernen (oder das Papierkorb-Symbol).
Schritt 3. Bestätigen Sie das Entfernen.
Sie können alle vorhandenen Abschnitte entfernen und ganz neu anfangen oder die Abschnitte behalten, die Ihnen gefallen, und diese anpassen.
Neue Abschnitte hinzufügen
Schritt 1. Klicken Sie in der linken Seitenleiste auf Abschnitt hinzufügen (meist ganz unten in der Liste).
Schritt 2. Durchsuchen Sie die Bibliothek Ihres Themes. Gängige Homepage-Abschnitte sind:
- Bild-Banner / Hero – Header in voller Breite mit Bild, Headline und CTA-Button.
- Rich Text – Textfokussierter Abschnitt für Markenbotschaften oder Ankündigungen.
- Vorgestellte Kollektion – Zeigt Produkte aus einer bestimmten Kollektion.
- Vorgestelltes Produkt – Präsentiert ein einzelnes Fokus-Produkt mit Kaufoptionen.
- Mehrspaltig – Nebeneinander liegende Spalten, gut für Markensäulen oder Features.
- Testimonials / Rezensionen – Kundenstimmen oder ein Sterne-Bewertungsraster.
- Bild mit Text – Foto auf der einen Seite, Text auf der anderen.
- Video – Eingebetteter Video-Abschnitt.
- E-Mail-Anmeldung – Newsletter-Erfassung.
Eine Homepage-Struktur, die konvertiert
Diese Struktur funktioniert für fast alle E-Commerce-Kategorien:
1. Hero / Bild-Banner Zeigt sofort, wer Sie sind und was Sie verkaufen. Fügen Sie eine Headline, eine Sub-Headline und einen CTA-Button ein. Versuchen Sie nicht, hier schon alles zu sagen – wecken Sie einfach das Interesse der richtigen Zielgruppe.
2. Social-Proof-Leiste Ein Element mit Presse-Logos, Bewertungsstatistiken („4,8 Sterne von über 2.000 Kunden“) oder Zertifizierungen. Direkt nach dem Hero platziert, schafft das sofort Vertrauen.
3. Vorgestellte Kollektionen oder Kategorien 3-4 Kacheln für Kategorien oder Top-Produkte. Hilft Besuchern, schnell das zu finden, was sie suchen.
4. Brand Story / Bild mit Text 2-3 Sätze darüber, wer hinter der Marke steckt und warum. Ein Foto der Gründer oder ein Bild zur Produktherkunft schafft hier eine persönliche Bindung.
5. Testimonials 3-6 echte Kundenbewertungen. Positioniert nach der Produktauswahl, um die Kaufentscheidung zu bestärken.
6. E-Mail-Erfassung oder Angebot Newsletter-Anmeldung mit einem Anreiz (10 % Rabatt, kostenloser Guide). Verwandelt Nicht-Käufer in zukünftige Leads.
Wie setze ich die gesamte Shopify-Homepage zurück?
Sie haben zwei Möglichkeiten:
Option A – Alle Abschnitte entfernen und neu starten. Löschen Sie jeden einzelnen Abschnitt im Theme Editor und bauen Sie die Seite über den Button „Abschnitt hinzufügen“ neu auf.
Option B – Zu einem frischen Theme wechseln. Gehen Sie zu Onlineshop > Themes > Kostenlose Themes erkunden. Installieren Sie ein neues Theme und passen Sie es an. Ihr altes Theme bleibt als unveröffentlichte Version erhalten.
Wenn Sie beim selben Theme neu anfangen, bleiben alle anderen Seitenvorlagen erhalten. Ein Theme-Wechsel bedeutet, dass auch diese Seiten neu gestaltet werden müssen.
Wann Sie Fudge für Ihre Homepage nutzen sollten
Der Theme Editor beschränkt Sie auf die integrierten Abschnittstypen Ihres Themes. Wenn Sie Folgendes benötigen:
- Einen individuellen Hero-Bereich mit Videohintergrund und Overlay-Text
- Ein interaktives Quiz oder einen Product Finder direkt auf der Homepage
- Einen Countdown-Timer für einen Launch oder Sale
- Ein individuelles Testimonial-Karussell
- Jedes Layout, das nicht in der Bibliothek Ihres Themes enthalten ist
…dann ist Fudge die Lösung. Beschreiben Sie, was Sie möchten, und Fudge generiert es als nativen Liquid-Code in Ihrem Theme.
Beispiel: „Füge einen dreistufigen ‚So funktioniert es‘-Abschnitt mit nummerierten Icons, einer kurzen Headline und einer einbändigen Beschreibung pro Schritt hinzu. Platziere ihn zwischen der vorgestellten Kollektion und den Testimonials.“
Mobile-Optimierung und Geschwindigkeit
Jeder Abschnitt, den Sie hinzufügen, erhöht das Seitengewicht. Überprüfen Sie Ihre Homepage vor der Veröffentlichung auf dem Smartphone – der Theme Editor von Shopify bietet eine Mobile-Vorschau.
Einige häufige Probleme:
- Hero-Bilder, die auf dem Desktop großartig aussehen, sind auf dem Handy oft schlecht zugeschnitten – nutzen Sie separate Einstellungen für Mobile/Desktop, falls Ihr Theme das anbietet.
- Zu viele Abschnitte verlangsamen die Ladezeit, was die Absprungrate erhöht und SEO schadet.
- Autoplay-Videos benötigen ein Poster-Image für Mobilgeräte, da Autoplay dort oft blockiert wird.
