Möchten Sie Ihren Besuchern eine einfache Möglichkeit geben, ihre Cookie-Einstellungen zu aktualisieren, nachdem sie das Banner geschlossen haben? WPConsent enthält eine schwebende Einverständnis-Schaltfläche, die auf jeder Seite sichtbar bleibt und es den Besuchern ermöglicht, das Einstellungsfenster jederzeit wieder zu öffnen. Diese Anleitung führt Sie durch die Aktivierung und Anpassung der schwebenden Einverständnis-Schaltfläche.

Inhaltsverzeichnis

• Voraussetzungen
• Aktivieren der schwebenden Einverständnis-Schaltfläche
• Auswählen eines Symbols für die Schaltfläche
• Verständnis der Schaltflächenfarben
• Speichern Ihrer Änderungen
• Einrichtung überprüfen
• FAQ
• Schlussfolgerung

Voraussetzungen

Stellen Sie vor Beginn sicher, dass Folgendes vorhanden ist:

• WPConsent ist auf Ihrer WordPress-Website installiert und aktiviert.
• Sie haben Administratorzugriff auf das WordPress-Dashboard.
• Der Umschalter Einverständnis-Banner ist auf der Seite Einstellungen aktiviert.

Aktivieren der schwebenden Einverständnis-Schaltfläche

Navigieren Sie zu Beginn zu WPConsent >> Einstellungen. Scrollen Sie nach unten zum Abschnitt Schwebende Schaltfläche und aktivieren Sie den Umschalter. Die Beschreibung lautet: „Zeigt eine schwebende Schaltfläche zur Verwaltung des Einverständnisses an, nachdem das Banner geschlossen wurde.“

Klicken Sie dann auf Änderungen speichern, um die Einstellung zu übernehmen.

Auswählen eines Symbols für die Schaltfläche

Sobald Sie den Umschalter Schwebende Schaltfläche aktivieren, erscheint auf der Registerkarte Stil der Seite Banner-Design eine Symbolauswahl.

Navigieren Sie zuerst zu WPConsent >> Banner-Design und klicken Sie auf die Registerkarte Stil. Scrollen Sie dann zum Ende der Seite, um den Abschnitt Design der schwebenden Einverständnis-Schaltfläche zu finden.

Sie sehen ein Raster mit Symboloptionen. Wählen Sie das gewünschte aus:

Symbol	Beschreibung
Ihr Bild	Laden Sie ein benutzerdefiniertes Bild aus Ihrer Mediathek hoch.
Einstellungen	Ein Symbol mit Schiebereglern. Dies ist die Standardeinstellung.
Einstellungen	Ein Zahnradsymbol.
Keks	Ein Cookie-Symbol.
Cookie aus	Ein Cookie-Symbol mit einem durchgestrichenen Kreis.
Schloss	Ein Vorhängeschlosssymbol.
Schild	Ein Schildsymbol.
Richtlinie	Ein Dokument-/Richtliniensymbol.
Liste	Ein Listen-Symbol.
Schraubenschlüssel	Ein Schraubenschlüssel-/Werkzeug-Symbol.
Abstimmen	Ein Symbol für Anpassungen/Abstimmung.
Stift	Ein Stift-/Bearbeitungs-Symbol.

Um ein benutzerdefiniertes Bild hochzuladen, klicken Sie auf die Option Ihr Bild. Ein Schaltfläche zum Hochladen von Medien wird angezeigt. Klicken Sie darauf, wählen Sie ein Bild aus oder laden Sie es hoch und bestätigen Sie Ihre Auswahl. Benutzerdefinierte Bilder werden in einer Größe von 24 x 24 Pixel angezeigt.

Verständnis der Schaltflächenfarben

Der schwebende Button verwendet automatisch die gleiche Hintergrundfarbe und Textfarbe wie Ihr Banner. Sie können diese Farben oben auf der Registerkarte Stil unter der Überschrift Banner festlegen. Wenn Sie die Bannerfarben ändern, werden die Farben des schwebenden Buttons entsprechend aktualisiert.

Details zur Konfiguration der Bannerfarben finden Sie im Leitfaden zum Anpassen von Bannerstilen.

Speichern Ihrer Änderungen

Nachdem Sie Ihr Symbol ausgewählt haben, klicken Sie auf der Seite Bannerdesign in der oberen rechten Ecke auf Speichern. Dies wendet sowohl die Symbolauswahl als auch alle Farbänderungen an.

Wie Besucher mit dem Button interagieren

Der schwebende Einwilligungs-Button erscheint erst, nachdem ein Besucher mit dem Banner interagiert hat. Hier ist die typische Reihenfolge:

