Aller au contenu principal

Guide d’installation

3 min · Facile

Installer BackToMe sur Webflow.

Suivez le chemin propre à Webflow, collez votre tag puis contrôlez sa détection. Intégrez le bouton via Project Settings > Custom Code > Head Code.

Récupérer mon tagVoir les étapes

Installation

Avant de copier le tag.

Vérifiez les accès nécessaires, puis utilisez l’emplacement indiqué pour votre plateforme.

Prérequis

  • Une boutique Webflow hébergée chez Webflow (les exports HTML statiques fonctionnent aussi mais nécessitent l’injection dans le fichier exporté)
  • Un plan Site payant (Basic, CMS, Business ou Enterprise). Le plan Starter, gratuit, permet de designer mais pas de publier du custom code
  • Les droits Designer ou Editor avec accès aux Project Settings

Emplacement dans Webflow

Dans Project Settings > Custom Code > Head Code, à appliquer globalement à la boutique

  1. 01Ouvrez les réglages de votre boutique (depuis le Dashboard : « Custom code » dans le menu de gauche ; ou depuis le Designer : Project Settings > Custom Code)
  2. 02Section « Custom Code », repérez le champ « Head code »
  3. 03Collez le tag dans le champ Head code
  4. 04Save changes
  5. 05Publiez la boutique (bouton Publish en haut à droite) pour que le tag soit actif sur le domaine en production

Copiez votre tag BackToMe

Remplacez VOTRE_ID par l’identifiant de la boutique affiché dans votre compte.

Enregistrez et publiez

La modification doit être publiée sur la version réellement visible par vos clients.

Tag à copier dans la balise <head>

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

Dans la durée

Ce qui retire le bouton d’une boutique Webflow

Une mise à jour ou un changement de thème peut retirer un script qui fonctionnait jusque-là.

  • Descendre sous un plan de site payant : le code personnalisé se verrouille.
  • Modifier le projet sans le republier : le code personnalisé ne part qu’à la publication.
  • Un code personnalisé posé au niveau d’une page, qui prend le pas sur celui du projet.

BackToMe surveille le dernier signal reçu

Le tableau de bord indique la dernière détection du tag. Si le bouton disparaît, vous disposez d’un point de départ précis pour contrôler la boutique.

Vérification

Contrôlez la boutique publiée.

Ne vous arrêtez pas au message de l’éditeur. Ouvrez le site public et vérifiez ce qui est réellement chargé.

Résultat attendu

Le statut passe à Détecté dans BackToMe et le bouton apparaît sur la boutique publique.

  1. 01Ouvrez une fenêtre privée.
  2. 02Chargez une page publique de la boutique.
  3. 03Vérifiez la position et le libellé du bouton.
  4. 04Ouvrez le formulaire sans envoyer de demande réelle.

Après le clic

Chaque demande rejoint un dossier vérifiable.

BackToMe enregistre la demande, envoie l’accusé de réception et conserve les éléments nécessaires au suivi. Le certificat indique précisément ce qui peut être contrôlé.

Comprendre le certificat

Dépannage

Les blocages les plus courants.

Les réponses restent fermables et utilisables au clavier.
Custom Code verrouillé sans plan Site payant
Sur le plan gratuit (Starter), la section Custom Code affiche « To unlock custom code, add a site plan » : le custom code ET la publication de la boutique sont réservés aux plans Site payants (Basic, CMS, Business, Enterprise). Un marchand qui vend et publie déjà sa boutique Webflow a forcément l’un de ces plans ; sinon, ajoutez un plan Site avant d’installer BackToMe.
Le tag 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 tag 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 tag 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.
Le bouton n’apparaît pas après la publication
Ouvrez la boutique Webflow en navigation privée. Vérifiez ensuite le thème publié, l’identifiant du tag et son emplacement dans le head.
Le statut reste sur Non détecté
Le tag se signale lorsqu’une page publique le charge. Visitez la boutique publiée dans une fenêtre privée, puis actualisez le statut dans BackToMe.
Le formulaire ne s’ouvre pas
Testez sans extension de navigateur. Vérifiez aussi la politique CSP et les outils qui bloquent les scripts tiers.
Puis-je transmettre l’installation à mon développeur ?
Oui. Envoyez-lui le tag et ce guide. Il n’a pas besoin d’accéder à votre compte pour ajouter la ligne au site.

Documentation officielle Webflow

Webflow University, Custom code in head and body tags

Toujours bloqué ? Contactez-nous avec l’URL de la boutique et une capture d’écran.

Autres plateformes

Voir tous les guides

Webflow : le tag va dans le head du projet, et c’est tout.

Essayer gratuitement 7 jours