Menu de la documentation

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.

Voir en Markdown
Mis à jour le

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 et la déclaration de cookies.
  • 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.

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.

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.

Prochaines étapes