Dwiema linijkami kodu wyświetlisz urzędową unijną informację o prawnym obowiązku zapewnienia zgodności z umową w każdym sklepie internetowym: WooCommerce, PrestaShop, Shopware, Wix, Webflow, JTL lub we własnym sklepie. Widżet jest darmowy, sam wybiera język strony, nie ustawia plików cookie i na życzenie pokazuje też Twoją etykietę GARAN.
Widżet w praktyce
Do wyboru są trzy formy wyświetlania. Kliknij plakietkę lub link: pełna urzędowa grafika otworzy się w okienku nad stroną.
Utwórz kod dla swojego sklepu
Wybierz formę wyświetlania i język, a potem skopiuj kod. Bez podania języka widżet przyjmuje język strony (<html lang>); jeśli go brak, pokazuje wersję niemiecką. Urzędowa grafika jest dostępna we wszystkich 24 językach UE. Krótki napis na plakietce i linku jest dostępny po niemiecku, angielsku, francusku, włosku, hiszpańsku i niderlandzku, w pozostałych językach, także po polsku, wyświetla się po angielsku.
Etykieta GARAN w widżecie
Jeśli producent daje bezpłatną gwarancję trwałości na okres dłuższy niż dwa lata, na stronie produktu powinna się znaleźć etykieta GARAN. Widżet pokaże ją od razu, jeśli wykonasz te kroki:
- Utwórz etykietę
W generatorze etykiety GARAN wpisz liczbę lat, markę i model, za darmo i bez rejestracji. - Skopiuj kod do osadzenia
Pod gotową etykietą znajdziesz kod na stronę produktu. Obrazy są trwale hostowane u nas, niczego nie przesyłasz. - Wklej
Widżet pokazuje wersję wbudowaną, a kliknięcie otwiera pełną etykietę, tak jak wymaga rozporządzenie. Klikalny link do strony, na którą prowadzi kod QR, umieszcza od razu pod spodem.
Wolisz własne pliki? Wgraj pełną i wbudowaną wersję do biblioteki mediów swojego sklepu i wpisz adresy w data-garan-voll i data-garan-klein. Jeśli Twój sklep pokazuje już zharmonizowaną informację w innym miejscu, atrybut data-nur="garan" ukryje ją w widżecie.
Ponieważ etykieta GARAN jest inna dla każdego produktu, oba adresy należą do szablonu produktu, najlepiej z pola produktu w Twoim systemie sklepowym.
Instrukcje dla Twojego systemu sklepowego
Marketplace’y
Na marketplace’ach nie działa własny skrypt. eBay, Etsy i Kaufland same pokazują etykiety na podstawie Twoich danych; co wpisać, opisują te strony:
Własny sklep
Wstaw znacznik <div data-garantielabel></div> do szablonu produktu i załaduj skrypt raz na stronę, najlepiej przed </body>. Kilka znaczników na jednej stronie jest możliwych. Jeśli doładowujesz treści, wywołaj potem window.garantielabelWidget.rendern().
Shopify: lepiej aplikacja
W sklepach Shopify widżet niczego nie wyświetla. Tam lepszym wyborem jest nasza aplikacja Shopify: bez programowania umieszcza informację na stronie produktu, w koszyku i w stopce, przypisuje gwarancje producentów do produktów i wstawia grafikę z plikiem PDF do potwierdzenia zamówienia.
Czego widżet nie załatwia
- Potwierdzenie zamówienia: Według wytycznych Komisji informacja powinna znaleźć się także w e-mailu z potwierdzeniem. Forma nie jest uregulowana; bezpieczną drogą jest PDF w załączniku. Pliki znajdziesz na stronie pobierania. Więcej na ten temat
- Umieszczenie: O tym, gdzie stoi informacja, decydujesz Ty, wstawiając znacznik. Wytyczne Komisji podają jako przykłady stronę katalogu, nagłówek strony i stronę kasy. Gdzie umieścić informację
- Treść etykiety GARAN: Za okres gwarancji, markę i model odpowiada producent. Widżet pokazuje to, co producent opublikował.
Ochrona danych i technika
Widżet nie ustawia plików cookie, niczego nie zapisuje w przeglądarce i nie liczy odwiedzających. Rysuje w odizolowanym obszarze (Shadow DOM), dzięki czemu ani nie zmienia Twojego wyglądu, ani Twój CSS go nie zmienia. Skrypt i grafiki pochodzą z naszego serwera w Cloudflare. Cloudflare widzi przy tym, jak przy każdej osadzonej treści, adres IP odwiedzającego. Dlatego wspomnij o widżecie w swojej polityce prywatności. Kto nie chce żadnych treści zewnętrznych, pobiera urzędowe pliki ze strony pobierania i osadza je sam.
| Atrybut | Wartości | Działanie |
|---|---|---|
data-darstellung | badge, link, voll | Forma wyświetlania (plakietka, link, w całości), domyślnie badge |
data-sprache | pl, en, de … (24 języki UE) | Język grafiki, domyślnie język strony, bez tej informacji niemiecki. Napis na plakietce jest dostępny w 6 językach, w pozostałych po angielsku. |
data-garan-voll, data-garan-klein | adres (https) | pokazuje Twoją etykietę GARAN: wersję wbudowaną, a kliknięcie otwiera pełną |
Najczęstsze pytania
Ile kosztuje widżet?
Nic. Pod informacją jest mały link do garantielabel.app, poza tym nie ma żadnych warunków.
Czy to urzędowa grafika?
Tak. Widżet pokazuje niezmienione pliki Komisji Europejskiej ze strony pobierania, w wybranym języku i w kolorze, tak jak wymaga się tego w internecie.
Czy widżet może zakłócić mój wygląd lub checkout?
Nie. Rysuje tylko we własnym znaczniku, w odizolowanym Shadow DOM, i nie dotyka niczego innego na stronie. Jeśli nasz serwer przestanie działać, znacznik po prostu pozostanie pusty.
Czy widżet działa w Shopify?
Nie, tam celowo niczego nie wyświetla. Dla Shopify mamy aplikację, która potrafi więcej: koszyk, gwarancje producentów dla poszczególnych produktów i potwierdzenie zamówienia.
Czy potrzebuję konta?
Nie. Skopiuj kod, wklej, gotowe. Konto potrzebne jest tylko producentom, którzy tworzą etykiety GARAN i publikują je w katalogu.