Articles on: Cookie Consent

๐Ÿช How to Set Up a Cookie Consent Banner

The Cookie Consent Banner helps inform visitors about cookie usage, collect consent preferences, and support compliance with privacy regulations such as GDPR, CCPA, LGPD, PIPEDA, APPI, and more.


Once configured, the banner appears on your storefront and allows visitors to accept, decline, or manage cookie preferences based on the behavior settings you choose.


This guide walks through the complete setup process, from enabling the app embed to customizing the banner's appearance and content.



โš ๏ธ Before You Begin


Before setting up your Cookie Consent Banner, make sure:


  • GDPR EU Cookie Banner is installed
  • You have access to your Shopify Admin
  • You have permission to edit your Shopify theme


โš ๏ธ The Cookie Banner will not appear until the App Embed is enabled.



โœ… Step 1: Enable the App Embed


For the Cookie Consent Banner to appear on your storefront, the App Embed must be enabled inside your Shopify theme.


Go to:


Shopify Admin โ†’ Sales Channels โ†’ Online Store โ†’ Themes โ†’ Edit Theme โ†’ App Embeds


Then:


  • Locate Cookie PopUp/Banner
  • Toggle it ON
  • Click Save


๐Ÿ’ก You can also use the Turn On option inside the app, which opens the Shopify Theme Editor directly.



โœ… Step 2: Open Banner Settings


Open the GDPR EU Cookie Banner app from your Shopify Admin.


Then either:


โ†’ Click Setup Your Cookie Banner from the Dashboard


or


โ†’ Open Banner Settings from the left-side navigation menu


This opens the banner configuration page.


The setup is organized into the following sections:


  • Region
  • Behavior
  • Design
  • Content
  • Checkout


A live preview is available throughout the setup process to help you visualize changes before saving.



โœ… Step 3: Configure Region Settings


Open the Region tab.


This section determines where the Cookie Banner will appear.


Select the privacy regulations or regions that apply to your store.


Examples include:


  • GDPR
  • CCPA
  • LGPD
  • PIPEDA
  • APPI


๐Ÿ’ก If your store serves multiple regions, you can enable more than one region at the same time.



Edit Region Coverage


Each region can be customized individually.


Click:


โ†’ Edit


to review and modify the countries or locations included within that region.


This gives you more control over where the banner is displayed.



โœ… Step 4: Configure Banner Behavior


Open the Behavior tab.


This section controls how visitors interact with the banner.



๐ŸŽ›๏ธ Banner Type


Choose how visitors provide consent.


Preferences


Displays a Preferences popup where visitors can choose cookie categories individually.


This provides the most detailed consent experience.



Accept / Decline


Displays both Accept and Decline buttons.


Visitors can quickly grant or reject consent.



Accept Only


Displays only an Accept button.


Visitors can acknowledge the banner without seeing a Decline option.



Decline Only


Displays only a Decline button.


This may be useful in specific compliance scenarios.



Informative


Displays informational content without requiring visitor interaction.



๐Ÿšซ Decline Behavior


This setting appears only when:


  • Accept / Decline
  • Decline Only


is selected as the Banner Type.


Deny All Cookies


Blocks all non-essential cookies when visitors decline.



Do Nothing


Closes the banner without modifying cookie behavior.




Display a privacy policy link directly inside the Cookie Banner.


Available options include:



Displays your privacy policy link within the banner.




Displays a Google-specific privacy policy link.



Privacy Policy Source


When Privacy Policy is enabled, you can choose:


  • Auto Generate: if this is selected, privacy policy will show based on the country:
    • EU countries โ†’ GDPR Privacy Policy
    • Canada (CA) โ†’ PIPEDA Privacy Policy
    • United States (US) โ†’ CCPA Privacy Policy
    • Brazil (BR) โ†’ LGPD Privacy Policy
    • Japan (JP) โ†’ APPI Privacy Policy
    • All other countries โ†’ Defaults to GDPR Privacy Policy
  • Specific Privacy Policy


Examples include:


  • Shopify Policy
  • GDPR Policy
  • CCPA Policy
  • LGPD Policy
  • PIPEDA Policy
  • APPI Policy



