Installer le bouton de rétractation sur Webflow
Intégrez le bouton via Project Settings > Custom Code > Head Code.
Étape 0
Avant de commencer
Deux choses à avoir sous la main pour installer le bouton sur Webflow 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 Webflow
Celui qui vous permet de modifier le thème ou d'ajouter du code dans le
<head>.
Spécificités plateforme
Particularités sur Webflow
Avant la procédure générale, voici ce qu'il faut savoir sur Webflow 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 Webflow
- Un site Webflow hébergé chez Webflow (les exports HTML statiques fonctionnent aussi mais nécessitent l'injection dans le fichier exporté)
- Un plan Site payant (Starter, Basic, CMS, Business, Enterprise). Le plan free permet de designer mais pas d'utiliser le custom code en publication
- Les droits Designer ou Editor avec accès aux Project Settings
Où coller le code
Dans Project Settings > Custom Code > Head Code, à appliquer globalement au site
- 1Webflow Designer > Project Settings (icône en haut à gauche)
- 2Onglet Custom Code
- 3Section Head Code
- 4Collez le snippet dans la zone de texte
- 5Save Changes
- 6Publiez le site (bouton Publish en haut à droite) pour que le code soit actif sur le domaine en production
Pièges courants sur Webflow
Le code n'est actif qu'après publication
Webflow distingue les modifications du Designer et la version publiée. Tant que vous n'avez pas cliqué sur Publish > Publish to Selected Domains, le snippet n'est ni dans le subdomain *.webflow.io ni dans votre domaine custom. Republiez après chaque ajout de custom code.
Limite de 10 000 caractères
Webflow limite le Head Code à 10 000 caractères. Le snippet BackToMe en fait moins de 100, donc aucun risque dans votre cas, mais si vous accumulez plusieurs scripts (Analytics, Pixel, etc.), surveillez le compteur affiché en bas du champ.
Custom code par page disponible aussi
Si vous voulez que le bouton n'apparaisse que sur certaines pages (ce qui n'est pas recommandé pour la conformité), Webflow permet aussi du custom code page-par-page via Page Settings > Custom Code. Pour BackToMe, on conseille l'injection globale via Project Settings.
Documentation officielle Webflow
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 Webflow ?
Décrivez votre problème, on répond sous 24 h ouvrées.
Nous contacter →
