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.

Vitals offers two types of Cookie banners: 
The Cookie Consent Banner - a Cookie Banner type with a Decline button that allows visitors to reject having placed non-essential cookies on their device

The Informative Cookie Banner - a Cookie Banner type that simply informs the visitors about the usage of the cookies.

You can choose the one that fits your profile and requirements better. You can also choose both. Depending on your Online Store Preferences, when the Shopify API tells our app that the visitor can't be tracked, the Cookie Consent Banner with the Decline button will be displayed. But for the rest, only the Informative Cookie Banner will be displayed.

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:
  1. 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.

  1. Click on More Actions > Use Custom Cookie banner;

image.png

  1. 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.)

image.png


💡 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.

Is this resource helpful? Thanks for the feedback There was a problem submitting your feedback. Please try again later.