2 minFacile

Installer le bouton de rétractation sur Site sur mesure

Collez simplement une ligne dans la balise <head> de votre site.

Sur cette page

Prérequis Particularités Installation Vérifier Problèmes fréquents Besoin d’aide

Étape 0

Avant de commencer

Deux choses à avoir sous la main pour installer le bouton sur Site sur mesure 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 Site sur mesure
Celui qui vous permet de modifier le thème ou d'ajouter du code dans le <head>.

Spécificités plateforme

Particularités sur Site sur mesure

Avant la procédure générale, voici ce qu'il faut savoir sur Site sur mesure 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 Site sur mesure

Un accès en édition au code source de votre site (FTP, Git, ou éditeur intégré)
Un fichier de layout commun (header.html, base.html, _document.tsx, etc.) ou un templating qui injecte automatiquement la balise <head> sur toutes les pages
Si vous avez une CSP (Content Security Policy), les autorisations pour exécuter des scripts depuis https://backtome.fr

Où coller le code

Avant la fermeture </head> du HTML servi sur toutes les pages où des achats peuvent se faire

1Identifiez le fichier de layout commun à toutes les pages (HTML statique : footer.html n'est pas le bon, c'est un layout principal type base.html)
2Localisez la balise </head>
3Collez le snippet juste avant cette balise
4Pour un site SPA (React, Vue, Svelte, Angular), utilisez le mécanisme natif d'injection dans <head> du framework, voir pièges ci-dessous
5Déployez et vérifiez sur un onglet privé que le snippet apparaît dans le source HTML

Pièges courants sur Site sur mesure

Sites SPA : injection via le framework, pas dans index.html
Sur un projet React (Next.js, CRA), Vue (Nuxt), Svelte (SvelteKit) : ne pas modifier le index.html final servi, mais utiliser le mécanisme du framework. Next.js : layout.tsx ou _document.tsx. Nuxt : nuxt.config.ts (head.script). SvelteKit : app.html. Sinon le script est correctement présent au premier chargement mais peut être perdu lors des navigations client-side.
CSP trop restrictive
Si votre site a un header Content-Security-Policy strict (souvent le cas en B2B), assurez-vous que les directives suivantes autorisent backtome.fr : script-src 'self' https://backtome.fr ; connect-src 'self' https://backtome.fr https://*.supabase.co. Sans ça, le navigateur bloque le widget silencieusement.
Sites avec un build step
Si votre site est buildé (Hugo, Jekyll, Astro, Eleventy, etc.), ajoutez le snippet dans le template de layout ou via une variable globale, puis rebuildez et redéployez. Modifier le HTML directement dans le dossier dist/ ne survivra pas au prochain build.
WordPress sans WooCommerce (memberships, formations, donations)
Vous vendez des abonnements via MemberPress, des formations via LearnDash ou Tutor LMS, des dons via Give, ou tout autre extension de monétisation autre que WooCommerce ? L'obligation de bouton de rétractation s'applique pareil dès qu'il y a vente à un particulier en France. Le mécanisme d'installation est identique au guide WooCommerce : passez par un plugin de gestion d'en-tête (WPCode, Insert Headers and Footers) et collez le snippet dans la zone Header. Aucune dépendance à WooCommerce nécessaire — le widget est universel.
Newsletters payantes (Substack, Ghost, Beehiiv, ConvertKit Commerce)
Substack et certaines plateformes de newsletter payante n'autorisent pas l'injection libre de JavaScript dans le <head> des pages publiques (le HTML est verrouillé). Dans ce cas, BackToMe ne peut pas être installé directement sur la plateforme. Solutions : (1) ajouter un lien vers une page de rétractation hébergée ailleurs (un site sur mesure ou un sous-domaine que vous contrôlez), (2) envoyer la rétractation par e-mail conformément à L.221-21, en mentionnant cette voie de réclamation dans vos CGV. Ghost et Beehiiv permettent l'injection custom via leurs settings, donc le snippet fonctionne dessus.
Pages standalone (Carrd, Linktree, page builders simples)
Carrd Pro, certains page builders gratuits et les plateformes de bio-link (Linktree, Beacons) ne donnent pas accès à <head>. Si votre activité commerciale passe uniquement par ces pages, vous devez héberger une page de rétractation conforme ailleurs et y renvoyer depuis vos liens. Pour Carrd Pro spécifiquement, l'injection de code custom est disponible et le widget fonctionne.

Documentation officielle Site sur mesure

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

Videz le cache du navigateur (Ctrl+Shift+R ou Cmd+Shift+R). Vérifiez dans la console que le script est bien chargé. Sur Site sur mesure, 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 « En attente »

Le ping se fait quand un visiteur charge votre site avec le script actif. Si vous êtes le seul à visiter le site de test, il faut le charger depuis un appareil différent (mobile, un collègue, navigation privée). Ensuite, cliquez sur « Actualiser le statut » dans BackToMe.

Pas votre cas ? Écrivez-nous.

Un point qui coince sur Site sur mesure ?

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

Autres plateformes

Voir tous les guides →