Install cookie widget
This guide is designed to help customers install our cookie widget on their Shopify based website. Follow these few simple steps to get up and running quickly.
This integration is no longer actively supported or tested by Openli.
Before you start:
Before following these steps, please be sure that you have:
Check step 1 - 4 in the Get started with Openli guide to creating all of the above.
Step 1: Code snippet
To install your widget, you'll need your cookie widget code snippet.
To find your code snippet, go to the Openli dashboard and select "Widgets" in the side menu. Click on the cookie widget you previously created and copy the code.
It will look like this:
Notice that the value for widgetPublicKey
will be different in your code snippet
Step 2: Add custom code
To insert the code snippet on your page, go to your Shopify dashboard and select "Online store" in the side menu. From the dropdown menu select "Themes".
To add custom code to your theme, you must select "Edit code" from the actions menu:
You'll now enter Shopify's code editing interface.
Step 3: Edit theme.liquid
To correctly install the cookie widget, you must enter the widget code snippet in the file name "theme.liquid".
Select "theme.liquid" from the list of files in the editor:
The cookie widget code snippet will need to go right before the closing <body>-tag of your code. Navigate to the bottom of the code and insert your code snippet.
Remember to save once you've added the code snippet.
Block Cookies
Finally it is important that you don't forget to block any non-necessary cookies. It is extremely important to do this as you would otherwise be setting cookies before you collect consent. You can block cookies in two different ways. Either manually or via GTM if you use that to set the cookies. Guides can be found here for GTM: Blocking Cookies with GTM And here for manual blocking: Blocking Cookies Manually
Done!
Congratulations on completing your first step towards collecting compliant cookie consent. Pad your self on the back and know that our mascot Li is proud of you.
Last updated