WPConsent-Dokumentation

Dokumentation, Referenzmaterialien und Tutorials für WPConsent

Schwimmender Zustimmungsbutton

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

Inhaltsverzeichnis

Voraussetzungen

Bevor Sie beginnen, stellen Sie sicher, dass Folgendes vorhanden ist:

  • WPConsent ist auf Ihrer WordPress-Website installiert und aktiviert.
  • Sie haben Administratorzugriff auf das WordPress-Dashboard.
  • Die Option „Einwilligungsbanner“ ist auf der Seite „Einstellungen“ aktiviert.

Um zu beginnen, navigieren Sie zu WPConsent >> Einstellungen. Scrollen Sie nach unten zur Zeile „Einstellungen-Schaltfläche“ und aktivieren Sie die Umschaltfläche. Die Beschreibung lautet: „Eine schwebende Schaltfläche anzeigen, um die Zustimmung zu verwalten, nachdem das Banner geschlossen wurde.“

Die Schaltfläche „Einstellungen“ auf der Seite „Einstellungen“

Klicken Sie anschließend auf „Änderungen speichern“, um die Einstellung zu übernehmen.

Auswahl eines Symbols für die Schaltfläche

Sobald Sie die Schaltfläche „Einstellungen“ aktivieren, erscheint auf der Registerkarte „Stil“ der Seite „Banner-Design“ eine Symbolauswahl.

Navigieren Sie zunächst zu WPConsent >> Banner-Design und klicken Sie auf die Registerkarte „Stil “. Scrollen Sie dann zum Ende der Seite, um den Abschnitt „Design der Schwebe-Einstellungsschaltfläche “ zu finden.

Das Symbolauswahlraster für die schwebende Zustimmungs-Schaltfläche

Es wird ein Raster mit Symboloptionen angezeigt. Wählen Sie das gewünschte Symbol aus:

SymbolBeschreibung
Ihr ImageLaden Sie ein benutzerdefiniertes Bild aus Ihrer Medienbibliothek hoch.
PräferenzenEin Schieberegler-Symbol. Dies ist die Standardeinstellung.
EinstellungenEin Zahnrad-Symbol.
KeksEin Cookie-Symbol.
Cookie ausEin Cookie-Symbol mit einem Schrägstrich darüber.
SchlossEin Vorhängeschloss-Symbol.
SchildEin Schild-Symbol.
RichtlinieEin Symbol für ein Dokument/eine Richtlinie.
ListeEin Listen-Symbol.
SchraubenschlüsselEin Schraubenschlüssel-/Werkzeugsymbol.
StimmenEin Symbol für Anpassungen/Feinabstimmung.
BleistiftEin Bleistift-/Bearbeitungssymbol.

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

Farben der Schaltflächen verstehen

Die schwebende Schaltfläche verwendet automatisch dieselbe 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 der schwebenden Schaltfläche entsprechend aktualisiert.

Einzelheiten zum Konfigurieren der Bannerfarben finden Sie in der Anleitung zum Anpassen von Bannerstilen.

Änderungen speichern

Nachdem Sie Ihr Symbol ausgewählt haben, klicken Sie oben rechts auf der Seite „Banner-Design“ auf „Speichern “. Dadurch werden sowohl die Symbolauswahl als auch alle Farbänderungen übernommen.

Wie Besucher mit der Schaltfläche interagieren

Der schwebende Zustimmungsbutton erscheint erst, nachdem ein Besucher mit dem Banner interagiert hat. Hier ist die typische Abfolge:

  1. Ein neuer Besucher kommt auf Ihre Website und sieht das Einwilligungsbanner.
  2. Der Besucher klickt auf „Akzeptieren“, „Ablehnen“ oder speichert seine Einstellungen über das Einstellungsfeld.
  3. Das Banner verschwindet und die schwebende Zustimmungs-Schaltfläche wird in der unteren linken Ecke der Seite eingeblendet.
  4. Bei zukünftigen Besuchen bleibt das Banner ausgeblendet, da die Einstellungen bereits gespeichert sind. Die schwebende Schaltfläche wird sofort angezeigt, sodass der Besucher seine Auswahl ändern kann.
  5. Durch Klicken auf die schwebende Schaltfläche wird das Einstellungsfenster geöffnet. Der Besucher passt die Kategorien an und speichert erneut.

