> ## 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).

# How to enable and customize the Consent widget (New Version)

### Overview

The consent widget replaces the simple Legacy re-open button. It can show current choices and open the notice or preferences again.

The **Consent widget** is a compact control that stays on the store after the visitor responds to the banner. Visitors can:

* Reopen the cookie notice or preferences
* Use Accept / Decline from the widget (if you show those buttons)
* Expand details such as consent ID and date (if enabled)

You can still add a **Cookie settings** menu link with `#reopenBanner`. See [How to Re-open the Cookie Banner with a Menu Link (New Version)](/en/article/how-to-re-open-the-cookie-banner-with-a-menu-link-new-version-5j2bea/).

||| **New Banner.** For stores with the **New version** badge on **Settings > Banner**. On the Legacy Banner, see [How to switch to the new banner or switch back to the previous version](/en/article/how-to-switch-to-the-new-banner-or-switch-back-to-the-previous-version-x1xdn9/).

### Before you start

* The banner should be enabled (or enabled for admins while you test).
* Decide whether a click on the widget should open the **cookie notice** or **preferences**.

### Enable the widget

1. Open **Shopify Admin > Apps > Pandectes GDPR Compliance**.
2. Go to **Settings > Banner**.
3. Open the **Layout** tab.
4. In **Consent dialogs**, turn on **Consent widget**.
5. Open **Consent widget** layout options (position, animation, buttons, and click action).
6. Save.

![Consent widget position, click action, and button options on the Layout tab](https://images.pandect.es/knowledge-base/how-to-enable-and-customize-the-consent-widget-new-version-2.png =900xauto)

### Layout options

| Setting | What it does |
| -------- | -------- |
| Position | Corner of the screen (for example bottom-left). |
| Animation | How the widget appears. |
| When clicked, opens | Reopen the banner (notice) or open preferences. |
| Accept / Decline / Reopen buttons | Extra actions on the compact widget. |
| Expand to show details | Shows consent ID and date in the status view. |

Widget button order can be reversed independently from the main banner.

### Style and content

* **Style** — upload a **widget logo** and match colors to the banner. See [How to customize banner style, colors, logos, and buttons (New Version)](/en/article/how-to-customize-banner-style-colors-logos-and-buttons-new-version-b1mh64/).
* **Content** — edit status dialog texts. See [How to edit banner texts and links (New Version)](/en/article/how-to-edit-banner-texts-and-links-new-version-mb7883/).

### Preview

In the Banner preview, switch the preview target to **Consent widget**. Check Desktop and Mobile so the widget does not cover cart or chat buttons.

### Related articles

* [Customizing the layout of the banner (New Version)](/en/article/customizing-the-layout-of-the-banner-new-version-wt79uc/)
* [Custom styling with CSS](/en/article/custom-styling-with-css-52oqz4/)
* [Migration Guide: Recreating your Legacy Look in New Version](/en/article/migration-guide-recreating-your-legacy-look-in-new-version-1r1oqc2/)