Guide d'installation Webflow

Ajoutez Velo
à Webflow.

Installez la bannière de cookies Velo et Google Consent Mode v2 sur Webflow avec une ligne dans le champ Head code. La plupart des installations prennent quelques minutes si vous disposez déjà d'un accès administrateur au site. Si vous utilisez Google Tag Manager, cette méthode figure aussi sur cette page.

Instructions et sources des images revues le 23 septembre 2026.

Commencer

OùSite settings → Custom code → Head code

PrérequisSite plan ou Workspace plan éligible

ActifDès la publication

Durée habituelleEnviron trois minutes

Collez une ligne
dans Head code.

Ajoutez l'extrait de votre site dans le head commun à tout le site, puis publiez et testez le résultat. Si vos balises de mesure passent déjà par Google Tag Manager, utilisez la méthode ci-dessous.

Vous utilisez déjà Google Tag Manager ? Passez plutôt par là ↓

Trois étapes · environ trois minutes

01

Copier la ligne

Copiez l'extrait d'installation complet de ce site depuis votre tableau de bord Velo. L'exemple ci-dessous montre le format ; remplacez your-site-id avant de l'utiliser. Conservez l'endpoint d'API fourni par votre tableau de bord.

<script src="https://cdn.veloconsent.com/v1/velo.js" data-api="https://app.veloconsent.com" data-velo-site="your-site-id" async></script>
02

Ouvrir Site settings → Custom code

Collez votre extrait Velo complet dans Head code et enregistrez les modifications. Le code personnalisé (Custom code) nécessite un Site plan actif ou un Workspace plan payant éligible. Publiez sur les domaines que vous voulez mettre à jour.

Webflow · code personnalisé pour tout le site
Ouvrir
Site settings → Custom code
Coller
Head code
Enregistrer
Save changes
Mise en ligne
Publier le site
Référence de configuration vérifiée · 23 septembre 2026
Référence de configuration vérifiée d'après la documentation de la plateforme. Ce n'est pas une capture d'écran de l'administration.
Documentation de la plateforme ↗
03

Publier et vérifier le site en ligne

Enregistrez et publiez la modification en suivant les étapes de la plateforme ci-dessus, puis videz le cache du site ou du CDN. Ouvrez l'URL publiée dans une nouvelle session de navigateur. Vérifiez la bannière là où vos règles régionales l'exigent, testez l'acceptation et le refus, et vérifiez les valeurs de consentement par défaut et leurs mises à jour avant que vos balises de mesure ne se déclenchent. Confirmez que le site apparaît comme installé dans votre tableau de bord Velo.

Capture de l'interface réelle · 23 septembre 2026
La vraie bannière de veloconsent.com, capturée le 23 septembre 2026. Le texte, la mise en page et les réglages régionaux de votre bannière peuvent différer.
Site Velo en production ↗Voir en taille réelle ↗

Un point de vigilance

Enregistrez les modifications et publiez sur les bons domaines. Webflow peut inclure le code personnalisé en aperçu, mais l'URL publiée reste la vérification finale. Testez votre domaine de staging webflow.io avant la production.

Vous comparez encore les options ? Lisez pourquoi les équipes utilisent Velo sur Webflow, ou consultez toutes les plateformes prises en charge.

Recommandé si vous avez déjà un conteneur

Ou ajoutez la balise
dans Tag Manager.

Vous avez déjà un conteneur web Google Tag Manager sur ce site ? Ajoutez Velo depuis la Community Template Gallery et configurez-le à cet endroit. Si vous devez d'abord installer le conteneur, utilisez l'intégration prise en charge par votre plateforme et vérifiez-le sur l'URL publiée.

01Ajoutez le modèle CMP de VeloTemplates→Tag Templates→New→Search Gallery
02Créez la baliseTags→New→Velo CMP template
03Passez en revue les options avancéesAdvanced→url_passthrough→ads_data_redaction
04Déclenchez-la sur Consent Initialization – All PagesTriggering→Consent Initialization – All Pages
05Activez la vue d'ensemble du consentementAdmin→Container Settings→Enable consent overview
06Prévisualisez, puis publiezPreview→Submit→Publish

Velo CMP · configuration de la balise

Velo site ID: Copiez l'identifiant exact du site depuis votre tableau de bord Velo.
Banner theme: Light ou Dark
Velo API endpoint (optional): Utilisez le point de terminaison d'API indiqué dans vos paramètres d'installation Velo.

Champs du modèle vérifiés · 23 septembre 2026

Noms des champs vérifiés dans le modèle Velo CMP publié. Utilisez votre propre identifiant de site et votre propre point de terminaison d'API.

Modèle Velo CMP ↗

Le guide complet de Tag Manager Six étapes, une dizaine de minutes, identiques sur toutes les plateformes.

Vos questions Webflow,
nos réponses.

Les premières questions des équipes qui installent sur Webflow.

