> Tout ce qu'il faut pour configurer FlowConsent : premiers pas, personnalisation, déploiement, intégrations, conformité et dépannage. > > Canonical: https://www.flowconsent.com/fr/doc Documentation # Installer et configurer FlowConsent. Guides pas à pas, intégrations et dépannage pour mettre en ligne une bannière conforme au RGPD et la maintenir. Bien démarrer[Premiers pas](https://www.flowconsent.com/fr/doc/getting-started) Configurez votre première bannière FlowConsent et déployez un consentement cookies conforme au RGPD en 10 minutes : scan, personnalisation, un seul script. [Lire le guide ](https://www.flowconsent.com/fr/doc/getting-started)· [Installation rapide](https://www.flowconsent.com/fr/doc/quick-install) ## Premiers pas Créez votre compte, installez la bannière et choisissez votre offre. 6 articles - [Premiers pasConfigurez votre première bannière FlowConsent et déployez un consentement cookies conforme au RGPD en 10 minutes : scan, personnalisation, un seul script.](https://www.flowconsent.com/fr/doc/getting-started) - [Comprendre le tableau de bord FlowConsentVisite guidée du tableau de bord FlowConsent : barre latérale, bannières, statistiques, équipe, facturation et paramètres de l'espace de travail.](https://www.flowconsent.com/fr/doc/dashboard-overview) - [Installation rapideLe chemin le plus rapide pour publier une bannière FlowConsent : inscription, création d'une bannière, collage d'un script. Quelques minutes, sans réglage superflu.](https://www.flowconsent.com/fr/doc/quick-install) - [Free ou Pro : quelle offre choisir ?Les offres Free et Pro de FlowConsent comparées côte à côte, avec nos recommandations pour un site seul, une agence ou un projet à fort trafic.](https://www.flowconsent.com/fr/doc/free-vs-pro) - [Migrer depuis une autre bannière de consentementGuide pas à pas pour migrer de Cookiebot, OneTrust, Termly, iubenda, Klaro ou toute autre CMP vers FlowConsent sans casser votre suivi d'audience.](https://www.flowconsent.com/fr/doc/migrating-from-other-banner) - [Assistant d'installation : une installation vérifiée, étape par étapeComment l'assistant d'installation FlowConsent vérifie chaque étape sur votre vrai site : extrait de code, scan de refus, surveillance hebdomadaire et parcours serveur.](https://www.flowconsent.com/fr/doc/setup-wizard) ## Installer FlowConsent sur… Un guide par plateforme : WordPress, Shopify, Webflow, Wix, Framer, Next.js, Astro et plus, avec la vérification et l'installation depuis votre agent IA. 17 articles - [Installer FlowConsent sur WordPressSur WordPress, collez l'extrait FlowConsent dans Code Snippets → Header & Footer (WPCode) ou un thème enfant, videz le cache et retirez le gtag de Site Kit.](https://www.flowconsent.com/fr/doc/install-wordpress) - [Installer FlowConsent sur WooCommerceSur WooCommerce, collez l'extrait FlowConsent dans WPCode (Code Snippets → Header & Footer), maîtrisez les pixels des extensions et testez le paiement.](https://www.flowconsent.com/fr/doc/install-woocommerce) - [Installer FlowConsent sur ShopifyInstaller FlowConsent sur Shopify : coller l'extrait de code dans theme.liquid, juste après \, puis neutraliser la bannière et les pixels natifs.](https://www.flowconsent.com/fr/doc/install-shopify) - [Installer FlowConsent sur PrestaShopInstaller FlowConsent sur PrestaShop : coller l'extrait de code en haut du head.tpl du thème, vider le cache Smarty et désactiver les modules de suivi.](https://www.flowconsent.com/fr/doc/install-prestashop) - [Installer FlowConsent sur WixSur Wix, collez l'extrait FlowConsent dans Paramètres → Code personnalisé, en Head sur toutes les pages, puis retirez la bannière et les intégrations Wix.](https://www.flowconsent.com/fr/doc/install-wix) - [Intégration Webflow : installer FlowConsent correctementInstaller FlowConsent sur Webflow : coller l'extrait de code dans Site settings → Custom code, publier, puis retirer le Measurement ID GA d'Apps & Integrations.](https://www.flowconsent.com/fr/doc/webflow-integration) - [Installer FlowConsent sur SquarespaceInstaller FlowConsent sur Squarespace : coller l'extrait de code dans Code Injection → Header, désactiver la bannière native et retirer les ID Google et Meta.](https://www.flowconsent.com/fr/doc/install-squarespace) - [Installer FlowConsent sur FramerSur Framer, ajoutez l'extrait FlowConsent dans Project Settings → Custom Code, au début du \, publiez, et n'activez pas le Cookie Banner de Framer.](https://www.flowconsent.com/fr/doc/install-framer) - [Utiliser FlowConsent avec Google Tag ManagerAvec Google Tag Manager, l'extrait de code FlowConsent se place dans le \ au-dessus du conteneur GTM, jamais en balise GTM. Puis on règle chaque balise.](https://www.flowconsent.com/fr/doc/install-google-tag-manager) - [Installer FlowConsent sur AstroInstaller FlowConsent sur Astro : coller l'extrait de code en haut du \ du layout de base avec is:inline, puis activer le mode SPA avec ClientRouter.](https://www.flowconsent.com/fr/doc/install-astro) - [Intégration Next.js et SPA ReactInstaller FlowConsent dans Next.js (App Router ou Pages Router) et activer le mode SPA pour revérifier le consentement à chaque navigation.](https://www.flowconsent.com/fr/doc/nextjs-integration) - [Installer FlowConsent sur ReactInstaller FlowConsent sur React (Vite, Create React App, React Router) : coller l'extrait de code en haut du \ de index.html et activer le mode SPA.](https://www.flowconsent.com/fr/doc/install-react) - [Installer FlowConsent sur VercelInstaller FlowConsent sur Vercel : l'extrait de code se place dans le \ du framework déployé (Next.js, Astro, React, HTML), puis on redéploie.](https://www.flowconsent.com/fr/doc/install-vercel) - [Installer FlowConsent sur NetlifyInstaller FlowConsent sur Netlify : coller l'extrait de code en haut du \ dans le code du site, ou via Snippet injection si aucun script ne le précède.](https://www.flowconsent.com/fr/doc/install-netlify) - [Installer FlowConsent sur FimoSur Fimo, le site est votre propre code : placez l'extrait FlowConsent en tête du \ du layout racine, ou demandez-le au chat de Fimo Studio, puis publiez.](https://www.flowconsent.com/fr/doc/install-fimo) - [Installer FlowConsent sur HubSpotSur un site HubSpot, collez l'extrait FlowConsent dans Settings → Content → Pages → Site header HTML, puis désactivez la bannière de cookies native de HubSpot.](https://www.flowconsent.com/fr/doc/install-hubspot) - [Installer FlowConsent sur un site sur mesure (HTML)Installer FlowConsent sur un site HTML, PHP, Django, Rails, Laravel, Hugo, Jekyll ou Eleventy : coller l'extrait de code une fois dans le \ du gabarit.](https://www.flowconsent.com/fr/doc/install-html) ## Personnalisation Apparence de la bannière, services, catégories de consentement et déclaration de cookies. 3 articles - [Personnaliser votre bannière cookies dans l'éditeurFormats, couleurs, typographie, textes multilingues et aperçu en direct : tout ce que l'éditeur FlowConsent (Builder) propose pour accorder la bannière à votre marque.](https://www.flowconsent.com/fr/doc/banner-customization) - [Services, catégories de consentement et bases légalesLe catalogue de services FlowConsent : catégories, détection, identifiants canoniques, bases légales et liste de contrôle de l'exemption CNIL pour la mesure d'audience.](https://www.flowconsent.com/fr/doc/services-and-legal-basis) - [Déclaration de cookies : la liste que vos visiteurs voient vraimentComment FlowConsent génère la liste des cookies depuis les services actifs, comment ajouter des cookies personnalisés, et l'alerte cookie non déclaré.](https://www.flowconsent.com/fr/doc/cookie-declaration) ## Déploiement Mettre la bannière en ligne, dont le déploiement Cloudflare de l'offre gratuite. 1 article - [Déploiement Cloudflare pour l'offre FreeL'offre Free de FlowConsent utilise votre propre compte Cloudflare pour déployer le Worker et le stockage KV nécessaires. Ce guide explique comment créer un jeton API restreint aux seules autorisations requises.](https://www.flowconsent.com/fr/doc/cloudflare-deployment) ## Intégrations Google Consent Mode v2 et les signaux de consentement transmis aux outils Google. 1 article - [Google Consent Mode v2 avec FlowConsentComment FlowConsent implémente Consent Mode v2 : défauts denied avant tout tag, wait\_for\_update, pings cookieless gcs=G100, détection de course perdue.](https://www.flowconsent.com/fr/doc/google-consent-mode) ## Conformité Vérification, surveillance continue et rapport de preuve pour votre DPO. 3 articles - [Vérification de conformité : prouver que le refus est respectéScannez vos pages en refusant le consentement, surveillez-les en continu et gardez une preuve datée que votre bannière cookies est bien respectée.](https://www.flowconsent.com/fr/doc/compliance-verification) - [La surveillance continue de conformitéLancez des scans de refus à la demande (profils fast, deep, ultra), surveillez vos pages chaque semaine et soyez alerté le jour où une régression apparaît.](https://www.flowconsent.com/fr/doc/compliance-monitoring) - [Le rapport de preuve : votre pièce d'audit pour le DPOTransformez tout scan de refus en rapport de preuve daté et imprimable : méthode, constats, tableaux de violations, Consent Mode, capture d'écran horodatée.](https://www.flowconsent.com/fr/doc/proof-report) ## API et développeurs Webhooks de consentement, SDK serveur et mobile, serveur MCP. 4 articles - [Serveur MCP : piloter FlowConsent depuis ClaudeConnectez le serveur MCP officiel de FlowConsent à Claude et gérez bannières, scans et conformité en langage naturel, sans aucune clé d'API à gérer.](https://www.flowconsent.com/fr/doc/mcp-server) - [SDK serveur : le consentement côté backendLisez la décision de consentement dans votre code serveur avec le SDK FlowConsent et vérifiez les webhooks signés en HMAC-SHA256, quel que soit le backend.](https://www.flowconsent.com/fr/doc/server-sdk) - [SDK mobile (bêta) : Android et iOSRecueillez, appliquez et prouvez le consentement dans vos apps Android et iOS avec le SDK mobile FlowConsent, avec le même contrat v1 que la bannière web.](https://www.flowconsent.com/fr/doc/mobile-sdk) - [Webhooks de consentement : des événements signés vers votre serveurRecevez les événements consent.recorded et consent.withdrawn sur votre serveur, vérifiez la signature HMAC avec le SDK et testez la livraison signée.](https://www.flowconsent.com/fr/doc/consent-webhooks) ## Compte et équipe Espaces de travail, rôles et invitations des membres de l'équipe. 1 article - [Espaces de travail, rôles et invitationsComment les espaces de travail FlowConsent organisent vos bannières, ce que permettent les rôles owner, admin, manager et editor, et comment fonctionnent les invitations.](https://www.flowconsent.com/fr/doc/team-and-workspaces) ## Dépannage Bannière absente, scripts déclenchés trop tôt : les solutions aux cas fréquents. 1 article - [Dépannage FlowConsentLes cinq problèmes FlowConsent les plus fréquents et leurs corrections : bannière absente, tag Google malgré le refus, verdicts inattendus, scan en erreur.](https://www.flowconsent.com/fr/doc/troubleshooting) ## Mettez votre site en conformité aujourd'hui. Gratuit jusqu'à 25 000 sessions par mois. Sans carte bancaire, sans engagement. [Créer ma bannière](https://app.flowconsent.com/auth/sign-up?utm_source=flowconsent.com\&utm_medium=referral\&utm_campaign=general) · [Scanner mon site](https://www.flowconsent.com/fr/scan)