Bouton de rétractation : où le placer sur votre site e-commerce

L'article L.221-21 impose la présence d'un bouton de rétractation au 19 juin 2026, mais le décret n°2026-3 du 5 janvier 2026 va plus loin : il définit précisément les conditions d'accessibilité du bouton via l'article D.221-5. Voici les quatre emplacements possibles, leurs avantages, et les pièges qui font tomber la conformité.

Ce que dit le décret

L'article D.221-5 du Code de la consommation impose trois critères cumulatifs pour le bouton de rétractation :

1. Identification claire par la mention "Renoncer au contrat ici" ou toute formule équivalente non ambiguë.
2. Visibilité directe : le consommateur ne doit pas avoir à chercher activement.
3. Disponibilité permanente pendant toute la durée du délai de rétractation, depuis n'importe quelle page du site.

Le critère le plus exigeant est le troisième. "Depuis n'importe quelle page" exclut explicitement les solutions où le bouton n'apparaît que sur la page d'accueil ou dans l'espace client connecté. C'est ce point qui rend la plupart des emplacements partiels non-conformes.

Les quatre emplacements possibles

1. Footer permanent ⭐ recommandé

Le pied de page du site, présent sur chaque URL, est le placement le plus sûr juridiquement. C'est aussi celui que la doctrine DGCCRF a privilégié sur le bouton de résiliation (L.215-1-1) depuis 2023. Si vous suivez ce pattern pour la rétractation, vous bénéficiez d'un alignement déjà éprouvé.

Avantages :

• Présent sur chaque page sans condition (navigation, panier, fiche produit, page produit, espace client)
• Cohérent avec les autres mentions légales (CGU, CGV, RGPD)
• Pattern attendu par les consommateurs
• Pas de modification UX significative

Pièges à éviter :

• Footer fermé par défaut sur mobile (accordéon "Informations légales") : le bouton doit être visible sans interaction
• Lien noyé parmi 30 autres mentions, en gris pâle (le critère "visibilité directe" exige une certaine lisibilité)
• Footer "sticky bottom" qui se masque au scroll vers le haut

2. Header (en-tête) permanent

L'en-tête permanent du site, à condition qu'il soit toujours visible (sticky ou non), est acceptable mais moins fréquent.

Avantages :

• Visibilité maximale (zone scannée en premier par le regard)
• Position cohérente sur toutes les pages

Pièges à éviter :

• Bouton caché dans un menu hamburger replié sur mobile : non conforme. Le décret exige une visibilité directe, pas une visibilité conditionnelle à une action.
• Mention rétractation perdue parmi 8 autres éléments de navigation
• Conflit visuel avec le CTA principal du site (par exemple "Acheter maintenant" en rouge à côté de "Renoncer au contrat") qui crée une confusion UX

3. Page dédiée "Droit de rétractation"

Une page autonome "/droit-de-retractation" (ou intitulé équivalent), accessible depuis le menu principal ou depuis le footer, est acceptable sous condition : le lien d'entrée vers cette page doit lui-même être présent sur chaque page du site.

Avantages :

• Permet de regrouper toute l'information (texte légal, formulaire, FAQ, bouton)
• Page indexable Google qui peut ranker sur les requêtes "droit de rétractation [nom marque]"
• Bonne pratique pédagogique

Pièges à éviter :

• Page accessible uniquement depuis le footer collapsed sur mobile (cf. piège #1)
• Lien d'accès en couleur très claire ou intitulé trompeur ("Notre engagement")
• Renvoi vers cette page sans bouton interactif sur place : la page dédiée doit elle-même contenir le bouton, pas juste expliquer comment se rétracter

4. Espace client connecté ❌ insuffisant seul

Placer le bouton uniquement dans l'espace client connecté ne respecte pas le décret D.221-5. Le consommateur doit pouvoir exercer son droit même s'il n'a pas de compte (achat invité) ou s'il a perdu ses identifiants.

L'espace client peut héberger une version enrichie du bouton (avec récap des commandes éligibles, exemples), mais en complément d'un bouton public, jamais en remplacement.

Le piège classique : "Mon CMS ne permet pas de modifier le footer"

C'est une objection fréquente mais fausse dans 95 % des cas. Tous les CMS majeurs (Shopify, WooCommerce, PrestaShop, Wix, Webflow, Squarespace, WiziShop) permettent d'ajouter un script global dans le <head> ou en pied de page. Le guide d'installation par CMS détaille la procédure pour chacun.

Si vraiment votre stack technique ne permet aucune insertion globale (cas rarissime, généralement des sites WordPress avec un thème verrouillé par un développeur tiers), deux options :

• Demander à votre développeur d'ajouter un hook spécifique (5 minutes)
• Migrer vers un CMS plus moderne (recommandé pour d'autres raisons que la rétractation)

Ne pas se mettre en conformité sous prétexte que "le footer n'est pas modifiable" expose au régime de sanction de l'article L.242-13 (jusqu'à 75 000 €).

Bonne pratique : tester l'accessibilité avant la deadline

Trois tests rapides à faire sur votre site une fois le bouton installé :

Test 1 — Le test du scroll

Allez sur la page la moins consultée du site (par exemple : une fiche produit obscure, une page "À propos" enfouie). Scrollez jusqu'en bas. Le bouton doit y être visible sans manipulation. Si vous devez cliquer sur un accordéon ou ouvrir un menu, le test échoue.

Test 2 — Le test du mobile

Reproduisez le test 1 sur smartphone, dans la viewport réelle (pas en mode responsive du navigateur desktop). Beaucoup de footers desktop bien construits deviennent illisibles ou trop petits sur mobile. Le bouton doit rester cliquable avec une zone tactile ≥ 24 px (recommandation WCAG/Google Mobile-Friendly).

Test 3 — Le test de l'utilisateur senior

Demandez à une personne de plus de 60 ans, sans contexte préalable, de "trouver le bouton pour annuler une commande" sur votre site. Si elle met plus de 30 secondes, votre bouton est mal placé ou mal libellé. C'est exactement le critère que retiendra un agent DGCCRF lors d'un contrôle.

Cas particuliers : multi-domaines et sous-domaines

Si votre activité opère sur plusieurs domaines (par exemple marque.fr pour la France et marque-pro.fr pour le B2B), le bouton doit être installé sur chaque domaine où vous vendez à des consommateurs. Un bouton sur marque.fr ne couvre pas marque-pro.fr même si c'est la même société.

Idem pour les sous-domaines : si boutique.marque.fr est une vraie boutique e-commerce et marque.fr un site vitrine, le bouton doit être sur boutique.marque.fr mais peut être absent de marque.fr. Toutefois, par cohérence et pour faciliter la communication, mieux vaut un déploiement uniforme.

BackToMe gère nativement le multi-sites depuis un compte unique : un seul abonnement, déploiement coordonné sur tous vos domaines avec un journal d'audit centralisé.