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
Jede Section, die du hinzufügst, macht deine Seite schwerer. Check deine Homepage auf dem Handy, bevor du auf Veröffentlichen klickst – der Shopify Theme Editor hat dafür einen Mobile-Preview-Toggle.
Ein paar häufige Probleme:
- Hero-Images, die auf dem Desktop super aussehen, sind mobil oft schlecht zugeschnitten – nutze separate Bild-Einstellungen für Mobile/Desktop, falls dein Theme das anbietet.
- Zu viele Sections verlangsamen die Ladezeit, was schlecht für die Absprungraten und das SEO ist.
- Autoplay-Videos brauchen ein Poster-Image für Mobile, da Autoplay dort oft blockiert wird.
FAQ
Lang genug, um zu beantworten: „Ist diese Marke etwas für mich?“ und „Was sollte ich kaufen?“ — typischerweise 6–10 Sections. Weniger als 5 wirken dünn; mehr als 12 verwässern die Message und verlangsamen die Ladezeit. Der Above-the-fold-Bereich sollte die richtige Zielgruppe abholen; der Rest untermauert das Ganze und leitet die User zu bestimmten Collections oder Produkten weiter.
Für Shops mit viel Traffic: Ja. Die Homepage generiert einen signifikanten Anteil an Sessions und kleine Verbesserungen bei CTR und Conversion summieren sich auf. Nutze das native A/B-Testing von Shopify (auf Themes beschränkt) oder Tools wie Convert/VWO. Bei Shops mit wenig Traffic (unter ca. 5.000 Sessions/Monat) liefert A/B-Testing selten statistisch signifikante Ergebnisse.
Ab 12 Sections verlierst du durch Scroll Fatigue und lange Ladezeiten mehr, als du durch zusätzlichen Content gewinnst. Prüfe gnadenlos: Jede Section sollte einen klaren Job haben (vorstellen, verkaufen, beweisen, konvertieren) und sich ihren Platz verdienen. Wenn du die Homepage lieber komplett neu aufbauen willst, anstatt nach und nach Sections zu streichen, beschreib Fudge einfach die neue Struktur und es generiert die Seiten-Sections aus deiner Beschreibung.
Kuratierte Auswahl. „Featured Collection“-Sections funktionieren besser als „Alle Produkte“-Grids, weil sie eine redaktionelle Absicht signalisieren — „Das sind die Produkte, die du dir genau jetzt ansehen solltest.“ Für Shops mit weniger als 30 SKUs ist es völlig okay, alle zu zeigen; bei größeren Katalogen ist Kuratieren die einzige Option, die nicht überfordert.
Eigentlich nicht. Die URL der Homepage bleibt gleich, und Googles Verständnis deiner Marke ist an diese URL gekoppelt, nicht an bestimmten Content. Das höchste Risiko besteht, wenn du textlastige, keywordreiche Bereiche entfernst, die beim Ranking deiner Homepage geholfen haben – in so einem Fall solltest du wichtige Phrasen und Überschriften beim Umstrukturieren des Layouts unbedingt beibehalten.
Passend dazu: Ein Shopify Theme schneller machen.