Das Wichtigste auf einen Blick
- Die Anpassung der Produktseite ist in zwei Bereiche unterteilt: den Theme-Editor (Layout und Abschnitte) und den Produkt-Editor (Inhalte).
- In den meisten modernen Shopify-Themes können Sie Blöcke – Bilder, Titel, Preis, Beschreibung, Warenkorb-Button – direkt im Theme-Editor neu anordnen.
- Das Hinzufügen neuer Abschnitte (Bewertungen, Upsells, FAQs, Vergleichstabellen) unter den Haupt-Produktinfos ist im Theme-Editor unkompliziert.
- Für ein vollständig individuelles Layout, das über die Möglichkeiten Ihres Themes hinausgeht, kann Fudge dieses basierend auf einer Beschreibung für Sie erstellen.
Auf Ihrer Produktseite fallen die Kaufentscheidungen. Die meisten Shopify-Stores nutzen das Standard-Layout ihres Themes – dabei gibt es meist viel Spielraum, um die Conversion Rate durch das Umstellen von Elementen und das Hinzufügen der richtigen Abschnitte zu verbessern.
Warum Sie uns vertrauen können
Jacques verfügt über mehr als 15 Jahre Erfahrung in der Shopify-Entwicklung und hat mit Hunderten von Marken an der Optimierung von Produktseiten gearbeitet. Wir haben Fudge entwickelt – einen KI-Storefront-Editor, der von Hunderten von Stores genutzt wird und im Shopify App Store mit 5,0 Sternen bewertet ist.
Zwei Dinge, die Sie auf einer Produktseite anpassen können
1. Content – Produkttitel, Beschreibung, Bilder, Preis und Varianten. Dies geschieht im Produkt-Editor: Produkte → Produkt auswählen → Bearbeiten.
2. Layout – die Anordnung der Elemente, zusätzliche Abschnitte und das Design. Dies geschieht im Theme-Editor: Onlineshop → Themes → Anpassen → zu einer Produktseite navigieren.
Die meisten Fragen zur Anpassung beziehen sich auf das Layout. Hier kommen der Theme-Editor und Fudge ins Spiel.
So ordnen Sie Blöcke auf der Produktseite im Theme-Editor neu an
Moderne Shopify-Themes (Online Store 2.0) ermöglichen es Ihnen, einzelne Elemente innerhalb des Produktbereichs per Drag-and-Drop zu verschieben – Titel, Preis, Beschreibung, Warenkorb-Button, Variantenauswahl und mehr.
Schritt 1. Gehen Sie zu Onlineshop → Themes → Anpassen.
Schritt 2. Navigieren Sie zu einer Produktseite. Klicken Sie in der Seitenauswahl oben auf einen beliebigen Produktnamen oder rufen Sie eine Produkt-URL direkt im Editor auf.
Schritt 3. Klicken Sie in der linken Seitenleiste auf den Bereich Produktinformationen. Sie sehen eine Liste von Blöcken – Titel, Preis, Anzahl, In den Warenkorb, Beschreibung usw.
Schritt 4. Ziehen Sie die Blöcke in die gewünschte Reihenfolge. Eine gängige, Conversion-optimierte Reihenfolge ist: Bilder → Titel → Bewertungs-Snippet → Preis → Varianten → In den Warenkorb → Kurzbeschreibung → Trust Badges.
Schritt 5. Speichern.
So fügen Sie Abschnitte zu einer Shopify-Produktseite hinzu
Unterhalb der Haupt-Produktinformationen können Sie Abschnitte in voller Breite hinzufügen – dieselben Abschnitte, die auch auf Ihrer Startseite verfügbar sind.
Scrollen Sie im Theme-Editor auf einer Produktseite in der linken Seitenleiste am Produktbereich vorbei nach unten und klicken Sie auf Abschnitt hinzufügen. Sie können Folgendes hinzufügen:
- Bewertungen (falls Sie eine Bewertungs-App nutzen, die in den Theme-Editor integriert ist)
- Zuletzt angesehene Produkte
- Ähnliche Produkte / Empfehlungen
- FAQ-Accordions
- Rich Text oder Feature-Highlights
- Bild mit Text für Inhaltsstoffe oder Brand Storytelling
Diese Abschnitte gelten für alle Produktseiten, es sei denn, Sie verwenden ein benutzerdefiniertes Template für bestimmte Produkte.
So erstellen Sie ein benutzerdefiniertes Template für ein bestimmtes Produkt
Wenn Sie für ein einzelnes Produkt ein anderes Layout wünschen (z. B. für ein Hero-Produkt mit einer eher redaktionellen Seite), können Sie ein benutzerdefiniertes Template erstellen.
Schritt 1. Klicken Sie im Theme-Editor oben auf die Seitenauswahl und wählen Sie Vorlage erstellen → Produkt.
Schritt 2. Geben Sie der Vorlage einen Namen (z. B. hero-produkt).
Schritt 3. Passen Sie das Layout im Theme-Editor an.
Schritt 4. Gehen Sie zu Produkte → wählen Sie das Produkt aus → weisen Sie in der rechten Seitenleiste unter Theme-Vorlage Ihre neue Vorlage zu.
Dieses Produkt nutzt nun das individuelle Layout. Alle anderen Produkte behalten das Standard-Template.
Anpassungen der Produktseite, die Code erfordern
Einige Funktionen für Produktseiten sind nicht direkt im Theme-Editor verfügbar:
- Sticky Add-to-Cart Bar – eine Leiste, die beim Scrollen am Bildschirmrand haftet
- Größentabellen-Modal – öffnet sich, ohne die Seite zu verlassen
- Individuelles Tab-Layout – Tabs für Beschreibung, Materialien, Versand
- Vorher/Nachher-Bild-Slider – ideal für Skincare, Mode oder Home Goods
- Eigene Trust-Badge-Zeile – Icons mit eigenem Text, in den meisten Themes nicht enthalten
- Vergleichstabelle – zeigt, wie Ihr Produkt im Vergleich zu Alternativen abschneidet
Für diese Funktionen benötigen Sie entweder einen Developer oder ein Tool, das den Code für Sie generiert.
Fudge erledigt all das für Sie. Beschreiben Sie einfach, was Sie möchten:
„Füge meinen Produktseiten eine Sticky Add-to-Cart Bar hinzu, die erscheint, wenn der User am Haupt-Kauf-Button vorbeiscrollt.“
„Erstelle unter meiner Produktbeschreibung einen Bereich mit Tabs für: Beschreibung, Inhaltsstoffe, Anwendung, Versand.“
Fudge generiert den Code, Sie prüfen den Entwurf und veröffentlichen ihn, sobald alles passt.
Was macht eine hochgradig konvertierende Shopify-Produktseite aus?
Abseits der technischen Anpassungen gibt es Elemente, die die Conversion Rate nachweislich verbessern:
- Bewertungen weit oben – Social Proof direkt im Sichtfeld, noch vor dem Scrollen
- Klare Variantenauswahl – direkt verlinkte Größentabellen, Farbfelder statt Dropdowns
- Dringlichkeitssignale – Bestandsanzeigen bei niedrigem Lagerstand, Liefer-Countdown (ehrlich eingesetzt)
- Kurze, nutzenorientierte Beschreibungen – Aufzählungspunkte statt langer Absätze für schnelles Scannen
- Bilder aus verschiedenen Winkeln – Lifestyle-Fotos, Detailaufnahmen und Größenvergleiche
- Trust Badges „above the fold“ – kostenlose Rücksendung, sicherer Checkout, schneller Versand
