Embed & API

Un singur script global activează atât avizul armonizat al garanției legale, cât și badge-urile GARAN automate. Gratuit, fără cookie-uri, fără tracking, fără dependențe externe și fail-safe: dacă API-ul nostru nu răspunde, magazinul tău nu este afectat.

1. Instalează scriptul (o singură dată, pe tot site-ul)

<script src="https://garan.ro/embed/garan.js" defer></script>

2. Linkul avizului garanției legale

Adaugă un link oriunde (header, footer, pagină de produs, checkout). La click, avizul armonizat oficial se deschide într-un modal accesibil, în limba paginii (<html lang>) sau a atributului data-lang.

<a href="#garantieEu">Drepturile tale privind garanția legală</a> <!-- sau cu limba explicită --> <a href="#garantieEu" data-lang="ro">Drepturile tale privind garanția legală</a>

Suportat de asemenea: class="garan-notice-link" pe orice element, plus inserarea automată în selectorii CSS configurați în contul tău gratuit (culori, font, fundal, bordură și pictogramă personalizabile per site).

3. Badge GARAN pe paginile de produs

Căutare automată: în fază de test. Detectarea automată este încă în testare. Badge-ul apare doar dacă o garanție pentru exact acel produs este înregistrată și verificată în baza de date GARAN (garanțiile tale sau etichetele publice); altfel nu se afișează nimic. Verifică-l pe una dintre paginile tale de produs înainte să-l folosești peste tot și ajută publicându-ți etichetele în directorul public. Pentru un rezultat previzibil astăzi, folosește modul direct de mai jos (data-years).

Plasează un element gol cu datele produsului. Dacă există o garanție comercială de durabilitate verificată în baza GARAN, se afișează eticheta nested; eticheta completă se deschide la primul click, roll-over sau tap. Dacă nu există o garanție eligibilă, nu se afișează nimic.

<div class="garan-badge" data-brand="Bosch" data-identifier="WGG244Z0BY" data-country="RO"></div>

data-identifier: codul produsului exact ca pe etichetă: codul de model al producătorului (de ex. WGG244Z0BY) sau codul de bare EAN.
data-country: Cod ISO (RO, DE, …). Lasă gol pentru garanții valabile în toată UE.
data-mode: latest (implicit: ultima versiune verificată) sau pinned + data-version="3" pentru o versiune fixă a etichetei.

Mod direct: transmite tu durata

Dacă nu vrei o căutare în baza de date, transmite durata direct cu data-years. Eticheta nested pentru acea durată se afișează imediat dintr-un SVG static. data-brand și data-identifier sunt obligatorii: ele apar pe eticheta completă care se deschide la interacțiune și care trebuie să identifice produsul.

<div class="garan-badge" data-years="5" data-brand="Bosch" data-identifier="WGG244Z0BY" data-url="https://shop.example.com/produs"></div> <!-- jumătățile de an folosesc virgulă: data-years="2,5" -->

SVG-ul nested are un URL stabil (/labels/nested-5.svg, /labels/nested-2_5.svg …) și este generat o singură dată, apoi servit static — perfect pentru CDN-uri.

Vezi pagina demo live ↗

4. API de căutare

GET https://garan.ro/api/embed/lookup?brand=Bosch&identifier=WGG244Z0BY&identifier_type=model&country=RO Răspuns pozitiv: { "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://…" } Răspuns negativ: { "found": false }

Răspunsurile sunt cache-abile (Cache-Control), iar SVG-urile etichetelor sunt fișiere statice imuabile servite fără PHP — prietenoase cu CDN-ul.

Principii

✔ Gratuit, fără cont obligatoriu pentru aviz și generator
✔ Fără cookie-uri, fără reclame, fără tracking agresiv — doar contoare anonime și agregate
✔ Etichete generate exclusiv din template-urile oficiale UE; doar câmpurile permise sunt editate
✔ Eticheta completă este mereu accesibilă din eticheta nested la prima interacțiune relevantă