Dans WooCommerce, vous placez la notice sur la garantie légale dans le modèle de la fiche produit avec un bloc « HTML personnalisé », juste sous le bouton d’ajout au panier. Avec un thème classique, un petit hook dans le thème enfant suffit.
Le code pour WooCommerce
<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>Vous réglez les autres options, comme l’affichage et la langue, dans le générateur de code.
Pas à pas dans WooCommerce
- Ouvrir le modèle
Dans WordPress, allez dans Apparence → Éditeur → Modèles et ouvrez le modèle « Produit unique ». Avec un thème classique, passez directement à l’étape 4. - Insérer un bloc
Sous le bloc d’ajout au panier, insérez un bloc « HTML personnalisé ». - Coller le code
Collez le code du widget et enregistrez le modèle. Il s’applique alors à toutes les fiches produit. - Thème classique
Sans éditeur de blocs, affichez le code dans le thème enfant via le hookwoocommerce_single_product_summaryavec la priorité 35, ou avec une extension de snippets.
Particularités de WooCommerce
- Les extensions de cache et d’optimisation (par exemple pour regrouper le JavaScript) ne doivent pas modifier
widget.js. Excluez le fichier de l’optimisation si nécessaire. - Un script dans le bloc « HTML personnalisé » n’est conservé que si votre utilisateur a le droit d’enregistrer du HTML libre (capacité
unfiltered_html, réservée aux super-administrateurs en multisite). Sinon, chargez le script avec une extension de snippets. - Si la boutique est multilingue, le widget détecte la langue grâce à
<html lang>. Avecdata-sprache, vous la fixez vous-même.
La notice dans la confirmation de commande
Selon les lignes directrices de la Commission, la notice devrait aussi figurer dans l’e-mail de confirmation. Vous adaptez les e-mails WooCommerce sous WooCommerce → Réglages → E-mails. Pour la notice dans l’e-mail de commande, ajoutez-y le graphique officiel en image depuis la page de téléchargement, selon le thème via les modèles d’e-mail ou une extension d’e-mail. Un simple lien ne suffira probablement pas comme support durable (CJUE, affaire C-49/11) ; le plus sûr est de placer la notice directement dans l’e-mail, en image, en texte ou en pièce jointe. Les fichiers officiels se trouvent sur la page de téléchargement.
Garantie du producteur ? Ajoutez le label GARAN
Si le fabricant offre une garantie commerciale de durabilité sans frais, de plus de deux ans et sur l’ensemble du bien, le label GARAN doit en plus figurer sur la fiche produit. Avec le générateur de label GARAN, vous le créez en quelques secondes à partir de la durée, de la marque et du modèle, gratuitement et sans inscription. Sous le label terminé, vous trouvez un code d’intégration avec des adresses d’image permanentes : rien à téléverser, il suffit de l’insérer dans WooCommerce comme ci-dessus.
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 WooCommerce et indiquez leurs adresses dans le code du widget :
<div data-garantielabel
data-garan-voll="https://…/GARAN-MX-500.svg"
data-garan-klein="https://…/GARAN-MX-500-imbrique.svg"></div>Le widget affiche alors la version imbriquée sous la notice sur la garantie légale ; un clic ouvre le label GARAN complet.
Questions fréquentes
Ai-je besoin d’une extension ?
Non. Un bloc « HTML personnalisé » suffit. Seuls les thèmes classiques sans éditeur de blocs passent plus simplement par une extension de snippets ou un thème enfant.
Cela fonctionne-t-il avec Elementor ou Divi ?
Oui. Les deux proposent un élément HTML ou Code, que vous faites glisser dans le modèle de produit sous le bouton d’ajout au panier. Chez Elementor, les modèles de produit n’existent qu’avec Elementor Pro (Theme Builder).
Ma boutique sera-t-elle plus lente ?
À peine. Le script est léger, se charge de façon asynchrone et ne bloque pas l’affichage de la page.