In Wix voeg je de kennisgeving over de wettelijke garantie met het element ‘Embed Code’ toe aan de productpagina. Omdat Wix ingesloten code in een eigen frame toont, gebruik je daar de volledige weergave.
De code voor Wix
<div data-garantielabel data-darstellung="voll" data-sprache="nl"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>Meer opties, zoals weergave en taal, stel je in met de codebouwer.
Stap voor stap in Wix
- Open de productpagina
Open in de Wix Editor de productpagina van Wix Stores. Wijzigingen daar gelden voor alle producten. - Voeg het element toe
Ga naar ‘Add Elements’ → ‘Embed Code’ en kies het element ‘Embed HTML’. - Plak de code
Plak de widgetcode, sleep het element onder de knop voor de winkelwagen en maak het groot genoeg, zodat de hele afbeelding zichtbaar is. - Publiceer
Publiceer de site en controleer een productpagina.
De menunamen geven we in het Engels, zoals in de Engelse beheeromgeving.
Goed om te weten over Wix
- Wix toont ingesloten code in een frame (iframe). Een pop-up zou tot dat frame beperkt blijven, daarom bevat de code
data-darstellung="voll". - Het frame kent de paginataal niet. Leg die vast met
data-sprache, bijvoorbeeldnl. - Het element heeft een vaste hoogte. Controleer ook de mobiele weergave, zodat de afbeelding niet wordt afgesneden.
Waar de kennisgeving komt in Wix
De productpagina van Wix Stores is een dynamische pagina. Wat je op één productpagina wijzigt, geldt voor alle productpagina’s. Volgens de Wix-helpdesk kun je geen verschillende HTML-code aan afzonderlijke producten toevoegen. Daarom plaats je het element “Embed HTML” één keer onder het koopgedeelte, en verschijnt het bij elk product.
Voor een kennisgeving op elke pagina gebruik je de footer. Volgens Wix verschijnt die onderaan alle pagina’s van je site. De enige uitzonderingen zijn pagina’s waarvoor je een lay-out zonder header en footer hebt ingesteld.
Onder “Settings → Development & integrations → Custom Code” kun je ook code toevoegen aan alle pagina’s of aan bepaalde pagina’s. Maar die code is altijd onzichtbaar voor bezoekers, en je site moet gepubliceerd en aan een domein gekoppeld zijn. Voor het zichtbare label heb je dus het ingesloten element nodig. De scriptregel zit daar al in de widgetcode.
Varianten en modelidentificatie in Wix Stores
In Wix Stores ontstaan varianten uit productopties zoals kleur of maat. Een product kan tot 6 opties en tot 1.000 varianten hebben. Beheer je prijzen en voorraad per variant, dan kan elke variant een eigen SKU krijgen. De Wix-helpdesk noemt daarnaast een prijsverschil, gewicht en voorraad per variant. Alle varianten delen dezelfde productpagina.
Voor het GARAN-label betekent dit: het label hoort bij één modelidentificatie, maar het ingesloten element in Wix hoort bij alle producten. Verkoop je meer dan één model, vul daar dan geen GARAN-adressen in. Anders zou onder elk product hetzelfde label verschijnen. Voor extra gegevens per product beschrijft Wix het gebruik van een eigen CMS-collectie: met een referentieveld naar “Products” uit Wix Stores en een dataset op de productpagina. De helpdesk zegt niet of je daarmee ook het element “Embed HTML” kunt vullen.
Veelvoorkomende valkuilen in Wix
- Volgens de Wix-documentatie voor ontwikkelaars is het element een afgeschermd frame (sandbox). Code daarin heeft geen toegang tot de andere elementen op de pagina. Daarom ziet de widget daar niets van de rest van de pagina, zelfs de taal niet.
- Ingesloten content past zich niet vanzelf aan de schermgrootte aan. Op mobiel kan het element afgesneden worden of schuifbalken tonen. Wix raadt dan aan het desktopelement op mobiel te verbergen en in de mobiele editor een aparte versie toe te voegen. De code van een desktopelement kun je in de mobiele editor niet bewerken.
- Volgens Wix worden alleen HTTPS-code en -URL’s weergegeven. Zet je eigen GARAN-bestanden dus op https-adressen.
- Aangepaste code is aan het domein gekoppeld. Stel je een ander domein in als primair domein, dan verwijdert Wix deze snippets.
- Sinds december 2025 kunnen beveiligingsmaatregelen van Wix oudere codesnippets blokkeren. Volgens Wix geldt dat voor ingesloten code, aangepaste code en Velo.
Meer bronnen
- Wix-helpdesk: een site of widget insluiten (Engelstalig)
- Wix-helpdesk: aangepaste code in je site insluiten (Engelstalig)
- Wix-helpdesk: HTML-code op mobiel (Engelstalig)
- Wix-helpdesk: externe HTML-code op een productpagina (functieverzoek, Engelstalig)
- Wix-helpdesk: productopties toevoegen en aanpassen (Engelstalig)
- Wix-helpdesk: de footer van je site (Engelstalig)
- Wix-documentatie voor ontwikkelaars: HTML-iFrame-elementen (Engelstalig)
- Wix-helpdesk: collectie-inhoud tonen op je Wix Stores-productpagina (Engelstalig)
Kennisgeving over de wettelijke garantie in de orderbevestiging
Volgens de richtsnoeren van de Commissie hoort de kennisgeving ook in de bevestigingsmail. De automatische e-mails van Wix Stores kun je maar beperkt aanpassen. Kijk in de instellingen voor klantmeldingen of je de officiële afbeelding daar als afbeelding kunt toevoegen. Een losse link telt waarschijnlijk niet als duurzame gegevensdrager (Hof van Justitie van de EU, zaak C-49/11, Content Services); het veiligst zet je de kennisgeving direct in de e-mail, als afbeelding, tekst of bijlage. De officiële bestanden vind je op onze downloadpagina.
Producentengarantie? Voeg dan het GARAN-label toe
Geeft de producent kosteloos een commerciële levensduurgarantie van meer dan twee jaar voor het hele product, dan hoort ook het GARAN-label op de productpagina. Met de GARAN-labelgenerator maak je het in een paar seconden uit het aantal jaren, het merk en het model, je eerste 3 labels gratis en zonder registratie. Onder elk klaar label krijg je een insluitcode met vaste afbeeldings-URL's: je uploadt niets en plakt hem in Wix zoals hierboven beschreven.
Liever je eigen bestanden? Upload dan de volledige en de geneste versie naar de mediabibliotheek van Wix en vul de adressen in de widgetcode in:
<div data-garantielabel data-darstellung="voll" data-sprache="nl"
data-garan-voll="https://…/GARAN-MX-500.svg"
data-garan-klein="https://…/GARAN-MX-500-genest.svg"></div>De widget toont dan de geneste versie onder de kennisgeving over de wettelijke garantie, en één klik opent het volledige GARAN-label.
Veelgestelde vragen
Waarom de volledige weergave?
Omdat ingesloten code in Wix in een eigen frame draait. Een pop-up kan niet over de pagina heen worden gelegd, dus is de volledige afbeelding daar de betrouwbaarste optie.
Heb ik een bepaald Wix-abonnement nodig?
Om in Wix Stores online betalingen te ontvangen, heb je een premiumabonnement vanaf Core nodig.
Verschijnt het bij alle producten?
Ja, als je het element op de productpagina van Wix Stores plaatst.
Kan ik voor elk product andere code insluiten?
Nee. Volgens de Wix-helpdesk kun je geen verschillende HTML-code aan afzonderlijke producten toevoegen. De productpagina is dynamisch, dus een ingesloten element verschijnt bij alle producten.
Is aangepaste code in de instellingen genoeg?
Nee. Code onder “Settings → Custom Code” is altijd onzichtbaar voor bezoekers en vereist een gekoppeld domein. Het label zelf heeft het zichtbare element “Embed HTML” nodig.
Waarom is het label op mobiel afgesneden?
Omdat het ingesloten element een frame met een vaste grootte is dat zich niet vanzelf aanpast. Maak het groter in de mobiele weergave, of verberg het daar en voeg een aparte versie toe in de mobiele editor, zoals Wix aanraadt.