# Installation rapide

Le 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.

> Canonical: https://www.flowconsent.com/fr/doc/quick-install
> Last updated: 2026-05-01
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](https://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](/fr/doc/cloudflare-deployment) : 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](/fr/doc/nextjs-integration)

## 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 :

- [Personnaliser les couleurs et les textes dans l'éditeur](/fr/doc/dashboard-overview)
- [Ajouter des langues à votre bannière](/fr/doc/dashboard-overview)
- [Lire les statistiques](/fr/doc/dashboard-overview)