Installing Conzent with Shopify

This tutorial will guide you through the steps to install Conzent in your Shopify store.

Next, click on Theme.

On the theme you are currently using, click on the three dots located to the right.

Then, select Edit Code.

Click on Add a New Snippet.

Name the snippet conzent.

You may choose a different name, but using conzent will allow you to utilize the provided example.

Next, insert the script obtained from the Conzent backend in the same manner as you would on any other site. It will look something like this.

<script type="text/javascript" src="https://conzent.net/app/js/shopify.js"></script>

<script>

window.shopify_design_mode = {{ request.design_mode }};

</script>

<!-- Start Conzent banner -->

<script type="text/javascript" id="conzentbanner" src="https://conzent.net/app/sites_data/xxxxxxxxxxxxxxxx/script.js"></script>

<!-- End Conzent banner -->

Remember to change the x's with you own key.

If you copy it directly from the Consent backend, it will be pre-filled for you.

This line makes sure that the user consent given is populated to Shopify
<script async type="text/javascript" src="https://conzent.net/app/js/shopify.js"></script>

Then, return to the theme.liquid file.

The name is conzent, which matches the name used in the Conzent snippet.

{% render 'conzent' %}

Click Save again.

You can view your store to confirm that you have successfully enabled Conzent on Shopify.

By following these steps, you have successfully installed Conzent in your Shopify store.