Installer le bouton de rétractation sur WooCommerce
Ajoutez le bouton via un plugin de code ou directement dans le thème enfant.
Étape 0
Avant de commencer
Deux choses à avoir sous la main pour installer le bouton sur WooCommerce en quelques minutes.
Un compte BackToMe
Gratuit, sans carte bancaire pour le mode démo. Créer un compte →
Un accès administrateur à votre site WooCommerce
Celui qui vous permet de modifier le thème ou d'ajouter du code dans le
<head>.
Spécificités plateforme
Particularités sur WooCommerce
Avant la procédure générale, voici ce qu'il faut savoir sur WooCommerce en particulier : où exactement coller le code, les prérequis du compte, et les pièges qui font perdre du temps si on les ignore.
Prérequis sur WooCommerce
- Un site WordPress avec le plugin WooCommerce installé et actif
- Les droits d'administrateur WordPress (rôle Administrator)
- Idéalement, un thème enfant configuré, sinon les modifications seront écrasées au prochain update du thème parent
Où coller le code
Méthode recommandée : un plugin de gestion de code custom (WPCode, Insert Headers and Footers, ou équivalent)
- 1Admin WordPress > Extensions > Ajouter une extension
- 2Recherchez « WPCode » ou « Insert Headers and Footers », installez-le et activez-le
- 3Dans le menu latéral, ouvrez Code Snippets > + Add Snippet (WPCode) ou Settings > Insert Headers and Footers
- 4Collez le snippet dans le champ « Header » (sera injecté dans <head> sur toutes les pages)
- 5Sauvegardez. Aucun fichier de thème modifié, aucun risque au prochain update.
Pièges courants sur WooCommerce
Ne modifiez jamais le thème parent directement
Si vous éditez header.php d'un thème comme Storefront, Astra ou Hello Elementor, vos modifications seront perdues au prochain update du thème. Soit vous passez par un plugin (recommandé), soit vous créez un thème enfant via Apparence > Éditeur de thème.
Les plugins de cache peuvent stripper le script
WP Rocket, W3 Total Cache, LiteSpeed Cache, WP Super Cache ont parfois des règles d'optimisation qui combinent ou suppriment les scripts externes. Si après installation le bouton n'apparaît pas, vérifiez les exclusions JS dans votre plugin de cache et ajoutez backtome.fr/widget.js à la liste blanche.
Une CSP trop stricte bloque le widget
Si vous avez configuré un Content-Security-Policy via un plugin de sécurité (Wordfence, iThemes Security), assurez-vous que script-src autorise https://backtome.fr et connect-src autorise les requêtes vers le sous-domaine api.
Documentation officielle WooCommerce
Installation
En trois étapes
Créer le site dans BackToMe, copier le snippet fourni, le coller dans votre thème. C'est tout.
Créer votre site dans BackToMe
Dans votre dashboard, cliquez sur Ajouter un site, renseignez votre domaine et votre email de contact. Vous obtenez immédiatement un identifiant unique (UUID) qu'on va utiliser à l'étape suivante.
Coller le snippet dans votre site
Récupérez votre snippet depuis Paramètres > Installation du site dans BackToMe. Collez-le dans la balise <head>de toutes les pages où des achats peuvent se faire, en pratique, sur l'ensemble du site pour ne rien oublier.
Snippet à copier dans la balise <head>
<script src="https://backtome.fr/widget.js" data-site="VOTRE_ID"></script>Vérifier l'installation
Ouvrez votre site dans un nouvel onglet. Un bouton bleu « Renoncer au contrat » doit apparaître en bas à droite. De retour dans BackToMe, cliquez sur Actualiser le statut. Le site doit passer à « Bouton actif ».
Contrôles
Vérifier que tout fonctionne
Trois tests rapides pour être sûr que le bouton est bien en place avant de passer en mode réel.
Le bouton apparaît
Ouvrez votre site, regardez en bas à droite. Bouton bleu visible ? C'est bon. Si vous ne le voyez pas, ouvrez la console développeur (F12) et tapez window.BackToMe, si l'objet existe, le script est chargé mais quelque chose bloque le rendu (souvent un cache ou un CSS).
Le formulaire s'ouvre et s'envoie
Cliquez sur le bouton. Une fenêtre s'affiche avec un formulaire. Remplissez avec un email à vous, un faux numéro de commande, validez. Vous devez recevoir un accusé de réception par email dans la minute qui suit (en démo, c'est un email test ; en mode réel, c'est l'accusé légal).
La rétractation arrive dans le dashboard
Retournez dans BackToMe, ouvrez le site que vous venez d'installer. La rétractation test doit apparaître dans la liste, avec les données saisies et un horodatage. Si elle y est : tout fonctionne, vous pouvez basculer en mode réel quand vous voulez.
Dépannage
Si quelque chose ne marche pas
Les quatre blocages qu'on voit passer le plus souvent. Si aucun ne correspond à votre cas, écrivez-nous.
Je ne vois pas le bouton sur le site
Le formulaire ne s’envoie pas
Je ne reçois pas l’accusé de réception
notifications@backtome.fr. Si rien n'arrive après 5 minutes, vérifiez l'adresse email renseignée dans les paramètres du site, une faute de frappe suffit.Le statut reste bloqué sur « En attente »
Pas votre cas ? Écrivez-nous.
Un point qui coince sur WooCommerce ?
Décrivez votre problème, on répond sous 24 h ouvrées.
Nous contacter →
