Set up the Cookie Banner App
If you are catering to a global audience, especially visitors from select European regions, the Cookie Banner app can provide you peace of mind that customer privacy laws are appropriately followed by asking your customers first to provide their consent.
Before you begin
- If you have visitors from select European regions (EU, EEA, and UK), you may need to ensure first that your store will only allow visitor data to be collected from them when they provide their consent.
- This can be updated by going to your Shopify admin > Settings > Customer Privacy and enabling your store to use a custom cookie banner. Below are the steps:
- Go to Shopify admin > Settings > Customer Privacy:
From here, you have two options that you can do - either use Shopify's own Cookie Banner feature, or you can use one from a different app, such as our Cookie Banner app.
- Click on More Actions > Use Custom Cookie banner;
- You will be provided a list of countries where you would like the Cookie Banner app to appear. (Note that Shopify has already pre-selected the recommended regions that should need consent, and you will be able to confirm it.)
💡 Another setting to check is to ensure that your store has a published Privacy Policy or Cookies Policy with its URL. For more information about this and how to create one, you can refer to this resource from Shopify's Help Center: Shopify Help Center - Adding store policies.
Once these are correctly established, it's time to set up the Cookies Banner app from the Vitals User Admin.
Setting up the Cookie Banner app
Upon opening the Vitals app you can look for the Cookie Banner app by clicking the Apps menu on the sidebar, and then finding the Cookie Banner app under the Protect category:
General and Design Settings
- The General and Design settings contain the different appearance settings of the Cookies Banner app. It has various customizable settings like the type of Cookies Banner (Floating or Fixed Bottom) and the colors of its parts.
- This section also contains an area for the URL of your Privacy Policy. Once placed, this will be the page that visitors will be brought to if the Learn More message is clicked.
💡 The Learn More & URL of your Privacy Policy fields are mandatory for the Cookie Consent Banner
Once you're satisfied with the General settings, you can now explore the two types of Cookie Banners that you can enable with the app.
The Cookie Consent Banner
This is the Cookie Banner that allows your store to ask for visitors' consent before allowing non-essential cookies to be triggered on your store.
- This type of Cookie Banner will only show up if two things happen:
- You go to the online store's "Customer Privacy" and choose the "Use Custom Cookie banner" option (steps provided above).
- The person visiting your store is from those selected regions.
Within the settings of the Cookie Consent Banner type, you can change different appearance options, like the main message itself, the Accept and Reject buttons, and their respective colors.
💡 If your store supports multiple languages, you can view how they are translated (and change them accordingly) by clicking on Localization at the top of this app's settings.
Informative Cookie Banner
This is the traditional Informative Cookie Banner, which merely notifies visitors that you're using cookies, and by using the website, you consent.
If this Cookie Banner is active, it will appear to visitors who are outside of the regions you have defined under your Customer Privacy settings in your Shopify admin.
With the Informative Cookie Banner, no consent is required. It implies that visitors automatically accept your Privacy Policy by using your service.
Settings such as the Text on the cookie banner and the text of the I Accept button can be changed here.
💡 If the Only show the Informative Cookie Banner to users from Europe is unchecked, all visitors from all over the world will see this Informative Cookie Banner.
Frequently Asked Questions
If I have both Cookie Banners enabled, which of them and to whom will it appear on my store?
Store Preferences | Visitor from EU | Visitor from non-EU |
---|---|---|
Chose "Use a Custom Cookie banner" under Shopify admin > Settings > Customer Privacy and selected the recommended countries | Cookie Consent Banner | Informative |
No actions taken inside Shopify admin > Settings > Customer Privacy | Informative | Informative |
What if a visitor wants to change his consent answer? For example, he Declined the consent, but now he wants to Accept it.
He will need to delete the browser cookies from their device or visit the store in an Incognito/Private mode of the browser. For more information, refer to this resource: How to use the Incognito mode.
Why does my analytics count of impressions show less than the traffic I have?
Your store is probably configured to allow customers from EU to reject cookies. Until cookie usage is accepted, analytics impression events will not be triggered. You can find more details here.