Embed & API

Eén globaal script activeert zowel de geharmoniseerde kennisgeving over de wettelijke garantie als automatische GARAN-badges. Gratis, zonder cookies, zonder tracking, zonder externe afhankelijkheden en fail-safe: als onze API onbereikbaar is, heeft uw webshop er nooit last van.

1. Installeer het script (één keer, op de hele site)

2. Link naar de kennisgeving wettelijke garantie

Voeg overal een link toe (header, footer, productpagina, kassa). Bij een klik opent de officiële geharmoniseerde kennisgeving in een toegankelijk venster, in de taal van de pagina (<html lang>) of van het attribuut data-lang.

<a href="#garantieEu">Uw rechten onder de wettelijke garantie</a>  <a href="#garantieEu" data-lang="ro">Drepturile tale privind garanția legală</a>

Ook ondersteund: class="garan-notice-link" op elk element en automatische invoeging in de CSS-selectors die u in uw gratis account instelt (kleuren, lettertype, achtergrond, rand en pictogram zijn per site aanpasbaar).

3. GARAN-badge op productpagina's

Automatische opvraging: testfase. Automatische detectie wordt nog getest. De badge verschijnt alleen als er een garantie voor precies dat product is geregistreerd en geverifieerd in de GARAN-database (uw garanties of de openbare labels); anders wordt niets getoond. Controleer het op een van uw productpagina's voordat u het overal gebruikt, en help mee door uw labels in de openbare gids te publiceren. Gebruik vandaag voor een voorspelbaar resultaat de directe modus hieronder (data-years).

Plaats een leeg element met de productgegevens. Als er in de GARAN-database een geverifieerde commerciële duurzaamheidsgarantie bestaat, wordt het geneste label getoond; het volledige label opent bij de eerste klik, mouse-over of tik. Zonder geschikte garantie wordt niets weergegeven.

data-identifier: de productcode precies zoals op het label: de modelcode van de producent (bijv. WGG244Z0BY) of de EAN-streepjescode.
data-country: ISO-code (RO, DE, …). Leeg laten voor EU-brede garanties.
data-mode: latest (standaard: laatste geverifieerde versie) of pinned + data-version="3" voor een vaste labelversie.

Directe modus: geef de duur zelf op

Als u geen databaseopvraging wilt, geeft u de duur rechtstreeks op met data-years. Het geneste label voor die duur wordt meteen getoond vanuit een statische SVG. data-brand en data-identifier zijn verplicht: ze staan op het volledige label dat bij interactie opent en dat het product moet identificeren.

De geneste SVG staat op een vaste URL (/labels/nested-5.svg, /labels/nested-2_5.svg …), wordt één keer gegenereerd en daarna statisch geserveerd — perfect voor CDN's.

Bekijk de live demopagina ↗

4. Lookup-API

GET https://garan.ro/api/embed/lookup?brand=Bosch&identifier=WGG244Z0BY&identifier_type=model&country=RO Positief antwoord: { "found": true, "status": "source_backed", "duration_years": 5, "version": 1, "nested_svg_url": "https://garan.ro/labels/….svg", "full_svg_url": "https://garan.ro/labels/….svg", "qr_url": "https://europa.eu/youreurope/commercial-guarantee-durability/index.htm", "product_url": "https://…" } Negatief antwoord: { "found": false }

Antwoorden zijn cachebaar (Cache-Control) en label-SVG's zijn onveranderlijke statische bestanden die zonder PHP worden geserveerd — CDN-vriendelijk.

Principes

✔ Gratis, geen account nodig voor de kennisgeving en de generator
✔ Geen cookies, geen advertenties, geen agressieve tracking — alleen anonieme, geaggregeerde tellers
✔ Labels uitsluitend gegenereerd uit de officiële EU-sjablonen; alleen de toegestane velden worden bewerkt
✔ Het volledige label is altijd bereikbaar vanuit het geneste label bij de eerste relevante interactie