Installer le bouton de rétractation dans Shopify — étape par étape (2026)

Avec plus de 4,6 millions de boutiques actives dans le monde, Shopify est l’un des systèmes d’e-commerce les plus populaires – et à partir du 19 juin 2026, les marchands Shopify sont eux aussi tenus de mettre à disposition un bouton de rétractation conforme à l’article L221-21 du Code de la consommation. Ce guide vous montre en cinq minutes comment intégrer le bouton de rétractation dans votre boutique Shopify – sans compétences en programmation et sans agence coûteuse.

Pourquoi les marchands Shopify sont particulièrement concernés

Shopify est une plateforme SaaS dotée d’un système de thèmes fermé. Contrairement à WooCommerce ou Shopware, vous ne pouvez pas simplement installer une extension depuis un répertoire et espérer une solution clés en main. Vous devez plutôt soit attendre une application sur le Shopify App Store, soit adapter votre thème, soit intégrer un widget externe via une balise de script. Chacune de ces options comporte ses propres pièges que vous devez connaître avant d’investir du temps de développement ou de l’argent.

À cela s’ajoute : de nombreuses boutiques Shopify utilisent un thème unique sans navigation de pied de page classique. Or, selon l’article L221-21, le bouton de rétractation doit être accessible « sans défilement » et « pendant tout le délai de rétractation ». Cela exige un placement propre, qui fonctionne aussi bien sur les pages produit et catégorie que sur la page de paiement. La page de paiement est un cas particulier sur Shopify, car elle n’est pas librement modifiable pour les boutiques non-Plus et les applications de thème classiques n’y agissent pas.

Autre point : la documentation officielle de Shopify sur le droit de rétractation reste à ce jour orientée vers les États-Unis et le Canada. Pour le marché français, il n’existe pas de solution native dans l’espace d’administration – c’est à vous, en tant que marchand, d’organiser la conformité. Qui attend une fonction officielle de Shopify risque de manquer la date butoir du 19 juin 2026.

Trois voies pour la mise en œuvre sur Shopify

Vous disposez en principe de trois options pour intégrer un bouton de rétractation dans Shopify. Chacune a ses propres avantages et inconvénients.

Voie 1 : extension d’application de thème native (recommandée)

Depuis Shopify 2.0, les applications peuvent fournir des Theme App Extensions qui s’intègrent de façon transparente dans l’éditeur de thème. L’avantage : vous pouvez placer le bouton de rétractation par glisser-déposer dans l’éditeur Shopify, sans toucher une seule ligne de code Liquid. Les mises à jour se font automatiquement via le fournisseur de l’application, et les nouvelles versions arrivent en quelques minutes dans votre boutique.

Cette variante convient particulièrement aux marchands qui ne veulent prendre aucun risque lors des mises à jour de thème. Si vous mettez à jour votre thème ou passez à une nouvelle version, la fonction de rétractation est conservée. Inconvénient : vous êtes lié au fournisseur de l’application et ne pouvez adapter le comportement que dans le cadre des options de configuration proposées. Pour la plupart des marchands, c’est toutefois exactement le bon niveau de flexibilité – pas de bricolage, mais un contrôle complet sur la couleur, la position et les textes.

Voie 2 : comparatif des solutions de l’App Store

Un coup d’œil au Shopify App Store le montre : le marché des solutions conformes à l’article L221-21 est encore jeune. La plupart des applications « rétractation » disponibles datent d’avant la modification législative et ne couvrent que la rétractation classique par formulaire PDF. Lors de votre choix, vérifiez les caractéristiques suivantes :

• Processus en deux étapes : étape 1 « Rétracter le contrat », étape 2 « Confirmer la rétractation » – les deux libellés doivent correspondre exactement au texte légal
• Accusé de réception automatique par e-mail : obligatoire selon l’article L221-21
• Pas de compte client requis : la rétractation ne doit pas être cachée derrière une connexion
• Traitement des données conforme au RGPD : un accord de sous-traitance (DPA) avec le fournisseur doit exister
• Hébergement dans l’UE : particulièrement important depuis l’arrêt Schrems II

Voie 3 : balise de script pour les utilisateurs avancés

Qui souhaite une flexibilité maximale intègre le bouton de rétractation directement dans le thème via une balise de script. C’est la variante que WiderrufButton prend principalement en charge : une seule balise de script est insérée dans l’éditeur de thème Shopify (Online Store → Themes → Edit code → theme.liquid) avant la balise </body> de fermeture. Le bouton apparaît automatiquement dans le pied de page – indépendamment du thème utilisé.

Le grand avantage de cette voie : vous ne dépendez pas du Shopify App Store et pouvez utiliser le bouton de rétractation aussi bien dans une configuration de commerce headless avec Hydrogen que dans un thème Shopify 2.0 classique. Le script se charge de façon asynchrone, ne bloque pas le rendu de votre page et, avec moins de 15 Ko gzippés, est plus léger que la plupart des scripts marketing qui tournent de toute façon dans une boutique Shopify typique. Même lors d’un changement de thème ultérieur, il vous suffit de réinsérer le script une seule fois.

