Aller au contenu principal
Shopify
2 minFacile

Installer le bouton de rétractation sur Shopify

Installez le bouton en 1 clic avec l'app BackToMe pour Shopify (sans code) — ou collez une ligne dans votre thème.

Créer mon compte et récupérer mon code

Gratuit, sans carte bancaire.Votre code unique en 2 minutes.

É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

Méthode alternative (sans l'app) : dans le fichier theme.liquid de votre thème actif, juste avant la fermeture </head>

  1. 1Admin Shopify > Online Store > Themes
  2. 2Repérez votre thème actif (badge « Current theme »)
  3. 3Actions (les trois points) > Edit code
  4. 4Dans la colonne de gauche, ouvrez Layout > theme.liquid
  5. 5Cherchez la balise </head> (Ctrl+F dans l'éditeur), collez le code 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

La façon recommandée sur Shopify : l'app BackToMe

L'app BackToMe pour Shopify, disponible sur l'App Store, ajoute le bouton à votre thème en 1 clic, sans code, et la facturation passe par votre compte Shopify, comme toute app Shopify. Ce guide par code reste une alternative si vous préférez ne pas passer par l'app. Découvrir l'app Shopify →

Installation

En trois étapes

Créer le site dans BackToMe, copier le code fourni, le coller dans votre thème. C'est tout.

01

Créer votre site dans BackToMe

Dans votre dashboard, cliquez sur Ajouter un site, renseignez votre nom de domaine. Vous obtenez immédiatement un identifiant unique (UUID) qu'on va utiliser à l'étape suivante.

02

Coller le code dans votre site

Récupérez votre code 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.

Code à copier dans la balise <head>

<script src="https://backtome.fr/widget.js" data-site="VOTRE_ID"></script>
03

Vérifier l'installation

Ouvrez votre site dans un nouvel onglet. Un bouton bleu « Renoncer au contrat » doit apparaître en bas à droite. Le bouton se signale tout seul à BackToMe : de retour dans BackToMe (Paramètres du site, section Installation), le bandeau passe en vert et le statut affiche « Détecté », au besoin, cliquez sur « ↻ Actualiser » pour relire la dernière détection.

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 légal.

A

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).

B

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 légal, c'est l'accusé légal).

C

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 légal 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
Videz le cache du navigateur (Ctrl+Shift+R ou Cmd+Shift+R). Vérifiez dans la console que le script est bien chargé. Sur Shopify, vérifiez que vous avez publié/sauvegardé le thème après l'ajout du code. Certains thèmes demandent un redéploiement.
Le formulaire ne s’envoie pas
Un bloqueur de pubs agressif ou un pare-feu d'entreprise peut bloquer l'envoi. Testez en navigation privée sans extensions. Si ça marche en privé mais pas en normal, c'est une extension côté client, pas un problème BackToMe.
Je ne reçois pas l’accusé de réception
Vérifiez les spams et les promotions. L'email part de 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 « Non détecté »
Le signal est enregistré quand un visiteur charge votre site avec le script en place. Si vous êtes le seul à visiter le site de test, ouvrez-le depuis un appareil différent (mobile, un collègue, navigation privée). Ensuite, cliquez sur le bouton « ↻ Actualiser » dans les Paramètres BackToMe pour relire la dernière détection.

Pas votre cas ? Écrivez-nous.

Prêt à poser votre bouton sur Shopify ?

Créez votre compte, récupérez votre code unique et collez-le en quelques minutes. Le bouton démarre gratuitement, sans carte bancaire.

Créer mon compte gratuit

Un point qui coince sur Shopify ?

Décrivez votre problème, on répond sous 24 h ouvrées.

Nous contacter →

Autres plateformes