Wichtige Erkenntnisse
- Shopify hat keine native Funktion zum direkten Produktvergleich.
- Die Preisangabe „Streichpreis“ (Compare at price) zeigt den Original- im Vergleich zum Sonderpreis für ein einzelnes Produkt an – nicht Produkt gegen Produkt.
- Für den Vergleich mehrerer Produkte nutzen Sie eine Vergleichs-App oder erstellen Sie eine individuelle Vergleichstabelle mit Fudge.
- Vergleichsseiten sind am wertvollsten für Shops, die mehrere ähnliche Produkte verkaufen (Abos, Nahrungsergänzungsmittel, Technik).
Käufer, die ähnliche Produkte vergleichen, möchten Unterschiede klar sehen, ohne mehrere Tabs öffnen zu müssen. Eine Vergleichstabelle beantwortet die Frage „Warum dieses und nicht jenes“ auf einen Blick.
Warum Sie uns vertrauen können
Wir haben an der Produktarchitektur und Conversion-Optimierung für Hunderte von Shopify-Stores gearbeitet. Wir haben auch Fudge entwickelt — einen KI-Storefront-Editor mit einer 5,0-Bewertung im Shopify App Store.
Hat Shopify eine integrierte Produktvergleichsfunktion?
Nein. Shopify verfügt über keine native Funktionalität für den direkten Produktvergleich nebeneinander.
Die am nächsten kommende native Funktion ist der Streichpreis (compare-at pricing) – dieser zeigt einen durchgestrichenen Originalpreis neben dem Verkaufspreis bei einem einzelnen Produkt an. Es ist ein Tool zur Preisanzeige, kein Produktvergleichstool.
Für einen tatsächlichen Produkt-zu-Produkt-Vergleich benötigen Sie einen von drei Ansätzen.
Option 1 – Eine Vergleichstabelle auf einer Seite oder einem Produktseiten-Abschnitt
Die einfachste Methode für Shops, die einen statischen Vergleich zwischen einer bestimmten Gruppe von Produkten benötigen.
Erstellen Sie eine Vergleichstabelle als Abschnitt auf einer Seite oder Produktseite. Fügen Sie Zeilen für die wichtigsten Attribute hinzu, die den Käufern wichtig sind, und Spalten für jedes Produkt.
Was in eine Vergleichstabelle gehört:
- Produktname und Bild
- Preis
- Wichtige Spezifikationen (Größe, Gewicht, Material, Inhaltsstoffe, Kapazität)
- Vorhandensein von Features (Haken/Kreuz-Format funktioniert gut)
- Sternebewertungen oder Anzahl der Rezensionen
- Call-to-Action-Buttons pro Spalte
Die Herausforderung: Der native Seiteneditor von Shopify hat keinen Tabellen-Abschnitt. Sie können eine einfache HTML-Tabelle im Rich-Text-Editor hinzufügen, aber diese wird stilistisch nicht zu Ihrem Theme passen.
Für eine professionell gestaltete Tabelle, die nativ in Ihrem Store aussieht, nutzen Sie Fudge.
Option 2 – Eine Produktvergleichs-App
Mehrere Apps im Shopify App Store bieten Funktionen zum Produktvergleich:
- Käufer können 2-4 Produkte auf Kategorieseiten auswählen
- Ein Vergleichs-Drawer oder ein Modal öffnet sich und zeigt die Merkmale nebeneinander an
- Oft ist ein automatisches Auslesen der Spezifikationen aus den Produktdaten enthalten
Suche im Shopify App Store nach „Product Comparison“. Diese Apps variieren in den Anpassungsoptionen und im Preis.
Passend dazu: Metafelder zu Shopify-Produkten hinzufügen.
Passend dazu: Shopify-Produktseite anpassen.
Am besten für: Shops mit großen Katalogen, in denen Käufer innerhalb einer Kategorie vergleichen müssen (z. B. Elektronik, Nahrungsergänzungsmittel mit verschiedenen Zusammensetzungen, Möbel mit unterschiedlichen Spezifikationen).
Option 3 – Erstellen Sie eine individuelle Vergleichstabelle mit Fudge
Für eine Vergleichstabelle, die nativ zu deinem Theme passt – inklusive Schriftarten, Farben und Layout – kann Fudge diese erstellen.
Beispiel-Prompts:
-
„Erstelle einen Vergleichstabellen-Abschnitt auf unserer Proteinpulver-Seite, der unsere drei Produkte nebeneinander vergleicht: Preis pro Portion, Protein pro Portion, verfügbare Geschmacksrichtungen, Hauptinhaltsstoffe und ein Kaufen-Button für jedes Produkt.“
-
„Baue eine Produktvergleichstabelle für unsere Matratzen-Kategorieseite. Spalten für jedes Matratzenmodell, Zeilen für Härtegrad, Materialien, Höhe, Garantie und Preis. Füge eine Zeile mit Empfehlungen für ‚Bestens geeignet für‘ hinzu.“
-
„Erstelle eine ‚Unsere Tarife‘-Vergleichsseite, die Starter, Growth und Pro gegenüberstellt. Drei Spalten mit einer Feature-Liste, Preiszeile und einem CTA-Button pro Spalte.“
Fudge generiert dies als nativen Liquid-Code. Erstelle einen Entwurf zur Überprüfung und veröffentliche ihn, wenn er fertig ist.
Passend dazu: Fudge Page Builder.
Passend dazu: Benutzerdefiniertes JavaScript in Shopify hinzufügen.
Wann lohnt sich der Aufbau einer Vergleichsseite?
Fälle mit hohem Mehrwert:
- Mehrere SKUs mit ähnlichen Namen – „Advanced Formula vs. Original vs. Extra Strength“
- Abo-Stufen oder Pläne – klare Feature-Differenzierung pro Plan
- Technikprodukte – Prozessoren, Kameras, Lautsprecher mit spec-basierten Entscheidungen
- Matratzen, Möbel, Haushaltsgeräte – wo Unterschiede in den Spezifikationen die Kaufentscheidung direkt beeinflussen
Fälle mit geringerem Mehrwert:
- Produkte, die sich hauptsächlich durch Farbe oder Größe unterscheiden (Käufer sehen dies in den Varianten-Auswahllisten)
- Shops mit weniger als 5 Produkten (Vergleiche bringen bei kleineren Katalogen weniger Mehrwert)
- Massenware, bei der der Preis das einzige Unterscheidungsmerkmal ist
Was ist der Unterschied zwischen „Compare“ und „Compare at“ in Shopify?
Compare at price – ein Feld bei jedem Produkt, in dem der Originalpreis/UVP gespeichert wird. Wenn dieser höher als der aktuelle Preis eingestellt ist, wird er als durchgestrichener Preis neben dem Verkaufspreis angezeigt. Dies ist ein Feature zur Preisanzeige für ein einzelnes Produkt.
Produktvergleich – das Nebeneinandersetzen mehrerer verschiedener Produkte, damit Käufer ihre Optionen bewerten können. Dies erfordert eine App oder eine individuelle Implementierung.
Die beiden Funktionen haben in Shopify nichts miteinander zu tun, trotz der Namensüberschneidung.
Wie füge ich einen „Streichpreis“ (Compare at price) in Shopify hinzu?
Der „Streichpreis“ ist ein durchgestrichener Preis, der die ursprünglichen Kosten neben einem Verkaufspreis anzeigt. So fügen Sie ihn hinzu: Gehen Sie zu Produkte → wählen Sie das Produkt aus → scrollen Sie zum Abschnitt Preisgestaltung und geben Sie einen Wert im Feld Streichpreis ein. Legen Sie den tatsächlichen Verkaufspreis im Feld Preis fest. Shopify zeigt automatisch beide an und berechnet den Rabattprozentsatz. Schauen Sie in unseren Guide zum Aktualisieren von Variantennamen in Shopify, wenn Sie Vergleichspreise pro Variante anzeigen möchten.
FAQ
Nein. Shopify bietet zwar Vergleichspreise ("compare at") für einzelne Produkte, aber keine native Funktion für den Vergleich mehrerer Produkte. Für einen direkten Vergleich kannst du die Tabelle einfach Fudge beschreiben ("Vergleiche diese drei Proteinpulver nach Preis pro Portion, Gramm Protein und Geschmack"), und es generiert eine native Section, die Produktattribute in ein schickes Grid zieht. Alternative: eine Vergleichs-App aus dem Shopify App Store.
3–4 Spalten auf dem Desktop, 2 Spalten auf Mobile. Bei mehr als 4 Produkten werden Vergleichstabellen unübersichtlich und erfordern auf den meisten Bildschirmen horizontales Scrollen. Für größere Vergleiche (z. B. 10+ Produkte) solltest du eine filterbare Vergleichsseite nutzen, auf der Käufer bis zu 4 Produkte für einen direkten Vergleich auswählen können.
App-basierte Vergleichstabellen können das tun – sie schleusen meist JavaScript ein, das auf jeder Seite geladen wird. Native Vergleichstabellen, die direkt in deinem Theme gebaut werden, fallen (nur mit HTML/CSS) kaum ins Gewicht. Für performance-kritische Stores solltest du die native Variante einer App-Installation vorziehen.
Beides funktioniert, es kommt auf die Absicht an. Ein Vergleich auf der Collection-Seite hilft Käufern, die Auswahl innerhalb einer Kategorie einzugrenzen. Separate Vergleichsseiten (z. B. "Unsere Hautpflege-Serie im Vergleich") sind besser für SEO und Linkbuilding, da sie direkt auf Suchanfragen mit Vergleichsabsicht abzielen. Die meisten Stores profitieren von beidem.
Ja – definiere einfach Metafields für die Attribute, die du vergleichen möchtest (z. B. weight, material, feature_x). Die Vergleichstabelle liest diese über Liquid aus und rendert sie automatisch für jedes Produkt. Das skaliert gut: Wenn du ein neues Produkt mit den passenden Metafields hinzufügst, taucht es ohne manuelle Updates in der Tabelle auf.