Der schwebende Zustimmungsbutton, der im Frontend sichtbar ist

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

Überprüfen Ihrer Einrichtung

Befolgen Sie diese Schritte, um zu überprüfen, ob die schwebende Schaltfläche ordnungsgemäß funktioniert:

  1. Aktivieren Sie die Schaltfläche „Einstellungen“ und speichern Sie die Änderungen.
  2. Öffnen Sie Ihre Website in einem Inkognito- oder privaten Browserfenster.
  3. Cookies im Einwilligungsbanner akzeptieren oder ablehnen.
  4. Vergewissern Sie sich, dass die schwebende Schaltfläche nach dem Schließen des Banners in der unteren linken Ecke angezeigt wird.
  5. Klicken Sie auf die schwebende Schaltfläche 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 erneut. Die schwebende Schaltfläche wird sofort angezeigt, ohne dass das Banner erscheint.

Der schwebende Button wird nicht angezeigt.

Stellen Sie sicher, dass sowohl die Option „Consent Banner“ als auch die Option „Settings Button“ auf der Seite „Settings“ aktiviert sind. Die schwebende Schaltfläche wird erst angezeigt, nachdem der Besucher eine Einwilligungsentscheidung getroffen hat. Sie müssen also zunächst Cookies akzeptieren oder ablehnen.

Die Farben der Schaltflächen 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 Farbauswahlfelder an. Die Vorschau des schwebenden Buttons im Symbolraster spiegelt die aktuellen Farben wider.

Die Symbolauswahl ist auf der Registerkarte „Stil“ nicht sichtbar.

Die Symbolauswahl wird nur angezeigt, wenn die Schaltfläche „Einstellungen“ aktiviert ist. Navigieren Sie zu WPConsent >> Einstellungen, aktivieren Sie die Schaltfläche und speichern Sie die Einstellung. Kehren Sie dann zur Registerkarte „Stil“ zurück.

Häufig gestellte Fragen

Kann ich mein eigenes Bild als Symbol für die schwebende Schaltfläche verwenden?

Ja. Wählen Sie die Option „Ihr Bild“ im Symbolauswahlfeld und laden Sie ein beliebiges Bild aus Ihrer Medienbibliothek hoch. Benutzerdefinierte Bilder werden mit einer Größe von 24 x 24 Pixel angezeigt.

Kann ich die Position der schwebenden Schaltfläche ä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. Weitere Informationen zum Hinzufügen benutzerdefinierter Stile finden Sie in unserer Anleitung zum Anpassen des WPConsent-Banners mit CSS.

Fügen Sie die CSS-Klasse hinzu wpconsent-open-preferences auf jedes HTML-Element Ihrer Website. Durch Klicken auf dieses Element wird das Einstellungsfenster geöffnet, genau wie bei der schwebenden Schaltfläche.

Schlussfolgerung

Der schwebende Zustimmungsbutton bietet Ihren Besuchern eine dauerhafte, leicht auffindbare Möglichkeit, ihre Cookie-Einstellungen zu verwalten. Nachdem Sie die Umschaltfunktion auf der Seite „Einstellungen“ aktiviert und ein Symbol auf der Registerkarte „Stil“ ausgewählt haben, wird der Button automatisch auf Ihrer Benutzeroberfläche angezeigt.

Um zu erfahren, wie Sie die Farben und das allgemeine Erscheinungsbild Ihres Banners (das auch die schwebende Schaltfläche steuert) anpassen können, lesen Sie die Anleitung zum Gestalten Ihres Einwilligungsbanners.

War dieser Artikel hilfreich?

Verwandte Artikel