Produktvergleich in WooCommerce: Produkte vor dem Kauf nebeneinander stellen
By Mariusz Szatkowski · Aktualisiert: 2026-06-22
Wer sich zwischen drei ähnlichen Produkten entscheidet, stößt auf eine kleine, aber spürbare Hürde: Preise, technische Daten und den Lagerbestand muss man im Kopf behalten, während man zwischen den Seiten hin- und herklickt. Der Produktvergleich beseitigt diese Hürde, indem er die Kandidaten in einer einzigen Tabelle nebeneinander stellt. Dieser Leitfaden erklärt, was der Produktvergleich in WooCommerce ist, warum er bei überlegten Käufen wichtig ist und worauf Sie bei einem Werkzeug achten sollten.
Was der Produktvergleich ist und warum er zählt
Der Produktvergleich ist eine Funktion, mit der Kundinnen und Kunden mehrere Produkte sammeln und gemeinsam in einer einzigen Tabelle nebeneinander betrachten können. Statt jedes Produkt in einem eigenen Browser-Tab zu öffnen und Preise, Eigenschaften und Verfügbarkeit von Hand abzugleichen, sehen sie alle Kandidaten in Spalten aufgereiht, mit je einer Zeile pro Information.
Das ist besonders bei überlegten Käufen wichtig: Elektronik, Hardware, alles mit technischen Daten, die die Wahl entscheiden. Wenn der Vergleich in Ihrem Shop stattfindet und nicht in den Notizen eines Kunden oder verstreut über ein Dutzend Tabs, springen weniger Menschen ab, und die Entscheidung bleibt auf der Seite, auf der sie in den Warenkorb legen können.
Worauf Sie achten sollten
Nicht jedes Vergleichswerkzeug ist gleich gebaut. Einige Eigenschaften unterscheiden ein nützliches von einer Bremse für den Shop:
- Eine übersichtliche Tabelle nebeneinander. Bild, Name, Preis, Artikelnummer, Verfügbarkeit und eine kurze Beschreibung, dazu eine Zeile für jede Produkteigenschaft, sodass die Unterschiede auf einen Blick erkennbar sind.
- Hervorhebung von Unterschieden. Zeilen mit abweichenden Werten sollten hervorstechen, idealerweise mit einer Umschaltung, die nur die Unterschiede zeigt und alles ausblendet, was die Produkte gemeinsam haben.
- Gäste- und Kundenlisten. Auch nicht angemeldete Besucher sollten einen Vergleich aufbauen können, wobei ihre Liste beim Anmelden mit ihrem Konto zusammengeführt wird.
- Eine sinnvolle Obergrenze für Produkte. Eine Tabelle, die unbegrenzt wächst, wird unleserlich. Eine konfigurierbare Obergrenze hält sie überschaubar.
- Keine Leistungseinbußen. Der Vergleich sollte nicht auf jeder Shop-Listenseite umfangreiches JavaScript laden. Reines JavaScript ohne jQuery-Abhängigkeit hält den Shop schnell.
Wie Versus das umsetzt
Versus for WooCommerce ist ein kostenloses Vergleichs-Plugin mit offenem Quellcode (GPLv2), das um genau diese Eigenschaften herum aufgebaut ist. Es ergänzt automatisch eine Vergleichsschaltfläche in den Shop-Listen und auf der Produktseite, und jede Platzierung lässt sich im Versus-Menü unabhängig ein- und ausschalten.
Der Vergleich öffnet sich als Tabelle nebeneinander, die Bild, Name, Preis, Artikelnummer, Verfügbarkeit und eine kurze Beschreibung zeigt, dazu eine Zeile für jede Produkteigenschaft. Zeilen mit abweichenden Werten werden hervorgehoben, und eine Umschaltung “Nur Unterschiede anzeigen” blendet alles aus, was die Produkte gemeinsam haben. Gäste erhalten eine pro Browser gespeicherte Vergleichsliste, Kunden einen Vergleich-Tab unter Mein Konto, und beide Listen werden beim Anmelden zusammengeführt. Die Liste ist konfigurierbar auf 2 bis 6 Produkte begrenzt, wobei der älteste Eintrag herausfällt, sobald die Obergrenze überschritten wird.
Das Rendern erfolgt mit reinem JavaScript ohne jQuery-Abhängigkeit, und die Schaltflächen tragen barrierefreie Beschriftungen sowie ARIA-Attribute. Alles oben Genannte ist in der kostenlosen Edition enthalten.
Für Shops, die mehr Kontrolle wünschen, ergänzt Versus Pro einen Seiten-Shortcode [versus_compare], der eine vollständige Tabelle einschließlich Gewicht und Abmessungen rendert, konfigurierbare Zeilen, die Sie unter Products to Versus Pro ein- und ausschalten, eine fixierte Vergleichsleiste am unteren Rand der Shop- und Kategorieseiten, den Export der Tabelle als CSV/PDF/Druck sowie eine Option, das Hinzufügen auf Produkte derselben WooCommerce-Kategorie zu beschränken. Diese Funktionen sind ausschließlich in PRO verfügbar und setzen das aktive kostenlose Versus-Plugin voraus.
Versus im Vergleich zu Standard-WooCommerce
WooCommerce verfügt über keinen integrierten Produktvergleich. Hier der Unterschied speziell für den Vergleich:
| Funktion | Standard-WooCommerce | Versus |
|---|---|---|
| Vergleichstabelle nebeneinander | Nicht integriert | Bild, Preis, Artikelnummer, Verfügbarkeit, Eigenschaften |
| Hervorhebung von Unterschieden | entfällt | Ja, mit Umschaltung “Nur Unterschiede anzeigen” |
| Platzierungen der Vergleichsschaltfläche | entfällt | Shop-Listen und Produktseite, je einzeln umschaltbar |
| Vergleichslisten für Gäste | entfällt | Ja, pro Browser, beim Anmelden zusammengeführt |
| Vergleichsliste für Kunden | entfällt | Vergleich-Tab unter Mein Konto |
| Produkt-Obergrenze | entfällt | Konfigurierbar 2 bis 6, ältester Eintrag fällt heraus |
| Frontend-Abhängigkeit | jQuery in vielen Themes | Reines JavaScript, kein jQuery |
| Kosten | Kostenlos (im Kern nicht vorhanden) | Kostenlos; PRO ergänzt Shortcode, Zeilen, fixierte Leiste, Export |
Die Kurzfassung
Der Produktvergleich verwandelt eine mühselige Aufgabe über viele Tabs und von Hand in eine einzige Tabelle nebeneinander in Ihrem Shop, was verhindert, dass überlegte Käufe verloren gehen. Achten Sie auf eine übersichtliche Tabelle, die Hervorhebung von Unterschieden, Gäste- und Kundenlisten, eine sinnvolle Obergrenze und keine Leistungseinbußen. Versus liefert all das kostenlos, während PRO einen Shortcode für die Vergleichsseite, konfigurierbare Zeilen, eine fixierte Leiste und den Export ergänzt.