Search

This section doesn't currently include any content. Add content to this section using the sidebar.

Image caption appears here

Add your deal, information or promotional text

Integrate EU cookie approval into your Shopify theme in three easy steps.

  • 2 min read

With the entry into force of EU data protection legislation, many Shopify merchants are reviewing their privacy and cookie policies. It is important to keep your website visitors as clearly as possible about the policies.

At this point we will show you in a very simple way how you can create a personalized cookie consent in four easy steps:

        1. Create and design cookie consent without programming on https://cookieconsent.insites.com/
        2. Create a snippet (code fragment) for cookie approval.
        3. Make a small change in your theme.liquid file.

    1 Create and style the cookie approval

    There are a number of tools available online to create a personalized cookie consent. One that we have had very good experience with is  https://cookieconsent.insites.com/which offers a range of design options. The creation is very easy: You fill in a few form fields online, choose the colors and the HTML code is created automatically. This code must be inserted into your theme (see next step).

    Create a snippet (code snippet) with the cookie approval code.

    In this step you need to create a new file in your Shopify theme and paste the code from the previous step using cut & paste:

    • In the Shopify Admin, open the Theme Editor
      Online Store → Themes → Actions → Customize Code.
    • In the left pane, go to the Snippets folder and create a new one named cookie-consent
    • Use copy/paste to paste the code created in step 1 and save it

    Make a small change to theme.liquid. 

    Finally, you must make the cookie consent visible to website visitors on every page they first visit:

    • Click on the theme file theme.liquid in the left pane
    • Find the line with the code <\head>
    • Add above <\head> the line {% include cookie-consent%} a
    • Save the file and exit the Theme Editor
    Done! Now reload your homepage and you will see the cookie consent.

    Search