Cookie Banner – Wie passe ich den Cookie Hinweis Banner gestalterisch an?

Passe das Design oder auch die Positionierung des Cookie-Hinweis-Banners für deine Spreadmind Pattform individuell auf dein Corporate Design an.

Alle Einstellungsoptionen findest du im Backend deiner Spreadmind Plattform unter "DSGVO" > "Design Anpassungen".

1. Position des Cookie Banners & Logo

Du kannst zwischen zwei verschiedenen Positionierungen des Cookie Banners wählen:

• Fullscreen
• Unten (volle Breite)

Fullscreen:

Wählst du bei der ersten Option "Position des Cookie Banners" > Fullscreen aus, so wird der Cookie Banner über den gesamten Bildschirm deiner Plattform gesetzt. Der Besucher muss also zwingend den Cookies zustimmen oder ablehnen, damit er überhaupt deine Inhalte anschauen kann:

Darstellung im Frontend:

Bei der Option "Fullscreen" hast du zudem die Möglichkeit, ein eigenes Logo hochzuladen. Aktiviere dazu die Option Logo hinzufügen und binde dein Logo direkt aus der Mediathek ein:

Das Logo wird bei der Positionierung "Unten (volle Breite)" nicht angezeigt.

Darstellung im Frontend: 

Unten (volle Breite):

Wählst du bei der Option "Position des Cookie Banners" Unten (volle Breite) aus, so wird der Cookie Banner am unteren Browserrand ausgerichtet und der Besucher kann trotzdem deine Webseite anschauen und sich durchklicken:

2. Schrift und Farben

Ebenfalls unter "DSGVO" > "Design Anpassung" findest du die Einstellungsoptionen für Schriftgröße & -farbe und kannst deinem Cookie Banner eine eigene Hintergrundfarbe oder sogar einen Farbverlauf vergeben:

Aktivierst du die Option " Farbverlauf für den Hintergrund", kannst du zwischen zwei Farben wählen:

Bei der Aktivierung der Option "Box Schatten" kannst du die Grundeinstellungen für den horizontalen und vertikalen Versatz des Schlagschattens bestimmen, sowie die Unschärfe und Farbe des Schattens:

3. Abstände

Im nächsten Abschnitt kannst du die folgende Abstände des Cookie Banners anpassen:

• Padding = Abstand nach innen
• Margin = Abstand nach außen

Wir emfephlen, wenn, dann nur die Padding-Werte anzupassen und die Margin-Werte auf Null gesetzt zu lassen, damit bei der Fullscreen Ansicht der Cookie Banner immer schön mittig zentriert ist.

Aktivierst du neben dem Titel "Padding" oder "Margin" das Link-Symbol, werden die Werte für alle Eigenschaften automatisch übertragen.

4. Rahmen & abgerundete Ecken

Über die Einstellungsoptionen unter den beiden nächsten Abschnitten "Rahmen" und "Abgerundete Ecken" kannst du dem Cookie Banner entweder eine einzelne oder durchgehende Rahmenkante zuweisen sowie die Ecken des Banners abrunden (trägst du bei den abgerundenten Ecken den Wert Null ein, wird die Abrundung deaktiviert):

5. Design der Buttons "Zulassen", "Ablehnen" & "Einstellungen"

Bei allen drei Abschnitten "Zulassen" Button, "Ablehnen" Button und "Einstellungen" Button stehen dir die gleichen Einstellungsmöglichkeiten für die drei Buttons des Cookie Banners zu Verfügung:

• Hintergrundfarbe
• Textfarbe
• Rahmenfarbe
• Rahmenstärke
• Eckenradius

6. Cookie Widerruf Button

Bitte achte darauf, dass die Option "Widerruf Button einblenden" aktiviert ist: 

Auch hier kannst du den Button individuell gestalten.

Wir empfehlen, die letzte Option "!important Anweisung im CSS Code zulassen" zu aktivieren, damit all deine benutzerdefinierten Design-Anpassungen des Cookie Banners richtig angezeigt werden.

Klicke zum Schluss rechts oben auf den orangen Button "Update", um deine benutzerdefinierten Einstellungen zu speichern.

Darstellung Cookie Widerruf Button im Frontend: 

Am unteren Browserrand ein kleiner Button "Cookies" eingeblendet, über welchen der Besucher jederzeit seine Cookie-Einstellungen ändern oder sogar wieder löschen und komplett neu setzen kann:

Hinweis: Wir, die Spreadmind GmbH, können keine rechtliche Beratung darstellen oder ersetzen. Wir sind keine Anwälte und können daher keine rechtsverbindlichen Auskünfte erteilen. Bei weiteren Fragen solltest du dich unbedingt an einen Rechtsanwalt wenden.