Étape par étape avec WiderrufButton

Le guide suivant montre comment configurer WiderrufButton en moins de cinq minutes dans votre boutique Shopify.

Étape 1 : créer un compte WiderrufButton et ajouter la boutique

Inscrivez-vous sur widerrufbutton.net avec votre adresse e-mail. Après la connexion par lien magique, cliquez dans le tableau de bord sur « Créer une boutique » et saisissez le nom et le domaine de votre boutique Shopify (p. ex.ma-boutique.myshopify.com ou votre domaine personnalisé). Vous recevez immédiatement une clé de widget unique.

Étape 2 : insérer la clé de widget dans l’éditeur de thème Shopify

Ouvrez dans votre administration Shopify la section Online Store → Themes. Sur le thème actif, cliquez sur les trois points et choisissez Edit code. Dans la liste des fichiers à gauche, ouvrez layout/theme.liquid. Copiez la balise de script fournie depuis le tableau de bord WiderrufButton et insérez-la juste avant </body>. Enregistrez.

Étape 3 : activer la position en pied de page et adapter le style

De retour dans le tableau de bord WiderrufButton, choisissez sous « Configuration du widget » la position « Pied de page » (recommandée pour Shopify) ou, à défaut, « Fixé en bas à droite ». Via le sélecteur de couleurs, adaptez le bouton aux couleurs de votre marque – l’aperçu en direct montre immédiatement à quoi le bouton ressemblera sur votre page.

Étape 4 : commande de test et vérification de l’accusé de réception

Ouvrez votre boutique dans une fenêtre de navigation privée et faites défiler jusqu’au pied de page. Cliquez sur « Rétracter le contrat », remplissez le formulaire avec des données de test et envoyez-le. En quelques secondes, vous devriez recevoir deux e-mails : un accusé de réception à l’adresse client indiquée dans le formulaire et une notification à l’adresse e-mail de votre boutique.

Vérifiez en outre que l’accusé de réception contient toutes les mentions obligatoires : le contenu complet de la déclaration de rétractation, la date et l’heure de réception, la référence de commande (si indiquée) et une indication de la manière dont le client peut vous joindre pour toute question. C’est la seule façon de satisfaire à la confirmation légalement exigée « sur un support durable ». Conservez la capture d’écran de la confirmation de test pour votre documentation de conformité.

Erreurs fréquentes lors de l’intégration Shopify

• Mauvais placement dans l’en-tête sans repli en pied de page : tous les thèmes Shopify n’affichent pas l’en-tête en entier sur toutes les pages – le pied de page est le choix sûr
• Balise de script uniquement sur la page d’accueil : qui insère le script dans une section plutôt que dans theme.liquid ne couvre pas toutes les pages
• Domaine personnalisé oublié : la protection CORS bloque sinon les requêtes provenant de votre domaine principal
• Traduction manquante sur les boutiques multilingues : pour le marché français, le bouton doit être libellé en français
• Test uniquement dans l’aperçu de l’éditeur de thème : le mode aperçu supprime certains scripts – testez toujours dans la vraie boutique

Checklist de conformité après l’installation

• Bouton accessible dans le pied de page, visible sans défilement sur mobile
• Libellé de l’étape 1 : « Rétracter le contrat »
• Libellé de l’étape 2 : « Confirmer la rétractation »
• Aucune connexion requise pour envoyer la rétractation
• Accusé de réception automatique par e-mail en quelques secondes
• Commande de test effectuée sur ordinateur, tablette et smartphone
• Accord de sous-traitance (DPA) conforme au RGPD conclu avec le fournisseur

Vous trouverez plus de contexte juridique dans notre article L’article L221-21 expliqué simplement.

Conclusion

L’intégration d’un bouton de rétractation conforme dans Shopify n’a pas à être coûteuse ni compliquée. Avec une balise de script propre et la bonne configuration, vous satisfaites aux exigences de l’article L221-21 en moins de cinq minutes. L’important est d’agir suffisamment tôt avant la date butoir du 19 juin 2026 – les associations de surveillance observeront le marché dès le premier jour. Qui n’installe le bouton qu’en juin risque une mise en demeure dès les premiers jours suivant l’entrée en vigueur.

Pour la plupart des marchands Shopify, la voie de la balise de script est la solution la plus pragmatique : rapide à installer, indépendante du thème, automatiquement à jour, et avec une responsabilité juridique claire du fournisseur. Si vous devez en outre exploiter un bouton de résiliation (p. ex. pour des modèles par abonnement), nous recommandons de séparer clairement les deux boutons et de ne pas les combiner dans une solution polyvalente – les exigences juridiques sont trop différentes. Un comparatif détaillé figure dans notre article consacré au bouton de rétractation et au bouton de résiliation.