Getting Started
Chapter 2:
How to Add Cookie Banner on Shopify Website
Welcome to CookieYes! This guide will walk you through how you can install a cookie banner on your Shopify website. A cookie banner will help your website stay compliant with privacy laws like the GDPR and ePrivacy Directive.
- To begin with, Sign up on CookieYes for free
- Then, complete the steps in How to create a cookie banner
In case you have already signed up on CookieYes, without taking any action on the initial setup screens, head to the CookieYes Dashboard.
- To customize the cookie banner, select the Consent banner from the left-side panel.
- To get the banner installation code, head to Site Settings and click on the Get Script button on the right side of the URL.
- Now click on Copy code button to get the CookieYes installation code.
Note: You can share the code with a developer or your team by clicking on Send code to Developer link. Enter the email address and then click on Send Instructions. The recipient will get the code and instructions via email.
Video tutorial: Implement cookie consent on Shopify website
You can also follow the step-by-step instructions given below to easily implement a cookie banner on your Shopify website.
Steps to add cookie consent banner on Shopify
Step 1. Head to your Shopify Dashboard, select Online Store under ‘Sales Channels’ and click on Themes.
Step 2. You will see your layout theme. Now, click on Actions and choose Edit Code from the dropdown menu.
Step 3. Under ‘Layout’ section, select {/} theme.liquid.
Step 4. Paste the copied code between the <head> and </head> tags and click Save on the top-right corner.
Note: If you add the CookieYes installation code after other custom scripts, the auto-blocking function may not work as intended.
Step 5. Head back to the setup screen and click on the Verify button. You will see a success message that your banner is active.
The cookie consent banner will be live on your Shopify website! Now, you can complete your website scanning from the CookieYes Dashboard and explore further customizations and features.
Still have questions or facing issues? Contact technical support
Next chapter:
Complete website scanning
