Widget voor de kennisgeving over de wettelijke garantie

De widget in actie

Er zijn drie weergaven. Klik op de badge of de link: de volledige officiële afbeelding opent in een venster boven de pagina.

Maak de code voor je webshop

Kies de weergave en de taal en kopieer de code. Zonder taalinstelling gebruikt de widget de paginataal (<html lang>); ontbreekt die ook, dan toont hij Duits. De officiële afbeelding is beschikbaar in alle 24 EU-talen. De korte tekst van de badge en de link bestaat in het Duits, Engels, Frans, Italiaans, Spaans en Nederlands, en voor alle andere talen in het Engels.

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

GARAN-label in de widget

Geeft de producent kosteloos een commerciële levensduurgarantie van meer dan twee jaar, dan hoort het GARAN-label op de productpagina. Zo toont de widget het ook:

1. Maak het label
   Vul het aantal jaren, het merk en het model in de GARAN-labelgenerator in. Je eerste 3 labels zijn gratis en zonder registratie.
2. Kopieer de insluitcode
   Onder elk klaar label verschijnt de code voor de productpagina. De afbeeldingen hosten wij permanent, dus je uploadt niets.
3. Plak hem
   De widget toont de geneste versie en één klik opent het volledige label, zoals de verordening voorschrijft. Direct eronder zet hij ook de klikbare link naar de bestemming van de QR-code.

Liever je eigen bestanden? Upload dan de volledige en de geneste versie naar de mediabibliotheek van je webshop en vul de adressen in bij data-garan-voll en data-garan-klein. Toont je webshop de kennisgeving over de wettelijke garantie al ergens anders, dan verbergt data-nur="garan" die in de widget.

Omdat het GARAN-label per product verschilt, horen de twee adressen in het productsjabloon, bij voorkeur uit een productveld van je shopsysteem.

Handleidingen voor je shopsysteem

Marketplaces

Marketplaces voeren geen eigen scripts uit. eBay, Etsy en Kaufland tonen de labels zelf op basis van je gegevens; wat je moet invullen, staat op deze pagina's:

Je eigen webshop

Zet de placeholder <div data-garantielabel></div> in het productsjabloon en laad het script één keer per pagina, bij voorkeur vóór </body>. Je kunt meerdere placeholders op één pagina gebruiken. Laad je content dynamisch, roep daarna window.garantielabelWidget.rendern() aan.

Shopify: gebruik liever de app

In Shopify-webshops toont de widget niets. Daar is onze Shopify-app de betere keuze: hij zet de kennisgeving zonder code op de productpagina, in de winkelwagen en in de footer, koppelt producentengaranties aan producten en voegt de afbeelding met een pdf-download toe aan de orderbevestiging.

Wat de widget niet regelt

• Orderbevestiging: Volgens de richtsnoeren van de Commissie hoort de kennisgeving ook in de bevestigingsmail. De vorm is niet voorgeschreven; een pdf-bijlage is een veilige manier. De bestanden vind je op onze downloadpagina. Meer hierover
• Plaatsing: Waar de kennisgeving verschijnt, bepaal je zelf met de plek van de placeholder. De richtsnoeren van de Commissie noemen de cataloguspagina, de paginakop en de afrekenpagina als voorbeelden. Waar de kennisgeving hoort
• Inhoud van het GARAN-label: De producent is verantwoordelijk voor de garantieduur, het merk en het model. De widget toont wat de producent heeft gepubliceerd.

Privacy en techniek

De widget plaatst geen cookies, slaat niets op in de browser en telt geen bezoekers. Hij wordt weergegeven in een afgeschermd gebied (Shadow DOM), zodat hij je ontwerp niet verandert en je CSS hem niet verandert. Het script en de afbeeldingen komen van onze server bij Cloudflare. Zoals bij elke ingesloten content ziet Cloudflare het IP-adres van de bezoeker. Vermeld de widget daarom in je privacyverklaring. Wil je helemaal geen content van derden, download dan de officiële bestanden van onze downloadpagina en sluit ze zelf in.

Veelgestelde vragen