Überblick

Über die Layout-Einstellungen steuern Sie, wie der Cookie-Banner in Ihrem Shop erscheint und sich verhält.

Sie passen Erscheinungsbild des Dialogs, Position, Anordnung der Schaltflächen und Animationseffekte direkt in der Anwendung an.

Die Optionen finden Sie unter:

Cookie banner > Layout

Die Layout-Konfiguration arbeitet mit der Einstellung Consent dialogs zusammen, die bestimmt, ob Besucher einen Cookie-Hinweis, das Präferenzfenster oder beides nacheinander sehen.

Einwilligungsdialoge

Der erste Schritt beim Konfigurieren des Layouts ist die Auswahl der Einwilligungsdialoge, die Besuchern angezeigt werden.

Zur Verfügung stehen:

1. Cookie Notice – zeigt einen Banner, in dem Besucher Cookies schnell akzeptieren oder ablehnen.
2. Cookie Notice & Preferences – zeigt zuerst einen Cookie-Hinweis und erlaubt es, das Präferenzfenster zu öffnen, um Kategorien zu verwalten.
3. Preferences Only – zeigt sofort das vollständige Präferenzfenster, in dem Besucher die Kategorien direkt konfigurieren.

Layout-Optionen des Cookie-Hinweises

Ist der Dialog Cookie Notice aktiviert, stehen mehrere Layout-Optionen zur Verfügung.

Sie bestimmen, wie der erste Banner dargestellt wird.

Erscheinungsbild des Dialogs

Steuert das visuelle Format des Cookie-Hinweises.

Verfügbare Layouts:

• Box – ein kompakter Dialog, der als schwebendes Fenster erscheint.
• Bar – ein waagerechter Banner über die Seitenbreite.
• Wide – ein größerer Dialog mit mehr Platz für Inhalte.

Position

Legt fest, wo der Banner auf dem Bildschirm erscheint.

Welche Positionen zur Verfügung stehen, hängt vom gewählten Erscheinungsbild ab.

Beispiele:

• Center
• Top left
• Top center
• Top right
• Bottom left
• Bottom center
• Bottom right
• Middle left

Beim Layout Bar kann der Banner erscheinen:

• oben
• unten

Fenstergröße

Steuert die Gesamtgröße des Banner-Dialogs.

Verfügbare Größen:

• XS
• SM
• MD
• LG
• XL

Größere Werte schaffen Platz für längere Texte, Logos und zusätzliche Schaltflächen.

Animation (Ein- und Ausblenden)

Steuert die Animation beim Erscheinen und Verschwinden des Banners.

Verfügbare Stile:

• Fade
• Slide
• Zoom
• Grow

Animationen machen die Interaktion flüssiger und auffälliger.

Schaltflächen

Legt fest, welche Schaltflächen im Cookie-Hinweis erscheinen.

Zur Verfügung stehen:

• Accept–Decline (empfohlen)
• Accept only
• Decline only
• Preferences

Die gewählte Konfiguration bestimmt, welche Optionen Besucher haben.

Anordnung der Schaltflächen

Steuert, wie die Schaltflächen im Banner angeordnet sind.

Verfügbare Anordnungen:

• Horizontal
• Horizontal (gruppiert)
• Horizontal (ausgerichtet)

Weitere Optionen

Reverse order
Kehrt die Reihenfolge der Schaltflächen um.

Hide header
Blendet die Kopfelemente des Banners aus, darunter:

• Titel
• Logo
• Schließen-Schaltfläche
• Sprachauswahl

Center align
Zentriert den Inhalt des Banners, einschließlich:

• Kopfbereich
• Text
• Schaltflächen

Das wirkt am besten mit den Dialogtypen Box und Wide.

Layout-Optionen des Präferenzfensters

Ist das Präferenzfenster aktiviert, stehen zusätzliche Layout-Einstellungen für den ausführlichen Einwilligungsdialog zur Verfügung.

Erscheinungsbild des Dialogs

Legt den Layout-Stil des Präferenzfensters fest.

Zur Verfügung stehen:

• Box – ein zentrierter, schwebender Dialog.
• Drawer – ein Panel, das von oben oder unten hereinfährt.
• Sidepanel – ein Panel, das von links oder rechts hereinfährt.

Position

Die Position hängt vom gewählten Dialogtyp ab.

Beispiele:

Für Box:

• Center
• Top left
• Top center
• Top right
• Bottom left
• Bottom center
• Bottom right

Für Drawer:

• oben
• unten

Für Sidepanel:

• links
• rechts

Schaltflächen

Legt fest, welche Schaltflächen im Präferenzfenster verfügbar sind.

Zur Verfügung stehen:

• Accept–Decline
• Accept only
• Decline only

Anordnung der Schaltflächen

Steuert, wie die Aktionsschaltflächen dargestellt werden.

Verfügbare Anordnungen:

• Vertikal
• Vertikal (gruppiert)
• Horizontal
• Horizontal (gruppiert)
• Horizontal (ausgerichtet)

Weitere Optionen

Reverse order
Kehrt die Reihenfolge der Schaltflächen um.

Require Save Preferences
Ist die Option aktiviert:

• aktualisieren Accept und Decline die Auswahl der Kategorien
• wird die Einwilligung erst nach einem Klick auf Save preferences gespeichert

So können Besucher ihre Auswahl vor der Bestätigung noch einmal prüfen.

Darstellung von Kategorien und Cookies

Steuert, wie Cookie-Kategorien und Details im Präferenzfenster erscheinen.

Zur Verfügung stehen:

Show category descriptions
Zeigt unter jeder Cookie-Kategorie eine kurze Erläuterung.

Show cookies list
Erlaubt Besuchern, Kategorien aufzuklappen und die einzelnen Cookies zu sehen.

Use checkboxes instead of switches
Zeigt die Kategoriesteuerung als Kontrollkästchen statt als Schalter.

Animation

Steuert, wie das Präferenzfenster erscheint und sich schließt.

Verfügbare Animationstypen:

• Fade
• Slide
• Zoom
• Grow

Zusammenfassung

Über die Layout-Einstellungen steuern Sie vollständig, wie die Einwilligungsdialoge erscheinen und sich verhalten.

Mit diesen Optionen konfigurieren Sie:

• die Art des angezeigten Einwilligungsdialogs
• Position und Größe des Banners
• Anordnung der Schaltflächen und Interaktionsmöglichkeiten
• den Aufbau des Präferenzfensters
• Animationen und visuelle Darstellung

Gemeinsam sorgen diese Einstellungen dafür, dass sich der Banner harmonisch in Design und Nutzungserlebnis Ihres Shops einfügt.

Aktualisiert am: 05/10/2026