Gewährleistungslabel in Shopware 6 einbinden

Der Code für Shopware 6

<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 Shopware 6

1. Erlebniswelt öffnen
   In der Administration unter Inhalte → Erlebniswelten das Layout Ihrer Produktseiten öffnen oder ein neues vom Typ „Produktseite“ anlegen.
2. Platzhalter einfügen
   Unter dem Kaufbereich einen Block mit einem Text-Element einfügen, in die Quellcode-Ansicht wechseln und <div data-garantielabel></div> einsetzen.
3. Skript laden
   Die Zeile mit widget.js über das Theme (z. B. in base.html.twig) oder ein Plugin für eigene Skripte einbinden, dann das Layout speichern und den Produkten zuweisen.
4. Alternative im Theme
   Entwickler erweitern im eigenen Theme die Vorlage des Kaufbereichs (buy-widget.html.twig) um den Platzhalter und binden das Skript im Template-Kopf ein.

Besonderheiten in Shopware 6

• Shopware ab 6.5 filtert Skripte im Text-Element (HTML-Sanitizer). Abschalten lässt sich das nur bei selbst gehosteten Shops; in der Shopware Cloud bleibt der Weg über Theme oder Plugin.
• Bei eigener Content-Security-Policy muss www.garantielabel.app für Skripte, Bilder und Verbindungen erlaubt sein.

Gewährleistungslabel in der Bestellbestätigung

Laut Leitlinien der Kommission soll der Hinweis auch in der Bestätigungs-E-Mail stehen. Mail-Vorlagen bearbeiten Sie in Shopware unter Einstellungen → E-Mail-Templates. In der Vorlage zur Bestellbestätigung 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 Shopware 6 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