Installer le bouton de rétractation sur PrestaShop
Intégrez le bouton depuis le back-office ou via le fichier header.tpl.
Étape 0
Avant de commencer
Deux choses à avoir sous la main pour installer le bouton sur PrestaShop 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 PrestaShop
Celui qui vous permet de modifier le thème ou d'ajouter du code dans le
<head>.
Spécificités plateforme
Particularités sur PrestaShop
Avant la procédure générale, voici ce qu'il faut savoir sur PrestaShop 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 PrestaShop
- Une boutique PrestaShop 1.7 ou 8.x (les versions 1.6 et antérieures fonctionnent mais ne sont plus supportées et ont une structure différente)
- Un compte super-administrateur (Profil 1)
- Un thème personnalisé ou la possibilité d'ajouter un module, en évitant de modifier directement les fichiers du thème par défaut
Où coller le code
Deux options : un module HTML personnalisé (recommandé) ou une modification directe du fichier header.tpl
- 1Option 1, Module : Modules > Marketplace, recherchez « Custom HTML » ou « Code Injection » et installez un module compatible avec votre version
- 2Option 2, header.tpl : Connectez-vous en SFTP, ouvrez themes/[votre-thème]/templates/_partials/header.tpl
- 3Localisez la balise </head> (utilisez un éditeur avec recherche)
- 4Collez le snippet juste avant </head> et sauvegardez le fichier
- 5Videz impérativement le cache : Paramètres avancés > Performances > Vider le cache
Pièges courants sur PrestaShop
Vider le cache après chaque modification
PrestaShop met agressivement en cache les templates compilés (.tpl). Sans vider le cache, votre snippet ne sera pas injecté même si le fichier est correctement modifié. Le bouton « Vider le cache » est dans Paramètres avancés > Performances en haut à droite.
1.6 vs 1.7+ : structures de fichiers différentes
Sur PrestaShop 1.6 (legacy), le fichier équivalent est dans themes/[thème]/header.tpl, et la structure de hooks est différente. Sur 1.7 et 8.x, c'est dans themes/[thème]/templates/_partials/header.tpl. Si vous êtes encore en 1.6, envisagez la migration : le support de sécurité a cessé.
Hooks et ordre de chargement
Si vous passez par un module qui s'accroche au hook displayHeader ou displayBeforeBodyClosingTag, l'ordre des modules compte : un module qui se charge avant peut interférer. En cas de doute, l'injection directe dans header.tpl reste la méthode la plus prévisible.
Documentation officielle PrestaShop
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 PrestaShop ?
Décrivez votre problème, on répond sous 24 h ouvrées.
Nous contacter →
