Das Wichtigste in Kürze
- Füge Abschnitte über den Theme-Editor hinzu: Anpassen > Startseite > Abschnitt hinzufügen.
- Die verfügbaren Abschnittsarten hängen von deinem Theme ab – du kannst keine Arten hinzufügen, die nicht in der Bibliothek deines Themes enthalten sind.
- Häufige Abschnitte: Image-Banner, vorgestellte Kategorie, Rich Text, Bild mit Text, Testimonials, Video.
- Nutze für Abschnitte, die nicht in der Bibliothek deines Themes sind, Fudge, um sie als nativen Shopify-Code zu erstellen.
Um einen Abschnitt zu deiner Shopify-Startseite hinzuzufügen, öffne Onlineshop → Themes → Anpassen, klicke in der linken Seitenleiste auf Abschnitt hinzufügen und wähle eine Abschnittsart aus. Du kannst nur Arten hinzufügen, die in deinem Theme enthalten sind; für den Rest brauchst du Code, eine App oder Fudge.
Warum du uns vertrauen kannst
Wir haben Startseiten für Hunderte von Shopify-Stores erstellt und optimiert. Wir haben auch Fudge entwickelt, den KI-Operator für Shopify-Stores, mit einer Bewertung von 4.9 im Shopify App Store.
So fügst du einen Abschnitt zu deiner Shopify-Startseite hinzu
Schritt 1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes > Anpassen.
Schritt 2. Stelle sicher, dass die Seitenauswahl oben Startseite anzeigt. Klicke darauf und wähle bei Bedarf Startseite aus.
Schritt 3. Suche in der linken Seitenleiste nach Abschnitt hinzufügen unter dem letzten Startseiten-Abschnitt (über der Fußzeilen-Gruppe) und klicke darauf.
Schritt 4. Ein Fenster öffnet sich, das alle Abschnittsarten anzeigt, die dein Theme enthält. Durchsuche die Liste und klicke auf den Abschnitt, den du hinzufügen möchtest.
Schritt 5. Der Abschnitt wird ganz unten auf deiner Startseite hinzugefügt. Ziehe ihn in der linken Seitenleiste nach oben oder unten, um ihn zu positionieren.
Schritt 6. Klicke auf den Abschnitt in der Seitenleiste, um seine Einstellungen zu öffnen und den Inhalt zu konfigurieren.
Schritt 7. Speichern.
Gängige Shopify-Abschnittstypen für die Startseite
Image-Banner / Hero Ein Abschnitt über die volle Breite mit einem Hintergrundbild und darüberliegendem Text. Der primäre Hero der Startseite. Die meisten Themes enthalten diesen mit Einstellungen für Überschrift, Untertext, Button, Overlay-Deckkraft und Textausrichtung.
Rich Text Ein zentrierter Textblock. Nützlich für Leitbilder der Marke, Ankündigungen oder jeden inhaltsfokussierten Abschnitt, für den kein Bild benötigt wird.
Bild mit Text Ein zweispaltiges Layout – Bild auf der einen Seite, Text auf der anderen. Vielseitig einsetzbar für Markenstory-Abschnitte, Feature-Highlights oder Produktpräsentationen.
Vorgestellte Kategorie Zieht Produkte aus einer ausgewählten Kategorie (Collection) und zeigt sie als Produktraster an. Lege die Kategorie in den Abschnittseinstellungen fest.
Vorgestelltes Produkt Hebt ein einzelnes Produkt mit seinem Bild, Titel, Preis und In-den-Warenkorb-Button direkt auf der Startseite hervor.
Mehrspaltig (Multicolumn) Zwei bis vier inhaltliche Spalten – Icon oder Bild oben, Überschrift und Text. Gut für „So funktioniert’s“-Abschnitte, Marken-Features oder Vorteilslisten.
Testimonials Ein Raster oder Karussell mit Kundenbewertungen. Kann im Theme integriert oder als Blocktyp innerhalb anderer Abschnitte verfügbar sein.
Video Ein eingebettetes Video oder ein Hintergrundvideo-Abschnitt. Die meisten Themes unterstützen YouTube- und Vimeo-URLs.
Countdown-Timer / Ankündigung Einige Themes enthalten Dringlichkeits-Abschnitte für Sales oder Launches. Nicht überall vorhanden.
E-Mail-Anmeldung / Newsletter Ein Call-to-Action-Abschnitt zum Erfassen von E-Mail-Adressen. Enthält normalerweise ein Textfeld und einen Absende-Button.
Kategorien-Liste Zeigt mehrere Kategorien als Bildkacheln an – nützlich für Stores mit verschiedenen Produktkategorien.
Weitere Details findest du unter So baust du deine Shopify-Startseite um.
Warum du einen benutzerdefinierten Abschnitt nicht direkt im Theme Editor hinzufügen kannst
Das Fenster „Abschnitt hinzufügen“ des Theme-Editors zeigt nur Abschnitte an, die bereits in den Code deines Themes einprogrammiert sind. Du kannst im Interface des Theme-Editors keine neue Abschnittsart von Grund auf neu erstellen.
Wenn du eine Abschnittsart brauchst, die dein Theme nicht enthält – ein Quiz, einen Countdown, eine Produktvergleichsleiste, ein individuelles Testimonial-Layout, eine Sticky-Ankündigungsleiste – benötigst du einen dieser Ansätze:
A - Der Custom Liquid Abschnitt. Jedes Online Store 2.0 Theme hat einen Custom Liquid-Abschnitt, den du im Editor hinzufügen und in den du HTML oder Liquid einfügen kannst.
B - Eine Shopify-App. Einige Apps fügen Abschnittsarten zur Bibliothek des Theme-Editors hinzu. Nützlich für spezifische Funktionen.
C - Code. Ein Entwickler fügt dem Code deines Themes einen benutzerdefinierten Abschnitt hinzu. Der Abschnitt erscheint dann zur Nutzung im Theme-Editor.
D - Fudge. Beschreibe den gewünschten Abschnitt in einfachen Worten und Fudge, der KI-Operator für Shopify-Stores, baut ihn als nativen Liquid-Code in deinem Theme mit seinem Store-Editor. Keine Programmierkenntnisse von dir erforderlich und kein App-Skript, das auf jeder Seite hinzugefügt wird.
Einen benutzerdefinierten Abschnitt mit Fudge zur Shopify-Startseite hinzufügen
Öffne Fudge und beschreibe, was zu deiner Startseite hinzugefügt werden soll:
-
„Füge einen ‘So funktioniert’s’-Abschnitt mit drei Schritten hinzu, jeder mit einem nummerierten Icon, einer fetten Überschrift und zwei Zeilen beschreibendem Text. Platziere ihn zwischen dem Hero und der vorgestellten Kategorie.“
-
„Füge ein Testimonial-Karussell zur Startseite hinzu, das fünf Kundenzitate mit Sternebewertungen, Kundenname und Ort zeigt. Gestalte es mit der primären Markenfarbe als Hintergrund.“
-
„Füge einen Countdown-Timer-Abschnitt für unseren Summer-Sale-Launch hinzu. Zeigt Tage, Stunden, Minuten, Sekunden. Dunkler Hintergrund, weißer Text. Platziere ihn ganz oben auf der Startseite unter der Ankündigungsleiste.“
Fudge generiert den Abschnitt als Entwurf in deinem Theme. Du überprüfst ihn im Theme-Editor, nimmst eventuelle Anpassungen vor und veröffentlichst ihn. Mit einem Conversion-Ziel prüft Fudge auch, wo dein Ad-Traffic landet, und wenn eine Kampagne Shopper auf die Startseite schickt, schlägt es möglicherweise eine Landingpage vor, die zur Anzeige passt.
Homepage-Abschnitte neu anordnen
Schritt 1. Schau dir im Theme-Editor bei ausgewählter Startseite die Abschnittsliste in der linken Seitenleiste an.
Schritt 2. Fahre mit der Maus über einen Abschnittsnamen – ein Anfasser (Drag-Handle) erscheint.
Schritt 3. Ziehe ihn in die gewünschte Reihenfolge.
Schritt 4. Speichern.
Wenn die Reihenfolge nicht das eigentliche Problem ist, zeigt dir unser kostenloses Shopify Website-Redesign-Tool drei originelle Startseiten-Entwürfe, die aus deinen eigenen Produkten und Inhalten erstellt wurden.
Für andere Seiten, sieh dir Abschnitte auf einer Shopify-Seite neu anordnen an.
FAQ
Wie viele Abschnitte sollte ich auf meiner Shopify-Startseite haben?
Sechs bis neun funktionieren meist am besten. Unter fünf wirkt die Startseite oft zu leer; bei über zehn hören die Shopper auf zu scrollen, bevor sie unten ankommen. Jeder Abschnitt sollte sich seinen Platz verdienen – wenn ein Abschnitt nicht zu einem Klick oder einem In-den-Warenkorb führt oder Vertrauen aufbaut, streiche ihn.
Kann ich dieselbe Abschnittsart mehrmals zur Startseite hinzufügen?
Ja. Du kannst drei Rich-Text-Abschnitte, zwei Image-Banner, vier mehrspaltige Abschnitte hinzufügen – was auch immer die Seite braucht. Jede Instanz hat ihre eigenen Einstellungen, sodass sie völlig unterschiedliche Inhalte haben können. Shopify erlaubt bis zu 25 Abschnitte pro JSON-Template, einschließlich der Startseite.
Warum wird mein neu hinzugefügter Abschnitt nicht im Storefront angezeigt?
Drei häufige Ursachen: (1) Du hast im Theme-Editor nicht auf Speichern geklickt, (2) der Abschnitt wurde hinzugefügt, aber sein erforderlicher Inhalt (Bild, Kategorie, Produkte) ist leer, sodass das Theme nichts anzeigt, oder (3) der Abschnitt hat Sichtbarkeitsregeln in seinen Einstellungen (z. B. "Nur auf Desktop anzeigen"), die ihn auf dem Gerät verbergen, mit dem du gerade nachsiehst.
Kann ich verschiedenen Besuchern unterschiedliche Abschnitte anzeigen?
Nicht von Haus aus. Abschnitte aus dem Theme-Editor sind statisch – jeder sieht dieselbe Startseite. Für eine Personalisierung pro Kunde beschreibe die Regel Fudge ("Zeige diese Hero-Variante eingeloggten VIP-Kunden, die Standard-Variante allen anderen") und es erstellt einen Abschnitt mit kunden-tag-basiertem Liquid, das serverseitig gerendert wird. Alternativen: Shopify Markets für regionsspezifische Inhalte oder eine Personalisierungs-App.
Was ist der Unterschied zwischen einem Abschnitt und einem Template?
Ein Template ist die JSON-Datei, die definiert, welche Abschnitte auf einer Seite erscheinen (z. B. index.json für die Startseite). Ein Abschnitt (Section) ist der modulare Inhaltsblock, der innerhalb des Templates gerendert wird. Templates setzen sich aus Abschnitten zusammen; Abschnitte rendern den Inhalt.
