# Personnaliser votre bannière cookies dans le Builder

Formats, couleurs, typographie, textes multilingues et aperçu en direct : tout ce que le Builder FlowConsent offre pour accorder la bannière à votre marque.

> Canonical: https://www.flowconsent.com/fr/doc/banner-customization
> Last updated: 2026-07-30
Le Builder est l'endroit où s'éditent l'apparence, les textes et le comportement d'une bannière. Chaque changement se reflète instantanément dans l'**aperçu en direct** à droite, avec un sélecteur d'appareil (desktop, tablette, mobile), et rien ne part en ligne avant le déploiement — vous pouvez itérer sereinement sur une bannière publiée.

## Que personnaliser, et où

Le Builder s'organise en onglets, chacun avec sa responsabilité :

- **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, le snippet 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 six gabarits : **minimal**, **barre basse**, **flottant**, **pleine largeur**, **popup moderne** et **mur RGPD**. Le gabarit détermine quels réglages de style s'appliquent :

- La **barre basse** et le **mur RGPD** 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 (desktop, 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 **overlay** (avec opacité réglable) — comment et par-dessus quoi la bannière apparaît ; ombre et overlay 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 du mapping d'URL par langue ;
- ajoutez des traductions, chacune éditable dans sa carte de langue.

Le nombre de langues dépend du plan : **Free** couvre 2 langues (défaut + 1 traduction), **Pro** 5, **Enterprise** en illimité.

## Versions et rollback

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 auto-hébergées (plan Free), lire l'historique des versions demande votre token 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)