Zum Inhalt
Neu: Erstes GARAN-Label gratis, danach bis zu 90 % Mengenrabatt je LabelJetzt erstellen
EU-Gewährleistungs-
und GARAN Label
KostenlosStand 3. Oktober 20263 Min. Lesezeit

Gewährleistungslabel-Widget für jeden Shop

Zwei Zeilen Code, und das amtliche Gewährleistungslabel steht im Shop. Für WooCommerce, Shopware, Wix, Webflow, JTL und jeden eigenen Shop.

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.

Badge (Standard), klickbar
Link, für Fließtext und Fußbereich
Voll, die Grafik direkt auf 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.

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

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:

  1. Label erstellen
    Im GARAN-Label-Generator Jahre, Marke und Modell eingeben. Sie erhalten die vollständige und die geschachtelte Fassung.
  2. Dateien hochladen
    Beide Dateien in die Medienbibliothek Ihres Shops laden und die Adressen kopieren.
  3. Im Code eintragen
    Die Adressen in data-garan-voll und data-garan-klein setzen. 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

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.

AttributWerteWirkung
data-darstellungbadge, link, vollForm der Anzeige, Standard ist badge
data-sprachede, 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-kleinAdresse (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.

GARAN‑Label erstellen, Gewährleistungslabel einbinden.

Der Generator erstellt GARAN-Labels in Sekunden, das erste ist kostenlos. Für Shopify bindet die App beide Labels automatisch ein.