Key Takeaways
- Baue deine Homepage im Theme-Editor neu auf: Onlineshop > Themes > Anpassen > Startseite.
- Füge Abschnitte über die linke Seitenleiste hinzu, entferne sie oder ändere ihre Reihenfolge.
- Eine Homepage-Struktur mit hoher Conversion-Rate: Hero, Social Proof, vorgestellte Produkte, Brand Story, Testimonials.
- Für benutzerdefinierte Abschnittstypen, die dein Theme nicht enthält, nutze Fudge.
Ein Homepage-Redesign ist eines der wirkungsvollsten Dinge, die du für deinen Store tun kannst. Wenn du es richtig machst, beantwortet es die Kernfrage neuer Besucher – „Ist diese Marke etwas für mich?“ – innerhalb von Sekunden. Hier erfährst du, wie du sie in Shopify neu aufbaust.
Warum du uns vertrauen kannst
Wir haben die Startseiten von Hunderten von Shopify-Marken aus vielen verschiedenen Kategorien optimiert. Außerdem haben wir Fudge entwickelt – einen KI-Storefront-Editor mit einer Bewertung von 4.9 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-Startseite zurück?
Du hast zwei Optionen:
Option A – Alle Abschnitte entfernen und frisch anfangen. Lösche jeden Abschnitt im Theme-Editor und baue alles ü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 unveröffentlichte Version erhalten.
Wenn du beim gleichen Theme neu anfängst, bleiben alle anderen Seitenvorlagen erhalten. Ein Wechsel des Themes bedeutet, dass du auch diese Seiten neu aufbauen musst.
Wann du Fudge für deine Homepage nutzen solltest
Der Theme-Editor beschränkt dich auf die integrierten Abschnittstypen deines Themes. Wenn du Folgendes brauchst:
- Einen benutzerdefinierten Hero-Bereich mit Video-Hintergrund und Text-Overlay
- Ein interaktives Quiz oder einen Produktfinder, der auf der Startseite eingebettet ist (siehe Shopify Product Recommendation Quiz)
- Einen Countdown-Timer für einen Launch oder Sale
- Ein individuelles Testimonial-Karussell
- Jedes Layout, das sich nicht in der Abschnittsbibliothek deines Themes befindet
…dann ist Fudge der richtige Weg. Beschreibe, was du willst, und Fudge generiert es als nativen Liquid-Code in deinem Theme.
Beispiel: “Füge der Homepage einen dreistufigen ‘Wie es funktioniert’-Abschnitt mit nummerierten Icons, einer kurzen Überschrift und einer Beschreibung aus einem Satz für jeden Schritt hinzu. Platziere ihn zwischen der vorgestellten Kategorie und den Testimonials.”
Verwandt: Fudge Page Builder.
Verwandt: Abschnitte auf einer Shopify-Seite neu anordnen.
Mobile- und Performance-Überlegungen
Jeder Abschnitt, den du hinzufügst, erhöht das Gewicht der Seite (Page Weight). Überprüfe deine Startseite mobil, bevor du sie veröffentlichst – der Shopify Theme-Editor hat einen Schalter für die Mobile-Vorschau.
Ein paar häufige Probleme:
- Hero-Bilder, die auf dem Desktop großartig aussehen, sind auf dem Smartphone oft schlecht zugeschnitten – nutze separate Bild-Einstellungen für Mobile und Desktop, falls dein Theme diese anbietet
- Zu viele Abschnitte verlangsamen die Ladezeit, was der Bounce-Rate und der SEO schadet
- Autoplay-Videos benötigen ein Poster-Bild für Mobile, da Autoplay dort oft blockiert wird
FAQ
Lang genug, um "Ist diese Marke etwas für mich?" und "Was sollte ich kaufen?" zu beantworten – normalerweise 6–10 Abschnitte. Unter 5 wirkt dürftig; über 12 verwässert die Botschaft und verlangsamt die Ladezeit. Der Above-the-Fold-Bereich sollte die richtige Zielgruppe einfangen; der Rest verstärkt dies und leitet sie zu bestimmten Kategorien oder Produkten.
Für Stores mit viel Traffic, ja. Die Homepage generiert einen bedeutsamen Anteil der Sessions und kleine Steigerungen bei der CTR/Conversion summieren sich. Nutze Shopifys natives A/B-Testing (beschränkt auf Themes) oder Tools wie Convert/VWO. Bei Stores mit wenig Traffic (unter ~5.000 Sessions/Monat) bringt A/B-Testing selten statistisch signifikante Ergebnisse.
Ab 12 Abschnitten verlierst du mehr durch Scroll Fatigue und langsame Ladezeiten, als du durch zusätzlichen Content gewinnst. Prüfe rigoros: Jeder Abschnitt sollte eine klare Aufgabe haben (einführen, verkaufen, überzeugen, konvertieren) und seinen Platz verdienen. Wenn du die Homepage lieber komplett neu aufbauen willst, statt Abschnitte schrittweise zu kürzen, beschreibe die neue Struktur Fudge und es generiert die Seitenabschnitte aus deiner Beschreibung.
Kuratiert. Abschnitte mit vorgestellten Kategorien (Featured Collections) funktionieren besser als "Alle Produkte"-Grids, da sie eine redaktionelle Absicht signalisieren – "Das sind die Produkte, die du dir jetzt ansehen solltest". Für Stores mit weniger als 30 SKUs ist es in Ordnung, alle zu zeigen; bei größeren Katalogen ist Kuratieren die einzige Option, die nicht überfordert.
Generell nicht. Die URL der Homepage bleibt gleich und Googles Verständnis deiner Marke ist an die URL geknüpft, nicht an spezifische Inhalte. Das Risiko ist am höchsten, wenn du keywordreichen Text entfernst, der der Homepage beim Ranken geholfen hat – in diesem Fall solltest du wichtige Phrasen und Überschriften bei der Umstrukturierung des Layouts beibehalten.
Verwandt: Ein Shopify-Theme schneller machen.