Gewährleistungslabel in Magento einbinden: Gratis-Widget

In Magento 2 bzw. Adobe Commerce legen Sie einen CMS-Block mit dem Widget-Code an und platzieren ihn per Widget-Instanz auf allen Produktseiten.

Der Code für Magento / Adobe Commerce

<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

Weitere Optionen wie Darstellung und Sprache stellen Sie im Code-Baukasten ein.

Schritt für Schritt in Magento / Adobe Commerce

CMS-Block anlegen
Unter Content → Blocks einen neuen Block anlegen und den Widget-Code einfügen. Ab Version 2.4.3 öffnet sich der Page Builder, dort das Element „HTML Code“ nehmen.
Widget anlegen
Unter Content → Widgets ein Widget vom Typ „CMS Static Block“ für Ihr Theme anlegen.
Platzieren
Als Layout-Update „All Product Types“ wählen und den Container „Product View Extra Hint“ angeben. Er liegt unter dem Warenkorb-Knopf.
Cache leeren
Speichern, Cache leeren und auf einer Produktseite prüfen.

Besonderheiten in Magento / Adobe Commerce

Bei aktiver Content Security Policy (Modul Magento_Csp) muss www.garantielabel.app in die Whitelist für Skripte, Bilder und Verbindungen.
JavaScript-Bündelung und -Minifizierung sollten das externe Skript nicht einschließen.

Gewährleistungslabel in der Bestellbestätigung

Laut Leitlinien der Kommission soll der Hinweis auch in der Bestätigungs-E-Mail stehen. E-Mail-Vorlagen pflegen Sie unter Marketing → Email Templates. In der Vorlage „New Order“ lässt sich die amtliche Grafik als Bild ergänzen. Ein bloßer Link reicht als dauerhafter Datenträger voraussichtlich nicht (EuGH, Rs. C-49/11); am sichersten steht der Hinweis als Bild, Text oder Anhang direkt in der Mail. Die amtlichen Dateien finden Sie im Download.

Herstellergarantie? Dann gehört das GARAN-Label dazu

Gibt der Hersteller eine kostenlose Haltbarkeitsgarantie von mehr als zwei Jahren auf die ganze Ware, gehört zusätzlich das GARAN-Label auf die Produktseite. Mit dem GARAN-Label-Generator erstellen Sie es in Sekunden aus Jahren, Marke und Modell. Das erste Label ist kostenlos.

Laden Sie die vollständige und die geschachtelte Fassung in die Medienverwaltung von Magento / Adobe Commerce und tragen Sie die Adressen im Widget-Code ein:

<div data-garantielabel
  data-garan-voll="https://…/GARAN-MX-500.svg"
  data-garan-klein="https://…/GARAN-MX-500-geschachtelt.svg"></div>

Das Widget zeigt dann die geschachtelte Fassung unter dem Gewährleistungslabel, ein Klick öffnet das vollständige GARAN-Label.

Häufige Fragen

Geht das auch per Layout-XML?

Ja. Entwickler binden den Block per Layout-XML in catalog_product_view.xml ein.

Funktioniert das mit Hyvä?

Ja. Das Widget hängt nicht an RequireJS oder Knockout und läuft auch in Hyvä-Themes.

Muss ich den Cache leeren?

Ja, nach dem Anlegen des Widgets, sonst erscheint der Block erst später.

Gewährleistungslabel in Magento / Adobe Commerce einbinden