๐ŸŒŽ Data Sales Opt-Out


For supported regions, you can display options such as:


  • Do Not Sell My Personal Information
  • Do Not Share My Personal Information


These options can appear on:


  • The Cookie Banner
  • The Preferences Popup


when required by applicable regulations.



๐Ÿ”„ Re-open Banner


Enable visitors to reopen the banner and update their preferences later.


This adds a dedicated re-open button to the storefront.



โฑ๏ธ Banner Delay


Controls how long the app waits before displaying the banner after page load.


The delay is configured in seconds.


Example:


5


The banner appears 5 seconds after the page loads.



โœ… Step 5: Customize the Design


Open the Design tab.


This section controls the visual appearance of the Cookie Banner.



๐ŸŽจ Templates


Choose a starting design using one of the available templates.


Examples include:


  • Custom
  • Forest
  • Aqua
  • Alert
  • Purple
  • Blue
  • Ocean
  • Yellow
  • Black
  • Navy


Templates provide a quick way to apply a complete design style.



๐Ÿ‘€ Visibility


Choose which devices should display the banner.


Available options:


  • Desktop and Mobile
  • Desktop Only
  • Mobile Only



๐Ÿ“ Position


Choose where the banner appears.


Desktop


Display styles include:


  • Full Bar
  • Float Card


Available positions vary depending on the selected display style.



Mobile


Available positions include:


  • Top
  • Middle
  • Bottom



๐ŸŽจ Styling Options


You can customize:


  • Background colors
  • Typography
  • Button colors
  • Border styles
  • Corner radius
  • Icon visibility


These settings help align the banner with your storefront branding.




You can choose to:


  • Show the cookie icon
  • Hide the cookie icon


When enabled, built-in icon options become available.



โœ… Step 6: Customize Banner Content


Open the Content tab.


This section controls the text displayed to visitors.



๐Ÿ“ Main Banner Content


Customize:


  • Cookie Banner Header
  • Description
  • Accept Button Text
  • Decline Button Text
  • Preferences Button Text
  • Re-open Button Text


These messages appear directly on the storefront.



โš™๏ธ Preferences Popup Content


If using the Preferences banner type, additional content can be customized.


Examples include:


  • Popup Header
  • Popup Description
  • Strictly Required Cookies Description
  • Analytics Cookies Description
  • Marketing Cookies Description
  • Functional Cookies Description


Clear explanations help visitors understand how cookies are used.



โœ… Step 8: Save Your Configuration


After reviewing all settings:


โ†’ Click Save


The configuration is automatically stored and published.


โš ๏ธ Saving the banner configuration alone is not enough.


The App Embed must also remain enabled for the banner to appear on the storefront.



๐Ÿงช Step 9: Verify the Banner


After saving:


โ†’ Open your storefront


โ†’ Use an Incognito or Private browsing window


โ†’ Confirm that the banner appears correctly


Test the available actions:


  • Accept
  • Decline
  • Preferences


Verify that the design, content, and behavior match your configuration.



โš ๏ธ Important Notes


App Embed Is Required


The Cookie Banner cannot appear unless the App Embed is enabled inside the Shopify Theme Editor.



Region Settings Affect Visibility


If the banner does not appear, verify that your location is included in the selected region settings.



Preferences Provides the Most Control


The Preferences banner type allows visitors to manage individual cookie categories and generally offers the most flexible consent experience.



Test Using Incognito Mode


Previously accepted consent preferences may prevent the banner from appearing during testing.


Using an Incognito or Private browser window helps simulate a first-time visitor experience.



๐ŸŽ‰ Final Result


Once configured successfully:


โœ… A Cookie Consent Banner appears on your storefront


โœ… Visitors can manage their cookie preferences


โœ… Privacy policy links are available when needed


โœ… Banner design matches your storefront branding


โœ… Region-specific privacy requirements are supported


โœ… Your store provides a more transparent consent experience


A properly configured Cookie Consent Banner helps visitors understand how cookies are used while giving them greater control over their privacy preferences.


Updated on: 14/07/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!