# Personnaliser votre bannière cookies dans l'éditeur

Formats, couleurs, typographie, textes multilingues et aperçu en direct : tout ce que l'éditeur FlowConsent (Builder) propose pour accorder la bannière à votre marque.

> Canonical: https://www.flowconsent.com/fr/doc/banner-customization
> Last updated: 2026-07-30
L'éditeur (**Builder**) est l'endroit où se règlent l'apparence, les textes et le comportement d'une bannière. Chaque changement apparaît instantanément dans l'**aperçu en direct** à droite, avec un sélecteur d'appareil (ordinateur, tablette, mobile), et rien n'est mis en ligne avant le déploiement : vous pouvez faire des essais sereinement sur une bannière déjà publiée.

## Que personnaliser, et où

L'éditeur s'organise en onglets, chacun avec son rôle :

- **Information** : titre, description et logo de la bannière (téléversez un fichier ou gardez celui par défaut).
- **Style** : toute la couche visuelle, détaillée plus bas.
- **Legal** : l'identité légale montrée aux visiteurs. Une bannière ne peut pas être publiée sans elle ; la barre latérale marque cet onglet d'un point tant qu'il est incomplet.
- **Services** et **Cookie list** : ce que la bannière déclare et bloque ; voir [services et bases légales](/fr/doc/services-and-legal-basis) et la [déclaration de cookies](/fr/doc/cookie-declaration).
- **Deployment** : la publication, l'extrait de code d'installation et l'assistant d'installation.
- **GTM Server Side** et **Google Consent Mode v2** : les intégrations propres à Google.
- **Translations** : les textes multilingues, détaillés plus bas.
- **Logs** : l'activité de consentement de la bannière.

## Choisir un format

Le format de la bannière se choisit parmi plusieurs gabarits : **minimal**, **barre basse**, **flottant**, **pleine largeur**, **pop-up moderne** et **mur de cookies**. Le gabarit détermine quels réglages de style s'appliquent :

- La **barre basse** et le **mur de cookies** occupent toute la largeur, ils n'ont donc pas de réglages de position ; la barre basse dispose en revanche de sa propre section dédiée.
- Tous les autres formats exposent une section **position du widget** : choisissez le coin et affinez les décalages X/Y par point de rupture (ordinateur, tablette, mobile), en px ou en rem.

> [!TIP]
> Le sélecteur de point de rupture de la section position partage son état avec le sélecteur d'appareil de l'aperçu : changer l'un change l'autre, vous voyez donc toujours le point de rupture que vous éditez.

## Style : couleurs, typographie, boutons

L'onglet **Style** regroupe les sections visuelles :

- **Couleurs** : fond, texte, accents, arrondis, avec des sélecteurs de couleur.
- **Typographie** : police et tailles.
- **Boutons** : le style des boutons accepter / refuser / préférences.
- **Bouton flottant** : le bouton persistant qui permet aux visiteurs de changer d'avis, taille comprise.
- **Déclencheur**, **ombre** et **voile de fond** (overlay, avec opacité réglable) : comment et par-dessus quoi la bannière apparaît. L'ombre et le voile de fond ne s'appliquent pas à la barre basse.
- Une section **réinitialisation** restaure les valeurs par défaut si vous êtes allé trop loin.

> [!NOTE]
> Les valeurs par défaut RGPD (boutons Accepter / Refuser de taille égale, blocage préalable, catégories granulaires) sont préservées à travers la personnalisation. Le style change l'apparence de la bannière, pas ce qu'elle a le droit de faire.

## Textes et langues

L'onglet **Information** porte le titre et la description par défaut. L'onglet **Translations** gère toutes les autres langues :

- choisissez la **langue par défaut** et le mode de détection de la langue du visiteur (navigateur ou URL), avec une vue d'ensemble des URL associées à chaque langue ;
- ajoutez des traductions, chacune éditable dans sa carte de langue.

Le nombre de langues dépend de l'offre : **Free** couvre 2 langues (la langue par défaut et 1 traduction), **Pro** 5, **Enterprise** sur mesure.

## Versions et retour arrière

Chaque déploiement enregistre une version dans la carte **Version History** de l'onglet Deployment. Le retour à une version précédente est **instantané et ne demande aucun redéploiement** ; les 10 derniers déploiements sont conservés. Si une modification de style tourne mal en production, revenez d'abord en arrière, corrigez calmement ensuite.

> [!NOTE]
> Sur les bannières hébergées sur votre compte Cloudflare (offre Free), lire l'historique des versions demande votre jeton API Cloudflare, puisque les versions vivent dans votre propre compte Cloudflare.

## Prochaines étapes

- [Déclarer vos services et leurs bases légales](/fr/doc/services-and-legal-basis)
- [Relire la déclaration de cookies](/fr/doc/cookie-declaration)
- [Vérifier le résultat par un scan de refus](/fr/doc/compliance-verification)