W Webflow przeciągasz element „Code Embed” na szablon strony produktu i wklejasz kod widżetu. Adresy etykiet GARAN mogą pochodzić z pól CMS.
Kod dla Webflow
<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 Webflow
- Otwórz szablon produktu
W Designerze w sekcji Pages otwórz szablon „Products Template”. - Wstaw Code Embed
Z panelu Add przeciągnij element „Code Embed” pod przycisk Add to Cart. - Wklej kod
Wklej kod widżetu i zapisz. - Opublikuj
Opublikuj witrynę. W samym Designerze osadzone skrypty nie działają.
Nazwy menu podajemy w wersji angielskiej, tak jak w panelu.
Na co uważać w Webflow
- Code Embed wymaga płatnego planu Site lub Workspace.
- Jeśli doładowujesz treści skryptem (np. listy z przyciskiem „Pokaż więcej”), wywołaj potem
window.garantielabelWidget.rendern(), aby nowe znaczniki zostały wyrenderowane.
Zharmonizowana informacja w potwierdzeniu zamówienia
Według wytycznych Komisji informacja powinna znaleźć się także w e-mailu z potwierdzeniem. E-maile z zamówieniami w Webflow Ecommerce dostosujesz w ustawieniach e-commerce, w szablonach e-maili. Możesz tam dodać urzędową grafikę jako obraz. 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 Webflow tak jak powyżej.
Wolisz własne pliki? Wgraj pełną i wbudowaną wersję do biblioteki mediów Webflow 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 widzę widżet w Designerze?
Nie, Webflow nie uruchamia osadzonych skryptów w Designerze. Sprawdź opublikowaną stronę.
Czy to działa też bez Webflow Ecommerce?
Tak. Widżet działa na każdej stronie z Code Embed, np. na stronie informacyjnej lub w stopce.
Czy mogę pobierać pola z CMS?
Tak. W Code Embed możesz wstawiać pola CMS przez „Add Field”, np. adresy etykiet GARAN w data-garan-voll i data-garan-klein.