Das Wichtigste in Kürze
- Baue deine Homepage über den Theme Editor um: Onlineshop > Themes > Anpassen > Startseite.
- Füge Abschnitte über die linke Seitenleiste hinzu, entferne sie oder ändere ihre Reihenfolge.
- Eine konversionsstarke Homepage-Struktur: Hero, Social Proof, hervorgehobene Produkte, Brand Story, Testimonials.
- Verwende Fudge für individuelle Abschnittstypen, die in deinem Theme nicht enthalten sind.
Ein Redesign der Homepage ist einer der effektivsten Hebel, die du für deinen Shop nutzen kannst. Wenn es richtig gemacht wird, beantwortet es neuen Besuchern innerhalb von Sekunden die Kernfrage: „Ist diese Marke etwas für mich?“. Hier erfährst du, wie du sie in Shopify neu aufbaust.
Warum du uns vertrauen kannst
Wir haben an der Homepage-Optimierung für Hunderte von Shopify-Marken in vielen Kategorien gearbeitet. Außerdem haben wir Fudge entwickelt – einen KI-Storefront-Editor mit einer 5,0-Sterne-Bewertung im Shopify App Store.
So aktualisierst du deine Shopify-Homepage
Schritt 1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.
Schritt 2. Klicke bei deinem aktuellen Theme auf Anpassen.
Schritt 3. Der Theme Editor öffnet sich. Achte darauf, dass die Seitenauswahl oben Startseite anzeigt. Wenn nicht, klicke darauf und wähle die Startseite aus.
Schritt 4. In der linken Seitenleiste werden deine aktuellen Homepage-Abschnitte aufgelistet. Das ist dein Ausgangspunkt.
Nicht benötigte Abschnitte entfernen
Schritt 1. Klicke in der linken Seitenleiste auf den Abschnitt, den du entfernen möchtest.
Schritt 2. Scrolle in den Abschnittseinstellungen ganz nach unten und klicke auf Abschnitt entfernen (oder auf das Papierkorb-Symbol).
Schritt 3. Bestätige das Entfernen.
Du kannst alle bestehenden Abschnitte entfernen und komplett neu anfangen, oder du behältst die gewünschten Abschnitte und passt sie an.
Neue Abschnitte hinzufügen
Schritt 1. Klicke in der linken Seitenleiste auf Abschnitt hinzufügen (meist unten in der Liste der Abschnitte).
Schritt 2. Durchstöbere die Abschnittsbibliothek deines Themes. Typische Homepage-Abschnitte sind:
- Bildbanner / Hero - Header in voller Breite mit Bild, Headline und CTA-Button
- Rich Text - textfokusierter Abschnitt für Markenbotschaften oder Ankündigungen
- Hervorgehobene Kategorie - zeigt Produkte aus bestimmten Kategorien (Collections)
- Hervorgehobenes Produkt - präsentiert ein einzelnes Hauptprodukt mit Kaufoptionen
- Mehrspaltig (Multicolumn) - nebeneinanderliegende Spalten, gut für Markenwerte oder Features
- Testimonials / Bewertungen - Kunden-Zitate oder Sterne-Ratings
- Bild mit Text - Foto auf der einen Seite, Copy (Text) auf der anderen
- Video - Abschnitt für ein eingebettetes Video
- E-Mail-Anmeldung - Newsletter-Erfassung
Eine Reihenfolge für Homepage-Abschnitte, die konvertiert
Diese Struktur bewährt sich in den meisten E-Commerce-Kategorien:
1. Hero / Bildbanner Zeigt auf den ersten Blick, wer du bist und was du anbietest. Nutze eine Headline, eine Subheadline und einen CTA-Button. Versuche nicht, hier alles unterzubringen – hooke einfach die richtige Zielgruppe.
2. Social-Proof-Leiste Ein Bereich mit Presse-Logos, positiven Bewertungszahlen („4,8 Sterne von über 2.000 Kunden“) oder Zertifikaten. Direkt unter dem Hero-Bereich platziert, baut dies schnell Vertrauen auf.
3. Hervorgehobene Kategorie(n) 3-4 Kategorie-Kacheln oder Top-Produkte. Hilft neuen Besuchern, schnell das zu finden, wonach sie suchen.
4. Brand Story / Bild mit Text 2-3 Sätze darüber, wer dahintersteckt und warum. Ein Gründerbild oder ein Foto zur Entstehung des Produkts schafft hier Verbundenheit.
5. Testimonials 3-6 echte Kundenbewertungen. Positioniert nach der Produktauswahl, um die Kaufentscheidung zu festigen.
6. E-Mail-Erfassung oder Angebot Newsletter-Anmeldung mit einem Anreiz (z. B. 10 % Rabatt, kostenloser Guide). Verwandelt reine Besucher in zukünftige Leads.
Wie setze ich die gesamte Shopify-Homepage zurück?
Du hast zwei Optionen:
Option A - Alle Abschnitte entfernen und neu anfangen. Lösche im Theme Editor jeden einzelnen Abschnitt und baue die Seite über den Button „Abschnitt hinzufügen“ neu auf.
Option B - Zu einem neuen Theme wechseln. Gehe zu Onlineshop > Themes > Kostenlose Themes entdecken. Installiere ein neues Theme und passe es an. Dein altes Theme bleibt als nicht veröffentlichte Version erhalten.
Wenn du beim selben Theme komplett von vorne beginnst, bleiben alle deine anderen Seiten-Templates (Vorlagen) erhalten. Wechselst du das Theme, musst du diese Seiten ebenfalls neu aufbauen.
Wann du Fudge für deine Homepage verwenden solltest
Der Theme Editor beschränkt dich auf die ohnehin eingebauten Abschnittstypen deines Themes. Wenn du Folgendes benötigst:
- Einen Custom-Hero mit Video-Hintergrund und Text-Overlay
- Ein interaktives Quiz oder einen Produktfinder direkt auf der Homepage eingebunden (siehe Shopify Product Recommendation Quiz)
- Einen Countdown-Timer für einen Launch oder Sale
- Ein spezielles Testimonial-Karussell
- Irgendein Layout, das nicht in der Abschnittsbibliothek des Themes auftaucht
…dann ist Fudge deine Lösung. Beschreibe einfach, was du brauchst, und Fudge generiert es als nativen Liquid-Code direkt in deinem Theme.
Beispiel: „Füge der Homepage einen Abschnitt ‚So funktioniert es‘ in drei Schritten hinzu, mit nummerierten Icons, einer kurzen Headline und einem Satz Beschreibung pro Schritt. Platze den Abschnitt zwischen der hervorgehobenen Kategorie und den Testimonials.“
Passend dazu: Fudge Page Builder.
Passend dazu: Abschnitte auf einer Shopify-Seite neu anordnen.
Überlegungen zu Mobile und Seiten-Speed
Jeder neue Abschnitt erhöht die Gesamtgröße der Seite. Überprüfe deine Homepage vor der Veröffentlichung auch in der mobilen Ansicht – der Theme Editor von Shopify hat einen Schalter für die Mobile-Vorschau.
Ein paar typische Fehlerquellen:
- Hero-Bilder, die auf dem Desktop toll wirken, sind auf mobilen Geräten häufig schlecht zugeschnitten – verwende separate Bild-Einstellungen für Mobile/Desktop, falls dein Theme diese Option hat
- Zu viele Abschnitte machen die Ladezeit der Seite langsam, was den Bounce Rates (Absprungraten) und deiner SEO schadet
- Autoplay-Videos benötigen ein Poster-Bild für das Smartphone, weil Autoplay dort oft blockiert wird
Passend dazu: Ein Shopify-Theme schneller machen.