Installer le bouton de rétractation sur Shopify
Ajoutez le bouton depuis l'éditeur de thème, sans toucher au code.
Étape 0
Avant de commencer
Deux choses à avoir sous la main pour installer le bouton sur Shopify 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 Shopify
Celui qui vous permet de modifier le thème ou d'ajouter du code dans le
<head>.
Spécificités plateforme
Particularités sur Shopify
Avant la procédure générale, voici ce qu'il faut savoir sur Shopify 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 Shopify
- Un abonnement Shopify actif (le plan Basic suffit, pas besoin d'Advanced)
- Les droits d'administrateur du store (le rôle Staff avec « Manage themes » suffit)
- Un thème actif que vous pouvez éditer. Si votre thème est verrouillé par votre prestataire, il faudra le passer par lui
Où coller le code
Dans le fichier theme.liquid de votre thème actif, juste avant la fermeture </head>
- 1Admin Shopify > Online Store > Themes
- 2Repérez votre thème actif (badge « Current theme »)
- 3Actions (les trois points) > Edit code
- 4Dans la colonne de gauche, ouvrez Layout > theme.liquid
- 5Cherchez la balise </head> (Ctrl+F dans l'éditeur), collez le snippet juste avant, et cliquez sur Save
Pièges courants sur Shopify
Dupliquer le thème avant de modifier
Avant toute modification, faites Actions > Duplicate sur votre thème actif pour créer une sauvegarde. Si jamais l'installation pose problème, vous pourrez revenir au thème dupliqué d'un clic.
Le bouton n'apparaît pas dans le checkout natif
Le checkout Shopify est servi dans une iframe sécurisée que les scripts injectés dans theme.liquid ne touchent pas. Le bouton sera visible sur les pages produit, panier, blog, comptes, mais pas pendant le tunnel de paiement, ce qui est conforme à L.221-21 (le bouton doit rester accessible après l'achat, pas pendant).
Vérifiez que c'est bien le thème actif
Si vous avez plusieurs thèmes (test, sauvegarde, saison), modifiez celui marqué « Current theme ». Sinon, le code sera bien collé mais sur un thème invisible aux visiteurs.
Documentation officielle Shopify
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 Shopify ?
Décrivez votre problème, on répond sous 24 h ouvrées.
Nous contacter →
