> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# So aktivieren und gestalten Sie das Consent Widget (Neue Version)

### Überblick

Das Consent Widget ersetzt die einfache Schaltfläche zum erneuten Öffnen aus der Legacy-Version. Es kann die aktuellen Entscheidungen anzeigen und den Hinweis oder die Präferenzen erneut öffnen.

Das **Consent widget** ist ein kompaktes Bedienelement, das im Shop bestehen bleibt, nachdem der Besucher auf den Banner reagiert hat. Besucher können damit:

* den Cookie-Hinweis oder die Präferenzen erneut öffnen
* Accept und Decline direkt im Widget nutzen (sofern Sie diese Schaltflächen anzeigen)
* Details wie Einwilligungs-ID und Datum aufklappen (sofern aktiviert)

Sie können zusätzlich einen Menülink **Cookie-Einstellungen** mit `#reopenBanner` anlegen. Siehe [So öffnen Sie den Cookie-Banner über einen Menülink erneut (Neue Version)](/en/article/how-to-re-open-the-cookie-banner-with-a-menu-link-new-version-5j2bea/).

||| **Neuer Banner.** Gilt für Shops mit dem Hinweis **New version** unter **Cookie banner**. Beim Legacy-Banner siehe [So wechseln Sie zum neuen Banner oder zurück zur vorherigen Version](/en/article/how-to-switch-to-the-new-banner-or-switch-back-to-the-previous-version-x1xdn9/).

### Bevor Sie beginnen

* Der Banner sollte aktiviert sein (oder während des Tests für Administratoren aktiviert).
* Entscheiden Sie, ob ein Klick auf das Widget den **Cookie-Hinweis** oder die **Präferenzen** öffnen soll.

### Das Widget aktivieren

1. Öffnen Sie **Shopify Admin > Apps > Pandectes GDPR Compliance**.
2. Gehen Sie zu **Cookie banner**.
3. Öffnen Sie den Reiter **Layout**.
4. Aktivieren Sie unter **Consent dialogs** die Option **Consent widget**.
5. Öffnen Sie die Layout-Optionen des **Consent widget** (Position, Animation, Schaltflächen und Klickaktion).
6. Speichern Sie.

![Position, Klickaktion und Schaltflächenoptionen des Consent Widgets im Reiter Layout](https://images.pandect.es/knowledge-base/how-to-enable-and-customize-the-consent-widget-new-version-2.png =900xauto)

### Die Layout-Optionen

| Einstellung | Wirkung |
| -------- | -------- |
| Position | Bildschirmecke (zum Beispiel unten links). |
| Animation | Wie das Widget erscheint. |
| When clicked, opens | Öffnet beim Klick den Banner (Hinweis) oder die Präferenzen. |
| Schaltflächen Accept, Decline, Reopen | Zusätzliche Aktionen im kompakten Widget. |
| Expand to show details | Zeigt Einwilligungs-ID und Datum in der Statusansicht. |

Die Reihenfolge der Widget-Schaltflächen lässt sich unabhängig vom Hauptbanner umkehren.

### Stil und Inhalt

* **Style** — laden Sie ein **Widget-Logo** hoch und stimmen Sie die Farben auf den Banner ab. Siehe [So passen Sie Stil, Farben, Logos und Schaltflächen des Banners an (Neue Version)](/en/article/how-to-customize-banner-style-colors-logos-and-buttons-new-version-b1mh64/).
* **Content** — bearbeiten Sie die Texte des Statusfensters. Siehe [So bearbeiten Sie Texte und Links des Banners (Neue Version)](/en/article/how-to-edit-banner-texts-and-links-new-version-mb7883/).

### Vorschau

Wechseln Sie in der Banner-Vorschau das Vorschauziel auf **Consent widget**. Prüfen Sie Desktop und Mobil, damit das Widget weder Warenkorb- noch Chat-Schaltflächen verdeckt.

### Verwandte Artikel

* [Das Layout des Banners anpassen (Neue Version)](/en/article/customizing-the-layout-of-the-banner-new-version-wt79uc/)
* [Eigenes Styling mit CSS](/en/article/custom-styling-with-css-52oqz4/)
* [Migrationsleitfaden: Ihren Legacy-Look in der neuen Version nachbauen](/en/article/migration-guide-recreating-your-legacy-look-in-new-version-1r1oqc2/)