Mit zwei Zeilen Code zeigen Sie das amtliche EU-Gewährleistungslabel in jedem Onlineshop an: WooCommerce, Shopware, Wix, Webflow, JTL oder eigener Shop. Das Widget ist kostenlos, wählt die Sprache der Seite, setzt keine Cookies und zeigt auf Wunsch auch Ihr GARAN-Label.
Das Widget im Einsatz
Drei Darstellungen stehen zur Wahl. Klicken Sie auf Badge oder Link: Die vollständige amtliche Grafik öffnet sich als Fenster über der Seite.
Code für Ihren Shop erstellen
Wählen Sie Darstellung und Sprache und kopieren Sie den Code. Ohne Sprachangabe nimmt das Widget die Sprache der Seite (<html lang>); fehlt sie, zeigt es Deutsch. Die amtliche Grafik gibt es in allen 24 EU-Sprachen. Die kurze Beschriftung des Badges und des Links gibt es auf Deutsch, Englisch, Französisch, Italienisch, Spanisch und Niederländisch, in den übrigen Sprachen auf Englisch.
GARAN-Label im Widget
Gibt der Hersteller eine kostenlose Haltbarkeitsgarantie von mehr als zwei Jahren, gehört das GARAN-Label zur Produktseite. So zeigt es das Widget gleich mit an:
- Label erstellen
Im GARAN-Label-Generator Jahre, Marke und Modell eingeben. Sie erhalten die vollständige und die geschachtelte Fassung. - Dateien hochladen
Beide Dateien in die Medienbibliothek Ihres Shops laden und die Adressen kopieren. - Im Code eintragen
Die Adressen indata-garan-vollunddata-garan-kleinsetzen. Das Widget zeigt die geschachtelte Fassung, ein Klick öffnet das vollständige Label, wie es die Verordnung verlangt.
Weil das GARAN-Label je Produkt anders ist, gehören die beiden Adressen in die Produktvorlage, am besten aus einem Produktfeld Ihres Shopsystems.
Anleitungen für Ihr Shopsystem
Marktplätze
Auf Marktplätzen läuft kein eigenes Skript. eBay, Etsy und Kaufland zeigen die Labels selbst aus Ihren Angaben; was Sie eintragen, steht auf diesen Seiten:
Eigener Shop
Den Platzhalter <div data-garantielabel></div> in die Produktvorlage schreiben und das Skript einmal pro Seite laden, am besten vor </body>. Mehrere Platzhalter auf einer Seite sind möglich. Wenn Sie Inhalte nachladen, rufen Sie danach window.garantielabelWidget.rendern() auf.
Shopify: besser die App
In Shopify-Shops zeigt das Widget nichts an. Dort ist unsere Shopify-App die bessere Wahl: Sie setzt den Hinweis ohne Programmieren auf Produktseite, Warenkorb und Fußbereich, ordnet Herstellergarantien Produkten zu und setzt die Grafik mit PDF-Download in die Bestellbestätigung.
Was das Widget nicht übernimmt
- Bestellbestätigung: Laut Leitlinien der Kommission soll der Hinweis auch in der Bestätigungs-E-Mail stehen. Die Form ist nicht geregelt; ein PDF im Anhang ist ein sicherer Weg. Die Dateien dafür gibt es im Download. Mehr dazu
- Platzierung: Wo der Hinweis stehen muss, entscheiden Sie mit dem Platzhalter. Die Leitlinien der Kommission nennen als Beispiele die Katalogseite, den Seitenkopf und die Kassenseite. Wo das Label hingehört
- Inhalt des GARAN-Labels: Für Garantiedauer, Marke und Modell ist der Hersteller verantwortlich. Das Widget zeigt, was er veröffentlicht hat.
Datenschutz und Technik
Das Widget setzt keine Cookies, speichert nichts im Browser und zählt keine Besucher. Es zeichnet in einem abgeschotteten Bereich (Shadow DOM), damit es weder Ihr Design verändert noch von Ihrem CSS verändert wird. Skript und Grafiken kommen von unserem Server bei Cloudflare. Dabei sieht Cloudflare wie bei jedem eingebundenen Inhalt die IP-Adresse des Besuchers. Erwähnen Sie das Widget deshalb in Ihrer Datenschutzerklärung. Wer gar keine Drittinhalte möchte, lädt die amtlichen Dateien im Download herunter und bindet sie selbst ein.
| Attribut | Werte | Wirkung |
|---|---|---|
data-darstellung | badge, link, voll | Form der Anzeige, Standard ist badge |
data-sprache | de, en, fr … (24 EU-Sprachen) | Sprache der Grafik, Standard ist die Sprache der Seite, ohne Angabe Deutsch. Die Beschriftung des Badges gibt es in 6 Sprachen, sonst Englisch. |
data-garan-voll, data-garan-klein | Adresse (https) | zeigt Ihr GARAN-Label: geschachtelt, ein Klick öffnet das vollständige |
Häufige Fragen
Was kostet das Widget?
Nichts. Unter dem Hinweis steht ein kleiner Link auf garantielabel.app, sonst gibt es keine Bedingungen.
Ist das die amtliche Grafik?
Ja. Das Widget zeigt die unveränderten Dateien der Europäischen Kommission aus dem Download, in der gewählten Sprache und in Farbe, wie es online vorgeschrieben ist.
Kann das Widget mein Design oder meinen Checkout stören?
Nein. Es zeichnet nur in seinen eigenen Platzhalter, in einem abgeschotteten Shadow DOM, und fasst nichts anderes auf der Seite an. Fällt unser Server aus, bleibt der Platzhalter einfach leer.
Funktioniert das Widget in Shopify?
Nein, dort zeigt es bewusst nichts an. Für Shopify gibt es unsere App, die mehr kann: Warenkorb, Herstellergarantien je Produkt und Bestellbestätigung.
Brauche ich ein Konto?
Nein. Code kopieren, einfügen, fertig. Ein Konto brauchen nur Hersteller, die GARAN-Labels erstellen und im Verzeichnis veröffentlichen.