Installer le bouton de rétractation sur Site sur mesure
Collez simplement une ligne dans la balise <head> de votre site.
Essai gratuit 7 jours, sans carte.
Votre code unique en 2 minutes.
É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
Essai gratuit 7 jours, sans carte. 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 code 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 code 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 bouton silencieusement.
Sites avec un build step
Si votre site est buildé (Hugo, Jekyll, Astro, Eleventy, etc.), ajoutez le code 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 code dans la zone Header. Aucune dépendance à WooCommerce nécessaire, le bouton est universel. Plus simple encore : l'extension officielle BackToMe pour WordPress (installation et connexion en 1 clic, sans code) est disponible sur WordPress.org.
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 code 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 bouton fonctionne.
Documentation officielle Site sur mesure
Installation
En trois étapes
Créer le site dans BackToMe, copier le code 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 nom de domaine. Vous obtenez immédiatement un identifiant unique (UUID) qu'on va utiliser à l'étape suivante.
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>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.
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 légal, 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 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
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 « Non détecté »
Pas votre cas ? Écrivez-nous.
Prêt à poser votre bouton sur Site sur mesure ?
Créez votre compte, récupérez votre code unique et collez-le en quelques minutes. Démarrez l’essai gratuit de 7 jours (sans carte).
Créer mon compte gratuitUn point qui coince sur Site sur mesure ?
Décrivez votre problème, on répond sous 24 h ouvrées.
Nous contacter →
