# Installation rapide en 3 minutes

Le chemin le plus rapide pour publier une bannière FlowConsent — inscription, création d'une bannière, collage d'un script. Trois minutes, sans configuration.

> Canonical: https://www.flowconsent.com/fr/doc/quick-install
> Last updated: 2026-05-01
Voici le chemin script-and-go pour ceux qui veulent une bannière RGPD en production en trois minutes. On saute 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. Le plan gratuit couvre 1 bannière avec auto-hébergement sur votre propre compte Cloudflare — 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 le plan Free**, vous serez invité à connecter un compte Cloudflare pour qu'on déploie un Worker sur votre infrastructure. Suivez le [guide Cloudflare](/fr/doc/cloudflare-deployment) — environ 2 minutes la première fois.

**Sur Pro / 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 déployé, l'onglet **Deployment** affiche votre snippet :

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

## 4. Coller le snippet

Ajoutez le snippet 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 tracking défini sous le snippet 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** sur votre dashboard FlowConsent en ~1 minute

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

## Terminé

C'est l'installation minimale. Quand vous aurez le temps, revenez pour :

- [Personnaliser les couleurs et textes dans le Builder](/fr/doc/dashboard-overview)
- [Ajouter des langues à votre bannière](/fr/doc/dashboard-overview)
- [Lire les analytics](/fr/doc/dashboard-overview)
