Avec deux lignes de code, vous affichez la notice officielle de l’UE sur la garantie légale de conformité dans n’importe quelle boutique en ligne : WooCommerce, PrestaShop, Shopware, Wix, Webflow, JTL ou boutique sur mesure. Le widget est gratuit, choisit la langue de la page, ne dépose aucun cookie et affiche aussi, si vous le souhaitez, votre label GARAN.
Le widget en action
Trois modes d’affichage sont disponibles. Cliquez sur le badge ou sur le lien : le graphique officiel complet s’ouvre dans une fenêtre au-dessus de la page.
Créer le code pour votre boutique
Choisissez l’affichage et la langue, puis copiez le code. Sans langue indiquée, le widget reprend celle de la page (<html lang>) ; si elle manque, il affiche l’allemand. Le graphique officiel existe dans les 24 langues de l’UE. Le court libellé du badge et du lien existe en allemand, anglais, français, italien, espagnol et néerlandais, et en anglais pour les autres langues.
Le label GARAN dans le widget
Si le fabricant offre une garantie de durabilité gratuite de plus de deux ans, le label GARAN a sa place sur la fiche produit. Voici comment le widget l’affiche en même temps :
- Créer le label
Dans le générateur de label GARAN, saisissez la durée, la marque et le modèle, gratuitement et sans inscription. - Copier le code d’intégration
Sous le label terminé se trouve le code pour la fiche produit. Les images sont hébergées durablement chez nous : vous ne téléversez rien. - Insérer
Le widget affiche la version imbriquée ; un clic ouvre le label complet, comme l’exige le règlement. Il place juste en dessous le lien cliquable vers la destination du code QR.
Vous préférez vos propres fichiers ? Téléversez alors la version complète et la version imbriquée dans la médiathèque de votre boutique et indiquez leurs adresses dans data-garan-voll et data-garan-klein. Si votre boutique affiche déjà la notice sur la garantie légale ailleurs, data-nur="garan" la masque dans le widget.
Comme le label GARAN diffère d’un produit à l’autre, les deux adresses vont dans le modèle de fiche produit, idéalement à partir d’un champ produit de votre système de boutique.
Guides pour votre système de boutique
Places de marché
Sur les places de marché, aucun script personnel ne s’exécute. eBay, Etsy et Kaufland affichent eux-mêmes les labels à partir de vos informations ; ce que vous devez renseigner figure sur ces pages :
Boutique sur mesure
Écrivez l’emplacement <div data-garantielabel></div> dans le modèle de fiche produit et chargez le script une fois par page, de préférence avant </body>. Plusieurs emplacements par page sont possibles. Si vous chargez du contenu après coup, appelez ensuite window.garantielabelWidget.rendern().
Shopify : préférez l’app
Dans les boutiques Shopify, le widget n’affiche rien. Notre app Shopify y est le meilleur choix : elle place la notice sans programmation sur la fiche produit, dans le panier et dans le pied de page, associe les garanties des fabricants aux produits et insère le graphique avec téléchargement PDF dans la confirmation de commande.
Ce que le widget ne fait pas
- Confirmation de commande : selon les lignes directrices de la Commission, la notice devrait aussi figurer dans l’e-mail de confirmation. La forme n’est pas réglementée ; un PDF en pièce jointe est une solution sûre. Les fichiers se trouvent sur la page de téléchargement. En savoir plus
- Emplacement : c’est vous qui décidez, avec l’emplacement, où la notice apparaît. Les lignes directrices de la Commission citent comme exemples la page du catalogue, l’en-tête du site et la page de paiement. Où placer la notice
- Contenu du label GARAN : le fabricant est responsable de la durée de garantie, de la marque et du modèle. Le widget affiche ce qu’il a publié.
Protection des données et technique
Le widget ne dépose aucun cookie, n’enregistre rien dans le navigateur et ne compte pas les visiteurs. Il dessine dans une zone isolée (Shadow DOM), afin de ne pas modifier votre design ni d’être modifié par votre CSS. Le script et les graphiques proviennent de notre serveur chez Cloudflare. Comme pour tout contenu intégré, Cloudflare voit alors l’adresse IP du visiteur. Mentionnez donc le widget dans votre politique de confidentialité. Si vous ne voulez aucun contenu tiers, téléchargez les fichiers officiels sur la page de téléchargement et intégrez-les vous-même.
| Attribut | Valeurs | Effet |
|---|---|---|
data-darstellung | badge, link, voll | Forme de l’affichage ; par défaut badge |
data-sprache | de, en, fr … (24 langues de l’UE) | Langue du graphique ; par défaut la langue de la page, sans indication l’allemand. Le libellé du badge existe en 6 langues, sinon en anglais. |
data-garan-voll, data-garan-klein | adresse (https) | affiche votre label GARAN : imbriqué, un clic ouvre la version complète |
Questions fréquentes
Combien coûte le widget ?
Rien. Sous la notice figure un petit lien vers garantielabel.app ; il n’y a pas d’autre condition.
S’agit-il du graphique officiel ?
Oui. Le widget affiche les fichiers inchangés de la Commission européenne, ceux de la page de téléchargement, dans la langue choisie et en couleur, comme l’exige l’affichage en ligne.
Le widget peut-il perturber mon design ou mon paiement ?
Non. Il dessine uniquement dans son propre emplacement, dans un Shadow DOM isolé, et ne touche à rien d’autre sur la page. Si notre serveur tombe en panne, l’emplacement reste simplement vide.
Le widget fonctionne-t-il sur Shopify ?
Non, il n’y affiche volontairement rien. Pour Shopify, il existe notre app, qui en fait davantage : panier, garanties des fabricants par produit et confirmation de commande.
Ai-je besoin d’un compte ?
Non. Copiez le code, collez-le, c’est fait. Seuls les fabricants qui créent des labels GARAN et les publient dans l’annuaire ont besoin d’un compte.