๐ช 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.
๐ Privacy Policy Link
Display a privacy policy link directly inside the Cookie Banner.
Available options include:
Show Privacy Policy Link
Displays your privacy policy link within the banner.
Show Google Privacy Policy Link
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.
๐ช Cookie Icon
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
Thank you!