Marks
Produkt-Badges ohne Layout-Verschiebung
Marks fügt Ihren WooCommerce-Produkten Badges hinzu. Automatische Badges erscheinen von selbst, je nach Zustand des Produkts (Sale, Neu, Wenig Bestand und Bestseller), und einzelnen Produkten können Sie ein manuelles Badge zuweisen. Das Rendering erfolgt rein per CSS, ganz ohne JavaScript, sodass Badges das Seitenlayout nie verschieben.
Funktioniert mit
Sehen Sie es in Aktion
Badges sollten das Shop-Layout nicht durcheinanderbringen
Ein Shop möchte Angebote und Neuheiten hervorheben, doch per Skript geladene Badges verschieben oft die Produktbilder und erschweren ein einheitliches Erscheinungsbild über Listenansichten und Produktseite hinweg.
- ✗ Per Skript geladene Badges, die das Layout verschieben (CLS)
- ✗ Angebote und Neuheiten von Hand kennzeichnen, Produkt für Produkt
- ✗ Kein einfacher Schwellenwert für ein Badge bei niedrigem Bestand
- ✗ Uneinheitliches Badge-Erscheinungsbild zwischen Shop-Liste und Produktseite
Marks zeigt Badges ohne Layout-Verschiebung
- ✓ Automatische Badges für Sale, Neu, Wenig Bestand und Bestseller je nach Produktzustand
- ✓ Reines CSS-Rendering ohne JavaScript, also kein Cumulative Layout Shift
- ✓ Ein konfigurierbarer Schwellenwert für niedrigen Bestand und ein Zeitfenster für Neuheiten
- ✓ Badges auf der Produktseite sowie in Shop- und Kategorie-Listen
Das bietet Ihnen die kostenlose Version
Alles, was Sie brauchen, um Produkte hervorzuheben, ohne die Performance zu beeinträchtigen.
Automatische Badges
Sale, Neu, Wenig Bestand und Bestseller erscheinen von selbst, je nach Produktzustand.
Schwellenwert für niedrigen Bestand
Das Badge für wenig Bestand erscheint, sobald die verbleibende Menge auf den eingestellten Schwellenwert fällt.
Manuelles Badge
Ein einzelnes manuelles Badge pro Produkt mit Beschriftung und Farbe, gesteuert über das Produkt-Meta.
Reines CSS, ohne JavaScript
Badges werden mit reinem CSS über dem Produktbild dargestellt, ohne Layout-Verschiebung.
Listen- und Produktseite
Badges erscheinen auf der Produktseite sowie in Shop- und Kategorie-Listen.
Schalter und HPOS
Ein globaler Schalter, Schalter pro Regel sowie Kompatibilität mit HPOS und den Warenkorb-Blöcken.
Ein Sale-Label
Optionales Ausblenden des standardmäßigen WooCommerce-Sale-Hinweises, wenn das Marks-Sale-Badge aktiv ist.
In drei Schritten einsatzbereit
Aktivieren Sie Badges und prüfen Sie das Ergebnis in einer Shop-Liste.
Installieren
Aktivieren Sie Marks gemeinsam mit WooCommerce.
Badges auswählen
Aktivieren Sie im Marks-Menü die Badges und wählen Sie aus, welche automatischen Badges angezeigt werden sollen.
Schwellenwert und Label festlegen
Legen Sie den Schwellenwert für niedrigen Bestand sowie Beschriftung und Farbe des manuellen Badges fest.
Für wen es gedacht ist
Wenn Sie Aktionen und Neuheiten hervorheben möchten, ohne jedem Produktraster JavaScript hinzuzufügen.
Angebote und saisonale Aktionen
Automatische Sale-Badges plus ein manuelles Label „Letzte Chance“ auf ausgewählten SKUs.
- ✓ Sale aus WooCommerce
- ✓ Manuelles Badge pro Produkt
- ✓ Nur CSS
Shops mit dichten Produktrastern
Badges in Listen und auf Produktseiten, ohne Bilder zu verschieben, wichtig für den CLS.
- ✓ Kein JavaScript
- ✓ Bestseller und Neu
- ✓ Schwellenwert für niedrigen Bestand
Merchandising-Teams
Schalter pro Regel und ein einfacher Bestandsschwellenwert, statt Hunderte Produkte von Hand zu kennzeichnen.
- ✓ Marks-Adminbereich
- ✓ 30-Tage-Zeitfenster für Neuheiten
- ✓ Doku auf Englisch und Polnisch
Was PRO ergänzt, und warum es zählt
Geplante Kampagnen-Badges
Marks → Geplante Badges: Label, Hintergrund- und Textfarbe, optionales Start-/Endfenster und Ausrichtung nach Produkt, Kategorie oder Schlagwort. Ohne Zeitplan = immer aktiv; ohne Zielvorgaben = shopweit.
Bedingte Regeln
Marks → Einstellungen: shopweite Regeln nach Kategorie, Preisgrenze oder niedrigem Lagerbestand sowie Label- und Farbstil auf passenden Produkten.
Bild-Badges
Reiter „Badges“ im Produkteditor: Bild-URL (PNG/SVG), Zertifizierungs- oder Markenlogo mit 24 px Höhe in Produktlisten und auf Produktseiten.
A/B-Label-Sets
Marks → Einstellungen: konkurrierende Label-Varianten, die zwischen den Besuchern rotieren, mit Impressionszählern im Adminbereich.
Was du bekommst: FREE oder PRO
PRO behält alles aus dem kostenlosen Plugin und ergänzt die Module unten.
Marks vs YITH Badge Management vs Sale Flash Pro
Wie Marks im Vergleich zu den beliebten WooCommerce-Plugins für Produkt-Badges abschneidet.
| Marks | YITH Badge Management | Sale Flash Pro | |
|---|---|---|---|
| Kostenlose Version | Ja | Ja | Nein |
| Automatische Sale-Badges | Ja | Ja | Ja |
| Badge für niedrigen Lagerbestand | Ja | Ja | — |
| Nur CSS, kein JavaScript | Ja | — | — |
| Geplante Kampagnen-Badges | Pro | Ja | — |
| Bild-Badges | Pro | Ja | — |
| Open Source (GPLv2) | Ja | GPL-Kern | Proprietär |
| Preis des kostenpflichtigen Plans | ab €29/Jahr | Nur kostenpflichtig | ~$79/Jahr |
Wettbewerberdaten und Preise Stand Juni 2026; aktuelle Preise auf den Websites der Anbieter prüfen.
Sie brauchen Kampagnen und Regeln? Marks PRO
FREE umfasst automatische und manuelle CSS-Badges. PRO ergänzt geplante Kampagnen-Badges, bedingte Regeln, Bild-Badges und A/B-Label-Sets.
- ✓ Geplante Kampagnen-Badges, enthalten in PRO
- ✓ Bedingte Regeln und Bild-Badges, enthalten in PRO
- ✓ A/B-Label-Sets mit Impressionszählern, enthalten in PRO
Support und Ressourcen
Jedes Plugin hat eine eigene Dokumentation mit Einrichtungsanleitungen. Fehler und Fragen gehen in das öffentliche GitHub-Repository des jeweiligen Plugins, wir antworten offen.
Häufig gestellte Fragen
Wird WooCommerce benötigt?
Ja. Das Plugin arbeitet mit WooCommerce-Produkten.
Wann erscheint das Neu-Badge?
Bei Produkten, die innerhalb des Zeitfensters für Neuheiten erstellt wurden, standardmäßig 30 Tage.
Wann erscheint das Badge für wenig Bestand?
Bei Produkten mit Bestandsverwaltung, deren verbleibende Menge auf oder unter dem eingestellten Schwellenwert für niedrigen Bestand liegt.
Wie füge ich einem Produkt ein manuelles Badge hinzu?
Legen Sie Beschriftung und Farbe des manuellen Badges im Einstellungsbildschirm von Marks fest und setzen Sie anschließend das Produkt-Meta _marks_manual_text (und optional _marks_manual_style) bei den Produkten, die es anzeigen sollen.
Verschieben Badges das Layout?
Nein. Badges werden mit reinem CSS über dem Produktbild dargestellt und verursachen daher nie einen Cumulative Layout Shift.
Lässt sich Marks mit Peek und Reel kombinieren?
Ja. Peek ergänzt eine Schnellansicht in Shop-Listen, ohne das Raster zu verlassen; Reel wertet die Produktgalerie auf der Produktseite auf. Alle drei stammen von wppoland.com und verzichten in Produktrastern auf jQuery.
Wie schneidet Marks im Vergleich zu YITH Badge Management und Sale Flash Pro ab?
Marks, YITH Badge Management und Sale Flash Pro fügen WooCommerce alle automatische Sale-Badges hinzu, aber Marks rendert sie nur mit CSS ohne JavaScript und bietet eine kostenlose Version, während Sale Flash Pro nur kostenpflichtig ab etwa 79 $/Jahr ist. Marks sperrt geplante Kampagnen- und Bild-Badges in seiner kostenpflichtigen Edition ab 29 €/Jahr, Funktionen, die auch YITH in seiner Premium-Stufe bietet. Preise Stand Juni 2026.
Heben Sie Produkte ohne Performance-Einbußen hervor
Automatische und manuelle Badges, reines CSS-Rendering, keine Layout-Verschiebung. Die vollständige FREE-Edition unter GPL.
Dokumentation lesenFREE umfasst automatische und manuelle Badges, PRO ist für geplante Kampagnenregeln gedacht.