Voici le chemin le plus direct pour mettre en ligne une bannière RGPD en quelques minutes. On laisse de côté toutes les options : vous pourrez revenir affiner plus tard.

1. Inscription

Allez sur app.flowconsent.com et créez un compte. L'offre Free couvre 1 bannière, hébergée sur votre propre compte Cloudflare, jusqu'à 25 000 sessions par mois et sans carte bancaire.

2. Créer une bannière

Depuis la page Banners, cliquez sur + Nouvelle bannière. Renseignez :

Un nom (n'importe lequel, par exemple acme-website)
L'URL de votre site (https://acme.com)

FlowConsent scanne la page et pré-remplit les onglets Services et Cookie list avec les scripts tiers détectés. Les valeurs par défaut sont conformes RGPD : boutons Accepter / Refuser de taille égale, blocage préalable, catégories granulaires.

3. Déployer

Ouvrez l'onglet Deployment.

Sur l'offre Free, vous serez invité à connecter un compte Cloudflare pour que nous déployions un Worker sur votre infrastructure. Suivez le guide Cloudflare : cette connexion ne se fait qu'une fois.

Sur les offres Pro et Enterprise, le déploiement se fait en un clic : la bannière est hébergée sur https://VOTRE-CODE-LICENCE.consent.flowconsent.com.

Une fois la bannière déployée, l'onglet Deployment affiche votre extrait de code :

html

<!-- FlowConsent CMP -->
<script src="https://VOTRE-CODE-LICENCE.consent.flowconsent.com/cookie-manager.js?code=VOTRE_LICENSE_CODE"></script>

4. Coller l'extrait de code

Ajoutez l'extrait de code dans le <head> de chaque page de votre site, le plus haut possible, idéalement juste après <head> et avant tout autre <script>. C'est indispensable pour que le blocage préalable fonctionne : tout script de suivi placé sous l'extrait de code est retenu jusqu'au consentement.

Pour un site HTML statique, collez-le dans votre template. Pour un CMS :

WordPress : header.php du thème, ou un plugin comme Insert Headers and Footers
Shopify : Boutique en ligne → Thèmes → Modifier le code → theme.liquid → dans <head>
Webflow : Project Settings → Custom Code → Head Code
Framer : Site Settings → Custom Code → End of <head>
Next.js / Nuxt / SvelteKit : le <head> du layout racine. Pour le routage côté client, activez aussi le mode SPA : voir le guide Next.js et SPA React

5. Vérifier

Ouvrez votre site en navigation privée. Vous devriez voir :

La bannière à la première visite
Aucune requête tierce dans l'onglet Réseau avant le clic sur Accepter
Une nouvelle entrée dans Analytics → Sessions de votre tableau de bord FlowConsent, après quelques instants

Si la bannière ne s'affiche pas, vérifiez que l'extrait de code est bien dans <head> (pas <body>) et qu'il n'est pas bloqué par une CSP.

Terminé

Voilà pour l'installation minimale. Quand vous aurez le temps, revenez pour :

Installation rapide