W WooCommerce wstawiasz zharmonizowaną informację blokiem „Własny HTML” do szablonu strony produktu, bezpośrednio pod przyciskiem dodawania do koszyka. W klasycznych motywach zrobisz to małym hookiem w motywie potomnym.
Kod dla WooCommerce
<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>Więcej opcji, takich jak forma wyświetlania i język, ustawisz w kreatorze kodu.
Krok po kroku w WooCommerce
- Otwórz szablon
W WordPressie przejdź do Wygląd → Edytor → Szablony i otwórz „Pojedynczy produkt”. W klasycznych motywach przejdź od razu do kroku 4. - Wstaw blok
Pod blokiem przycisku „Dodaj do koszyka” wstaw blok „Własny HTML”. - Wklej kod
Wklej kod widżetu i zapisz szablon. Od tej chwili obowiązuje on na wszystkich stronach produktów. - Klasyczny motyw
Bez edytora blokowego wyświetl kod przez hookwoocommerce_single_product_summaryz priorytetem 35 w motywie potomnym albo za pomocą wtyczki do snippetów.
Na co uważać w WooCommerce
- Wtyczki do cache i optymalizacji (np. łączące pliki JavaScript) nie powinny modyfikować
widget.js. W razie potrzeby wyłącz ten plik z optymalizacji. - Skrypt w bloku „Własny HTML” zostaje zachowany tylko wtedy, gdy Twój użytkownik może zapisywać własny HTML (uprawnienie
unfiltered_html, w sieci multisite tylko superadministratorzy). W przeciwnym razie załaduj skrypt przez wtyczkę do snippetów. - Jeśli sklep jest wielojęzyczny, widżet rozpoznaje język z
<html lang>. Atrybutemdata-spracheustawisz go na stałe.
Zharmonizowana informacja w potwierdzeniu zamówienia
Według wytycznych Komisji informacja powinna znaleźć się także w e-mailu z potwierdzeniem. E-maile WooCommerce dostosujesz w WooCommerce → Ustawienia → E-maile. Aby zharmonizowana informacja znalazła się w e-mailu z zamówieniem, wstaw tam urzędową grafikę ze strony pobierania jako obraz, zależnie od motywu przez szablony e-maili lub wtyczkę do e-maili. Sam link prawdopodobnie nie wystarczy jako trwały nośnik (TSUE, sprawa C-49/11); najbezpieczniej umieścić informację bezpośrednio w wiadomości jako obraz, tekst lub załącznik. Urzędowe pliki znajdziesz na stronie pobierania.
Gwarancja producenta? Wtedy potrzebna jest też etykieta GARAN
Jeśli producent daje bezpłatną gwarancję trwałości na okres dłuższy niż dwa lata, obejmującą cały towar, na stronie produktu musi się znaleźć także etykieta GARAN. W generatorze etykiety GARAN utworzysz ją w kilka sekund z liczby lat, marki i modelu, za darmo i bez rejestracji. Pod gotową etykietą znajdziesz kod do osadzenia ze stałymi adresami obrazów: niczego nie przesyłasz, a kod wstawiasz w WooCommerce tak jak powyżej.
Wolisz własne pliki? Wgraj pełną i wbudowaną wersję do biblioteki mediów WooCommerce i wpisz adresy w kodzie widżetu:
<div data-garantielabel
data-garan-voll="https://…/GARAN-MX-500.svg"
data-garan-klein="https://…/GARAN-MX-500-wbudowana.svg"></div>Widżet pokaże wtedy wersję wbudowaną pod zharmonizowaną informacją, a kliknięcie otworzy pełną etykietę GARAN.
Najczęstsze pytania
Czy potrzebuję wtyczki?
Nie. Wystarczy blok „Własny HTML”. Tylko w klasycznych motywach bez edytora blokowego najprostszą drogą jest wtyczka do snippetów lub motyw potomny.
Czy to działa z Elementorem lub Divi?
Tak. Oba mają element HTML lub kodu, który przeciągasz w szablonie produktu pod przycisk dodawania do koszyka. Szablony produktów w Elementorze są dostępne tylko w Elementor Pro (Theme Builder).
Czy mój sklep zwolni?
Praktycznie nie. Skrypt jest mały, ładuje się asynchronicznie i nie blokuje wczytywania strony.