Menü der Dokumentation

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.

Auf dieser Seite

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 es bereitstellen: Sie können an einem veröffentlichten Banner gefahrlos weiterarbeiten.

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 veröffentlicht 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: Veröffentlichung, Installationscode 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 Pop-up und Cookie-Wall. Die Vorlage bestimmt, welche Stilregler gelten:

  • Die untere Leiste und die Cookie-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 Zahl der Sprachen hängt vom Tarif ab: Free deckt 2 Sprachen ab (Standardsprache und 1 Übersetzung), Pro 5, Enterprise nach individueller Vereinbarung.

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.

Nächste Schritte

Machen Sie Ihre Website noch heute konform.

Kostenlos bis 25.000 Sitzungen pro Monat. Keine Kreditkarte, keine Bindung.