Key Takeaways
- Baue deine Startseite über den Theme-Editor neu auf: Onlineshop > Themes > Anpassen > Startseite.
- Füge Abschnitte über die linke Seitenleiste hinzu, entferne sie und ändere ihre Reihenfolge.
- Eine konvertierungsstarke Struktur für die Startseite: Hero, Social Proof, vorgestellte Produkte, Brand Story, Testimonials.
- Für benutzerdefinierte Abschnitte, die dein Theme nicht enthält, nutze Fudge.
Ein Redesign der Startseite ist eine der effektivsten Maßnahmen, die du für deinen Shop ergreifen kannst. Richtig umgesetzt, beantwortet es neuen Besuchern innerhalb von Sekunden die wichtigste Frage: “Ist diese Marke das Richtige 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 die Fragen "Ist diese Marke das Richtige für mich?" und "Was soll ich kaufen?" zu beantworten – typischerweise 6–10 Abschnitte. Unter 5 wirkt etwas dünn; über 12 verwässert die Botschaft und verlangsamt die Ladezeit der Seite. Der Above-the-Fold-Bereich sollte die richtige Zielgruppe fesseln; der Rest verstärkt dies und leitet sie zu bestimmten Kategorien oder Produkten weiter.
Für Shops mit viel Traffic: Ja. Die Startseite bringt einen bedeutenden Anteil an Sitzungen, und kleine Steigerungen bei der CTR/Conversion-Rate summieren sich. Nutze Shopifys natives A/B-Testing (beschränkt auf Themes) oder Tools wie Convert/VWO. Für Shops mit eher wenig Traffic (unter ~5.000 Sitzungen/Monat) liefert A/B-Testing selten statistisch signifikante Ergebnisse.
Ab 12 Abschnitten verlierst du mehr durch Scroll-Müdigkeit (Scroll Fatigue) und langsame Ladezeiten, als du durch zusätzliche Inhalte gewinnst. Prüfe gnadenlos: Jeder Abschnitt sollte eine klare Aufgabe haben (vorstellen, verkaufen, beweisen, konvertieren) und sich seinen Platz verdienen. Wenn du die Startseite komplett neu aufbauen möchtest, anstatt nur schrittweise Abschnitte zu kürzen, beschreibe Fudge einfach die neue Struktur und es generiert die Seitenabschnitte aus deiner Beschreibung.
Kuratiert. Abschnitte mit vorgestellten Kategorien (Featured Collections) funktionieren besser als Raster mit "Allen Produkten", weil sie eine redaktionelle Absicht signalisieren — "Das sind die Produkte, die du dir genau jetzt ansehen solltest." Für Shops mit unter 30 SKUs ist es in Ordnung, alle zu zeigen; bei größeren Katalogen ist Kuration die einzige Möglichkeit, die Nutzer nicht zu überfordern.
Im Allgemeinen nicht. Die URL der Startseite bleibt gleich, und Googles Verständnis deiner Marke ist an der URL verankert, nicht an spezifischen Inhalten. Das Risiko ist am höchsten, wenn du keyword-reichen Text entfernst, der der Startseite beim Ranking geholfen hat — in diesem Fall solltest du wichtige Phrasen und Überschriften bei der Umstrukturierung des Layouts beibehalten.
Passend dazu: Ein Shopify-Theme schneller machen.