--- title: "How to switch the Cookiebot banner design to \"Overlay\"" description: Follow the steps below to switch the Cookiebot banner design to overlay. This will prevent users from navigating the site before consent and ensure click IDs are captured if consent is granted. --- [Skip to content](https://knowledge.profitmetrics.io/how-to-switch-the-cookiebot-banner-design-to-overlay#main-content) [![ProfitMetrics logo black version](https://knowledge.profitmetrics.io/hs-fs/hubfs/pm_logotype_blue.png?width=193&height=28&name=pm_logotype_blue.png)](https://knowledge.profitmetrics.io/?hsLang=en) Open main navigation Close main navigation - [Contact Support](https://knowledge.profitmetrics.io/kb-ticket/new) [Contact Support](https://knowledge.profitmetrics.io/kb-ticket/new?hsLang=en) How can we help you? - There are no suggestions because the search field is empty. 1. [Knowledge base](https://knowledge.profitmetrics.io/?hsLang=en) 2. [Privacy & Consent](https://knowledge.profitmetrics.io/privacy-consent?hsLang=en) 3. [Consent Management Platforms](https://knowledge.profitmetrics.io/privacy-consent?hsLang=en#consent-management-platforms) # How to switch the Cookiebot banner design to "Overlay" ## Follow the steps below to switch the Cookiebot banner design to overlay. This will prevent users from navigating the site before consent and ensure click IDs are captured if consent is granted. --- Part 1: [Log in to Cookiebot and select your CMP](https://knowledge.profitmetrics.io/how-to-switch-the-cookiebot-banner-design-to-overlay#part1) Part 2: [Change design in Cookiebot CMP Manager](https://knowledge.profitmetrics.io/how-to-switch-the-cookiebot-banner-design-to-overlay#part2) Part 3: [Change design in Cookiebot CMP Admin](https://knowledge.profitmetrics.io/how-to-switch-the-cookiebot-banner-design-to-overlay#part3) --- ### Part 1: Log in to Cookiebot and select your CMP 1. Navigate to [https://www.cookiebot.com/](https://www.cookiebot.com/) 2. Click **"Log In"** ![Customizing Cookiebot CMP Banner Design to Overlay - Step 2](https://knowledge.profitmetrics.io/hs-fs/hubfs/Customizing%20Cookiebot%20CMP%20Banner%20Design%20to%20Overlay%20-%20Step%202.png?width=688&height=385&name=Customizing%20Cookiebot%20CMP%20Banner%20Design%20to%20Overlay%20-%20Step%202.png) 3. Select "**Cookiebot CMP Manager**" or "**Cookiebot CMP Admin**" and Click **"Log in"** ![](https://knowledge.profitmetrics.io/hs-fs/hubfs/Screenshot%202024-05-28%20at%2009-13-48-png.png?width=688&height=407&name=Screenshot%202024-05-28%20at%2009-13-48-png.png) ### Part 2: Change design in Cookiebot CMP Manager 1. Click "**Banner"** ![Customizing Cookiebot CMP Banner Design to Overlay - Step 10](https://knowledge.profitmetrics.io/hs-fs/hubfs/Customizing%20Cookiebot%20CMP%20Banner%20Design%20to%20Overlay%20-%20Step%2010.png?width=688&height=385&name=Customizing%20Cookiebot%20CMP%20Banner%20Design%20to%20Overlay%20-%20Step%2010.png) 2. Click the "**Position**" dropdown menu ![Customizing Cookiebot CMP Banner Design to Overlay - Step 15](https://knowledge.profitmetrics.io/hs-fs/hubfs/Customizing%20Cookiebot%20CMP%20Banner%20Design%20to%20Overlay%20-%20Step%2015.png?width=688&height=385&name=Customizing%20Cookiebot%20CMP%20Banner%20Design%20to%20Overlay%20-%20Step%2015.png) 3. Select **"Overlay" ![Customizing Cookiebot CMP Banner Design to Overlay - Step 16](https://knowledge.profitmetrics.io/hs-fs/hubfs/Customizing%20Cookiebot%20CMP%20Banner%20Design%20to%20Overlay%20-%20Step%2016.png?width=688&height=385&name=Customizing%20Cookiebot%20CMP%20Banner%20Design%20to%20Overlay%20-%20Step%2016.png)** 4. Click **"Save"** ![Customizing Cookiebot CMP Banner Design to Overlay - Step 17](https://knowledge.profitmetrics.io/hs-fs/hubfs/Customizing%20Cookiebot%20CMP%20Banner%20Design%20to%20Overlay%20-%20Step%2017.png?width=688&height=385&name=Customizing%20Cookiebot%20CMP%20Banner%20Design%20to%20Overlay%20-%20Step%2017.png) ### Part 3: Change design in Cookiebot CMP Admin 1. Click "**Configuration**" ![Set Cookiebot Overlay to None. - Step 2](https://knowledge.profitmetrics.io/hs-fs/hubfs/Set%20Cookiebot%20Overlay%20to%20None.%20-%20Step%202.png?width=688&height=385&name=Set%20Cookiebot%20Overlay%20to%20None.%20-%20Step%202.png) 2. Click the **"Style effect"** dropdown menu ![Set Cookiebot Overlay to None. - Step 3](https://knowledge.profitmetrics.io/hs-fs/hubfs/Set%20Cookiebot%20Overlay%20to%20None.%20-%20Step%203.png?width=688&height=385&name=Set%20Cookiebot%20Overlay%20to%20None.%20-%20Step%203.png) 3. Select **"Overlay"** ![Set Cookiebot Overlay to None. - Step 4](https://knowledge.profitmetrics.io/hs-fs/hubfs/Set%20Cookiebot%20Overlay%20to%20None.%20-%20Step%204.png?width=688&height=385&name=Set%20Cookiebot%20Overlay%20to%20None.%20-%20Step%204.png) 4. Click **"Save changed"** ![Set Cookiebot Overlay to None. - Step 5](https://knowledge.profitmetrics.io/hs-fs/hubfs/Set%20Cookiebot%20Overlay%20to%20None.%20-%20Step%205.png?width=688&height=385&name=Set%20Cookiebot%20Overlay%20to%20None.%20-%20Step%205.png)     - [Getting Started](https://knowledge.profitmetrics.io/getting-started?hsLang=en#main-content) - [Learn the Basics](https://knowledge.profitmetrics.io/getting-started?hsLang=en#learn-the-basics) - [Prepare for Onboarding](https://knowledge.profitmetrics.io/getting-started?hsLang=en#prepare-for-onboarding) - [Account Setup](https://knowledge.profitmetrics.io/getting-started?hsLang=en#account-setup) - [E-commerce Platforms](https://knowledge.profitmetrics.io/e-commerce-platforms?hsLang=en#main-content) - [Shopify](https://knowledge.profitmetrics.io/e-commerce-platforms?hsLang=en#shopify) - [WooCommerce](https://knowledge.profitmetrics.io/e-commerce-platforms?hsLang=en#woocommerce) - [Magento](https://knowledge.profitmetrics.io/e-commerce-platforms?hsLang=en#magento) - [PrestaShop](https://knowledge.profitmetrics.io/e-commerce-platforms?hsLang=en#prestashop) - [BigCommerce](https://knowledge.profitmetrics.io/e-commerce-platforms?hsLang=en#bigcommerce) - [Shopware](https://knowledge.profitmetrics.io/e-commerce-platforms?hsLang=en#shopware) - [DanDomain & Related](https://knowledge.profitmetrics.io/e-commerce-platforms?hsLang=en#dandomain-related) - [Universal Integration (Clientside)](https://knowledge.profitmetrics.io/e-commerce-platforms?hsLang=en#universal-integration-clientside) - [Universal Integration (Server-side Hybrid)](https://knowledge.profitmetrics.io/e-commerce-platforms?hsLang=en#universal-integration-server-side-hybrid) - [Other Platforms](https://knowledge.profitmetrics.io/e-commerce-platforms?hsLang=en#other-platforms) - [Developer Documentation](https://knowledge.profitmetrics.io/e-commerce-platforms?hsLang=en#developer-documentation) - [Ad Channels](https://knowledge.profitmetrics.io/ad-channels?hsLang=en#main-content) - [Google Ads](https://knowledge.profitmetrics.io/ad-channels?hsLang=en#google-ads) - [Meta (Facebook/Instagram)](https://knowledge.profitmetrics.io/ad-channels?hsLang=en#meta-facebook-instagram) - [Microsoft Bing Ads](https://knowledge.profitmetrics.io/ad-channels?hsLang=en#microsoft-bing-ads) - [Google Analytics 4](https://knowledge.profitmetrics.io/ad-channels?hsLang=en#google-analytics-4) - [Partner-ads](https://knowledge.profitmetrics.io/ad-channels?hsLang=en#partner-ads) - [Other Channel Configuration](https://knowledge.profitmetrics.io/ad-channels?hsLang=en#other-channel-configuration) - [Tracking & Conversion Setup](https://knowledge.profitmetrics.io/tracking-conversion-setup?hsLang=en#main-content) - [Overview](https://knowledge.profitmetrics.io/tracking-conversion-setup?hsLang=en#overview) - [Conversion Booster for Google Ads](https://knowledge.profitmetrics.io/tracking-conversion-setup?hsLang=en#conversion-booster-for-google-ads) - [Conversion Booster for Meta](https://knowledge.profitmetrics.io/tracking-conversion-setup?hsLang=en#conversion-booster-for-meta) - [Conversion Booster Custom Pixels](https://knowledge.profitmetrics.io/tracking-conversion-setup?hsLang=en#conversion-booster-custom-pixels) - [Enhanced Conversions](https://knowledge.profitmetrics.io/tracking-conversion-setup?hsLang=en#enhanced-conversions) - [Shopping Booster](https://knowledge.profitmetrics.io/shopping-booster?hsLang=en#main-content) - [Overview & Setup](https://knowledge.profitmetrics.io/shopping-booster?hsLang=en#overview-setup) - [Supplemental Feeds](https://knowledge.profitmetrics.io/shopping-booster?hsLang=en#supplemental-feeds) - [Campaigns & Labels](https://knowledge.profitmetrics.io/shopping-booster?hsLang=en#campaigns-labels) - [Troubleshooting](https://knowledge.profitmetrics.io/shopping-booster?hsLang=en#troubleshooting) - [Product Feed & Costs](https://knowledge.profitmetrics.io/product-feed-costs?hsLang=en#main-content) - [Product Feed](https://knowledge.profitmetrics.io/product-feed-costs?hsLang=en#product-feed) - [Shipping & Payment Costs](https://knowledge.profitmetrics.io/product-feed-costs?hsLang=en#shipping-payment-costs) - [Expenses](https://knowledge.profitmetrics.io/product-feed-costs?hsLang=en#expenses) - [Dashboard, Orders & Reporting](https://knowledge.profitmetrics.io/dashboard-orders-reporting?hsLang=en#main-content) - [Dashboard & Orders](https://knowledge.profitmetrics.io/dashboard-orders-reporting?hsLang=en#dashboard-orders) - [Looker Studio](https://knowledge.profitmetrics.io/dashboard-orders-reporting?hsLang=en#looker-studio) - [Google BigQuery](https://knowledge.profitmetrics.io/dashboard-orders-reporting?hsLang=en#google-bigquery) - [Account & Billing](https://knowledge.profitmetrics.io/account-billing?hsLang=en#main-content) - [Users & Access](https://knowledge.profitmetrics.io/account-billing?hsLang=en#users-access) - [Billing & Invoices](https://knowledge.profitmetrics.io/account-billing?hsLang=en#billing-invoices) - [Privacy & Consent](https://knowledge.profitmetrics.io/privacy-consent?hsLang=en#main-content) - [GDPR](https://knowledge.profitmetrics.io/privacy-consent?hsLang=en#gdpr) - [Consent Management Platforms](https://knowledge.profitmetrics.io/privacy-consent?hsLang=en#consent-management-platforms) - [Google Consent Mode](https://knowledge.profitmetrics.io/privacy-consent?hsLang=en#google-consent-mode) - [For Agencies](https://knowledge.profitmetrics.io/for-agencies?hsLang=en#main-content) - [Getting Started as an Agency](https://knowledge.profitmetrics.io/for-agencies?hsLang=en#getting-started-as-an-agency) - [Agency Certification](https://knowledge.profitmetrics.io/for-agencies?hsLang=en#agency-certification) - [Shopify](https://knowledge.profitmetrics.io/shopify?hsLang=en) - [PrestaShop](https://knowledge.profitmetrics.io/prestashop?hsLang=en) - [Google Ads](https://knowledge.profitmetrics.io/google-ads?hsLang=en#main-content) - [troubleshoot](https://knowledge.profitmetrics.io/google-ads?hsLang=en#troubleshoot) - [Meta (Facebook / Instagram)](https://knowledge.profitmetrics.io/meta-facebook-instagram?hsLang=en) - [Uncategorized](https://knowledge.profitmetrics.io/uncategorized?hsLang=en) - [Billing](https://knowledge.profitmetrics.io/billing?hsLang=en) - [Google Sheets](https://knowledge.profitmetrics.io/google-sheets?hsLang=en) - [Account](https://knowledge.profitmetrics.io/account?hsLang=en) - [Ideal Shop](https://knowledge.profitmetrics.io/ideal-shop?hsLang=en) [![ProfitMetrics logo black version](https://knowledge.profitmetrics.io/hs-fs/hubfs/pm_logotype_blue.png?width=193&height=28&name=pm_logotype_blue.png "ProfitMetrics logo black version")](https://profitmetrics.io) [mailto:support@profitmetrics.io](mailto:support@profitmetrics.io) Copyright © 2026, ProfitMetrics ApS