Ihr Cookie-Banner im Builder anpassen
Formate, Farben, Typografie, mehrsprachige Texte und Live-Vorschau: alles, was der FlowConsent-Builder bietet, um das Banner an Ihre Marke anzupassen.
Der Builder ist der Ort, an dem Aussehen, Texte und Verhalten eines Banners bearbeitet werden. Jede Änderung erscheint sofort in der Live-Vorschau rechts, mit einer Geräteauswahl (Desktop, Tablet, Mobil), und nichts geht online, bevor Sie deployen — Sie können an einem publizierten Banner gefahrlos iterieren.
Was wird wo angepasst
Der Builder ist in Tabs organisiert, jeder mit einer Zuständigkeit:
- Information — Titel, Beschreibung und Logo des Banners (Datei hochladen oder Standard behalten).
- Style — die gesamte visuelle Ebene, unten im Detail.
- Legal — die den Besuchern angezeigte rechtliche Identität. Ohne sie kann ein Banner nicht publiziert werden; die Seitenleiste markiert diesen Tab mit einem Punkt, solange er unvollständig ist.
- Services und Cookie list — was das Banner deklariert und blockiert; siehe Dienste und Rechtsgrundlagen und die Cookie-Deklaration.
- Deployment — Publikation, Installations-Snippet und Einrichtungsassistent.
- GTM Server Side und Google Consent Mode v2 — die Google-spezifischen Integrationen.
- Translations — die mehrsprachigen Texte, unten im Detail.
- Logs — die Einwilligungsaktivität des Banners.
Ein Format wählen
Das Banner-Format wird aus sechs Vorlagen gewählt: minimal, untere Leiste, schwebend, volle Breite, modernes Popup und DSGVO-Wall. Die Vorlage bestimmt, welche Stilregler gelten:
- Die untere Leiste und der DSGVO-Wall spannen sich über den Viewport und haben daher keine Positionsregler; die untere Leiste bekommt stattdessen ihre eigene Sektion.
- Alle anderen Formate zeigen eine Sektion Widget-Position: Wählen Sie die Ecke und justieren Sie X/Y-Versätze pro Breakpoint (Desktop, Tablet, Mobil), in px oder rem.
Stil: Farben, Typografie, Buttons
Der Tab Style bündelt die visuellen Sektionen:
- Farben — Hintergrund, Text, Akzente, Radien, mit Farbwählern.
- Typografie — Schriftfamilie und -größen.
- Buttons — das Styling der Buttons Akzeptieren / Ablehnen / Präferenzen.
- Schwebender Button — der dauerhafte Button, über den Besucher ihre Meinung ändern, inklusive Größe.
- Trigger, Schatten und Overlay (mit einstellbarer Deckkraft) — wie und worüber das Banner erscheint; Schatten und Overlay gelten nicht für die untere Leiste.
- Eine Sektion Zurücksetzen stellt die Standardwerte wieder her, falls Sie zu weit gegangen sind.
Texte und Sprachen
Der Tab Information trägt Titel und Beschreibung der Standardsprache. Der Tab Translations verwaltet alle weiteren Sprachen:
- Wählen Sie die Standardsprache und wie die Sprache des Besuchers erkannt wird (Browser oder URL), mit einer URL-Mapping-Übersicht pro Sprache;
- fügen Sie Übersetzungen hinzu, jede in ihrer Sprachkarte editierbar.
Die Sprachanzahl hängt vom Plan ab: Free deckt 2 Sprachen ab (Standard + 1 Übersetzung), Pro 5, Enterprise unbegrenzt.
Versionen und Rollback
Jedes Deployment zeichnet eine Version in der Karte Version History des Deployment-Tabs auf. Der Rücksprung auf eine frühere Version ist sofort und erfordert kein erneutes Deployment; die letzten 10 Deployments werden aufbewahrt. Geht eine Stiländerung in Produktion schief: erst zurückrollen, dann in Ruhe korrigieren.