Aktualisiert: Oktober 2026 – gilt für Borlabs Cookie 3.x
Gib einem Link, Button oder Menüpunkt die CSS-Klasse borlabs-cookie-open-dialog-preferences. Borlabs Cookie erkennt das Element und öffnet beim Klick den Einstellungsdialog. Code brauchst du dafür nicht.
In der Block-Navigation (Block-Theme / FSE)
- Öffne im Website-Editor die Vorlage oder den Template-Teil mit deiner Navigation, meist den Footer.
- Füge dem Navigations-Block einen individuellen Link hinzu. Als URL reicht #, als Text zum Beispiel „Cookie-Einstellungen“.
- Trage in den Block-Einstellungen unter Erweitert › Zusätzliche CSS-Klasse(n) diesen Wert ein: borlabs-cookie-open-dialog-preferences
- Speichere und teste den Link im Frontend, am besten in einem privaten Fenster
Im klassischen Menü
- Gehe zu Design › Menüs und wähle dein Menü.
- Füge einen individuellen Link mit der URL # hinzu.
- Falls das Feld CSS-Klassen fehlt, aktiviere es oben über „Ansicht anpassen“.
- Trage borlabs-cookie-open-dialog-preferences ein und speichere das Menü.
Als Shortcode (Datenschutzerklärung, Seiten, Widget)
Wo WordPress Shortcodes verarbeitet, etwa im Shortcode-Block oder in einem Text-Widget, geht es auch ohne CSS-Klasse:
Shortcode für Button
[borlabs-cookie type="btn-consent-preferences" title="Cookie-Einstellungen"/]Shortcode für Link
[borlabs-cookie type="btn-consent-preferences" title="Cookie-Einstellungen" element="link"/]Mit title legst du die Beschriftung fest. Der Shortcode eignet sich vor allem für die Datenschutzerklärung. In Navigationen ist die CSS-Klasse die einfachere Lösung, weil die Block-Navigation keine Shortcodes ausführt.
Shortcode für schnellen Opt-Out (Datenschutzerklärung)
[borlabs-cookie type="btn-switch-consent" id="Consent widerrufen"/]Als Button oder Link im Inhalt
Die Klasse funktioniert auch bei einem Button-Block oder direkt im HTML:
<a href="#" class="borlabs-cookie-open-dialog-preferences">Cookie-Einstellungen</a>Einwilligungshistorie erreichbar machen
Besucherinnen und Besucher sollen nicht nur ihre Einstellungen ändern, sondern auch nachsehen können, wann sie welche Einwilligung gegeben haben. Borlabs Cookie zeigt diese Historie über einen eigenen Shortcode an. Am einfachsten wird sie über eine eigene kleine Seite erreichbar, die du in der Navigation verlinkst.
- Lege eine neue Seite an, zum Beispiel „Meine Cookie-Einwilligungen“.
- Füge einen Shortcode-Block ein und setze den Shortcode für die Einwilligungshistorie ein:
[borlabs-cookie type="consent-history"/]Hier bekommen Nutzer allerdings nur Einträge zu sehen, wenn sie Cookies akzeptiert haben. Bei Ablehnung existiert keine UID (mehr), das betrifft auch bereits früher erteilte Zustimmungen, da die Cookies auf dem Rechner des Users dann ja gelöscht wurden, oder gar nicht erst gesetzt. Auch beim Wechseln des Browsers geht die UID verloren, und die Historie ist leer.
Wenn du direkt auf der Seite auch nochmal den Button zum Ändern der Einstellungen zur Verfügung stellst, kann der Besucher direkt auf der Historyseite die Einstellungen anpassen.
[borlabs-cookie type="btn-consent-preferences" title="Einstellungen anpassen" element="link"/]Für ältere Installationen (Borlabs Cookie 2.x)
Bei Version 2 hieß die Klasse noch borlabs-cookie-preference. Wer ein klassisches Theme ohne Menü-Editor nutzt, konnte den Link per Filter anhängen:
Der Shortcode wird einfach als zusätzliches „Item“ ans Ende des ausgesuchten Menüs gehängt.
add_filter( 'wp_nav_menu_items', function( $items, $args ) {
if ( $args->theme_location == 'footer_menu' && shortcode_exists('borlabs-cookie') ) {
$items .= sprintf( '<li>%s</li>', sprintf( do_shortcode( '[borlabs-cookie type="btn-cookie-preference" title="%s" element="link"/]' ), __( 'Cookie settings', 'my-textdomain' ) ) );
}
return $items;
}, 10, 2 );Oder einen Link (danke für die Ergänzungen in den Kommentaren), falls es ein Button sein soll:
add_filter( 'wp_nav_menu_items', function( $items, $args ) {
if ( $args->theme_location == 'footer_menu' && shortcode_exists('borlabs-cookie') ) {
$items .= sprintf( '<li><a href="#" class="_brlbs-btn-cookie-preference borlabs-cookie-preference">%s</a></li>', __( 'Cookie settings', 'my-textdomain' ) );
}
return $items;
}, 10, 2 );Alternativ als einfacher Link, der sich in die Menü-Gestaltung einfügt:
add_filter( 'wp_nav_menu_items', function( $items, $args ) {
if ( $args->theme_location == 'footer_menu' && shortcode_exists('borlabs-cookie') ) {
$items .= sprintf( '<li><a href="#" class="borlabs-cookie-preference">%s</a></li>', __( 'Cookie settings', 'my-textdomain' ) );
}
return $items;
}, 10, 2 );Die Lösung bezieht sich noch auf Installationen mit klassischer Menü-Verwaltung. Außerdem erfüllt sie nur einen Teil der Anforderungen. Ebenfalls vorgesehen ist, dass jeder Nutzer Zugriff auf seine Einwilligungs-Historie haben sollte. Dafür bietet Borlabs Cookie ebenfalls einen Shortcode an, den man auf einer Seite platzieren kann, und der dann für jeden Nutzer seine individuelle Entscheidungen anzeigt. Auch diese Seite wird günstigerweise in einem Menü verlinkt, wie jede andere „normale“ Seite.
Um die Cookie-Einstellungen bei FSE im Menü zu integrieren, dem Menü im Editor einen Punkt hinzufügen mit href=“#“, ihm z.B. „Cookie-Einstellungen“ nenen, und in den Blockeinstellungen die Klasse borlabs-cookie-preference angeben.
Die Borlabs-eigene Variante für einen globalen Einstellungslink ist unter den Cookie Box-Einstellungen zu finden. An der ausgewählten Position erscheint dann ein Kringel in der eingestellten Farbe, der auf Klick die Cookie-Einstellungen öffnet.
Schreibe einen Kommentar