Est-ce que ça marche avec le plan gratuit ?

Le code personnalisé est disponible avec un Site plan actif ou un Workspace plan Core, Growth, Agency ou Freelancer. Vérifiez que votre site a accès à l'onglet Custom code avant de commencer.

Puis-je tester sur le domaine de staging webflow.io ?

Oui. Le Head code est publié sur votre domaine de staging aussi : vous pouvez donc y observer la bannière et les valeurs par défaut du consentement avant de connecter le domaine de production.

J'ai déjà un embed de CMP dans mon projet.

Retirez l'ancien embed avant de publier Velo. Deux bannières perdent les visiteurs, et deux outils qui écrivent les valeurs par défaut de Consent Mode envoient à Google des signaux contradictoires. Velo prend tout le travail en charge en une seule balise.

Est-ce que ça va ralentir le site ?

L'extrait du tableau de bord se charge de manière asynchrone. Comme pour tout script, mesurez son effet sur votre site et vérifiez l'ordre de vos balises : le chargement asynchrone ne garantit pas à lui seul que les valeurs de consentement par défaut s'appliquent avant les autres balises.

Un assistant IA peut-il le faire à ma place ?

Oui. Copiez le prompt de la section Installer avec un agent, juste en dessous, dans Claude, ChatGPT, Cursor ou l'assistant que vous utilisez déjà. Il contient les étapes de cette page, l'ordre dans lequel les balises doivent se charger et les vérifications que l'agent doit faire avant de vous annoncer que c'est terminé.

Ou confiez-le
à un agent.

Copiez le prompt dans Claude, ChatGPT, Cursor ou l'assistant que vous utilisez déjà. Il contient tout ce qui est sur cette page : les deux méthodes, l'ordre dans lequel les balises doivent se charger et les vérifications qui prouvent que ça a marché.

Le prompt

Collez ce prompt dans votre assistant, puis fournissez l'identifiant de votre site et l'extrait de code d'installation complet, ou les réglages GTM, de votre tableau de bord Velo.

Prompt d'installation · Webflow

Installez Velo sur Webflow.

Guide à jour : https://veloconsent.com/webflow

Avant toute modification, récupérez mon ID de site et l'extrait d'installation complet ou les paramètres GTM depuis le tableau de bord Velo. Vérifiez quel outil de consentement et quelles balises de mesure fonctionnent déjà sur le site.

Choisissez une seule méthode d'installation :
A. Si le site utilise déjà Google Tag Manager, ajoutez le modèle Velo CMP (publié par ampliodata) depuis la Community Template Gallery. Renseignez mon ID de site, le thème et l'endpoint d'API indiqués dans le tableau de bord. Passez en revue les options avancées ; elles sont toutes deux désactivées par défaut. Utilisez Consent Initialization – All Pages, puis Preview, et vérifiez le consentement avant de publier. Étapes complètes : https://veloconsent.com/google-tag-manager

B. Pour une installation directe : collez votre extrait Velo complet dans Head code et enregistrez les modifications. Le code personnalisé (Custom code) nécessite un Site plan actif ou un Workspace plan payant éligible. Publiez sur les domaines que vous voulez mettre à jour.

Ne touchez pas au code sans rapport. Évitez les installations de Velo en double et les valeurs de consentement par défaut concurrentes. Ne partez pas du principe qu'un placement dans le head ou un chargement async suffit à lui seul à garantir l'ordre des balises.

Vérifiez le site publié dans une nouvelle session. Contrôlez la bannière selon les règles régionales configurées, les valeurs de consentement par défaut initiales, les mises à jour après acceptation et refus, et l'événement velo_consent_update. Vérifiez que les balises non Google suivent les catégories qui leur sont attribuées. Testez une deuxième page et tout parcours de paiement distinct. Confirmez que les signaux arrivent dans le tableau de bord Velo.

Indiquez ce qui a changé, où, et le résultat de chaque vérification. Signalez tout accès manquant et toute vérification que vous n'avez pas pu effectuer.

Vous travaillez avec un agent qui lit le web ? Envoyez-le sur veloconsent.com/llms.txt et /install.md pour le même contexte en texte brut.

Du journal.

Comment ajouter une bannière de cookies à un site Webflow Collez la bannière dans les paramètres du site, Code personnalisé, au-dessus de votre conteneur, puis videz les champs natifs Analytics et Pixel de Webflow, qui se chargent en dehors de votre gestionnaire de balises. 4 septembre 2026

Comment configurer Google Consent Mode v2 sur Shopify Placez vos valeurs par défaut sur denied au dessus du conteneur, puis écrivez le choix du visiteur à la fois dans Google Consent Mode et dans la Customer Privacy API de Shopify, au même clic. 2 septembre 2026

Google Consent Mode sur Squarespace : configuration et limites La bannière native de Squarespace bloque les cookies de mesure d’audience, mais n’envoie aucun signal Consent Mode. 16 août 2026

Tous les articles