1. Ein neuer Besucher kommt auf Ihre Website und sieht das Einwilligungsbanner.
2. Der Besucher klickt auf Akzeptieren, Ablehnen oder speichert die Einstellungen über das Einstellungsfenster.
3. Das Banner verschwindet und der schwebende Einwilligungs-Button blendet sich in der unteren linken Ecke der Seite ein.
4. Bei zukünftigen Besuchen bleibt das Banner ausgeblendet, da die Einstellungen bereits gespeichert sind. Der schwebende Button erscheint sofort, damit der Besucher seine Auswahl ändern kann.
5. Durch Klicken auf den schwebenden Button wird das Einstellungsfenster geöffnet. Der Besucher passt die Kategorien an und speichert erneut.

Tipp: Sie können Besuchern auch ermöglichen, das Einstellungsfenster über einen beliebigen Link oder Button auf Ihrer Website zu öffnen. Fügen Sie die CSS-Klasse wpconsent-open-preferences zu einem beliebigen HTML-Element hinzu, und es wird zu einem Auslöser für das Einstellungsfenster.

Einrichtung überprüfen

Befolgen Sie diese Schritte, um zu bestätigen, dass der schwebende Button korrekt funktioniert:

1. Aktivieren Sie den Schalter Einstellungs-Button und speichern Sie.
2. Öffnen Sie Ihre Website in einem Inkognito- oder privaten Browserfenster.
3. Akzeptieren oder lehnen Sie Cookies auf dem Einwilligungsbanner ab.
4. Bestätigen Sie, dass der schwebende Button nach dem Ausblenden des Banners in der unteren linken Ecke erscheint.
5. Klicken Sie auf den schwebenden Button und überprüfen Sie, ob das Einstellungsfenster geöffnet wird.
6. Schließen Sie den Browser, öffnen Sie ihn erneut und besuchen Sie Ihre Website wieder. Der schwebende Button erscheint sofort, ohne dass das Banner angezeigt wird.

Der schwebende Button erscheint nicht

Stellen Sie sicher, dass sowohl der Schalter Einwilligungsbanner als auch der Schalter Einstellungs-Button auf der Seite Einstellungen aktiviert sind. Der schwebende Button erscheint erst, nachdem der Besucher eine Einwilligungsentscheidung getroffen hat. Sie müssen also zuerst Cookies akzeptieren oder ablehnen.

Die Button-Farben passen nicht zu meiner Marke

Der schwebende Button übernimmt die Hintergrundfarbe und Textfarbe des Banners. Navigieren Sie zu WPConsent >> Banner Design >> Stil und passen Sie diese beiden Farbwähler an. Die Vorschau des schwebenden Buttons im Icon-Raster spiegelt die aktuellen Farben wider.

Der Icon-Auswähler ist auf der Registerkarte „Stil“ nicht sichtbar

Der Icon-Auswähler erscheint nur, wenn die Umschaltfläche Einstellungen-Button aktiviert ist. Navigieren Sie zu WPConsent >> Einstellungen, aktivieren Sie die Umschaltfläche und speichern Sie. Kehren Sie dann zur Registerkarte Stil zurück.

FAQ

Kann ich mein eigenes Bild als Icon für den schwebenden Button verwenden?

Ja. Wählen Sie die Option Ihr Bild im Icon-Auswähler-Raster aus und laden Sie ein beliebiges Bild aus Ihrer Mediathek hoch. Benutzerdefinierte Bilder werden in einer Größe von 24 x 24 Pixel angezeigt.

Kann ich die Position des schwebenden Buttons ändern?

Der schwebende Button erscheint standardmäßig in der unteren linken Ecke der Seite. Es gibt keine integrierte Einstellung, um seine Position zu ändern, aber Sie können ihn mit benutzerdefiniertem CSS verschieben. Details zum Hinzufügen benutzerdefinierter Stile finden Sie in unserer Anleitung zum Anpassen des WPConsent-Banners mit CSS.

Wie kann ich Besuchern ermöglichen, Präferenzen über einen normalen Link anstelle des schwebenden Buttons zu öffnen?

Fügen Sie die CSS-Klasse wpconsent-open-preferences zu einem beliebigen HTML-Element auf Ihrer Website hinzu. Das Klicken auf dieses Element öffnet das Präferenzfenster, genau wie der schwebende Button.

Schlussfolgerung

Der schwebende Zustimmungsbutton bietet Ihren Besuchern eine dauerhafte, leicht zu findende Möglichkeit, ihre Cookie-Präferenzen zu verwalten. Nachdem Sie die Umschaltfläche auf der Einstellungsseite aktiviert und auf der Registerkarte „Stil“ ein Icon ausgewählt haben, erscheint der Button automatisch auf Ihrem Frontend.

Um zu erfahren, wie Sie die Farben und das allgemeine Erscheinungsbild Ihres Banners anpassen (was auch den schwebenden Button steuert), lesen Sie die Anleitung zum Styling Ihres Zustimmungsbanners.