Getting started
Guides
Videos
Technical documentation
System integrations
Vendor hub
Squarespace
This guide is designed to help customers installing our cookie widget on their Squarespace based website. Follow these few simple steps to get up and running quickly.
​
In order to add Openli (or any other custom code) to your Squarespace website, you must have Premium or Commercial plan on Squarespace
Before you start:
Before following these steps, please be sure that you have:
- 1.Added your website's URL (either during the signup process or in the settings page)
- 3.
- 4.
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:
1
<script>
2
!function(){var i,e,t,s=window.legal=window.legal||[];if(s.SNIPPET_VERSION="3.0.0",i="https://widgets.legalmonster.com/v1/legal.js",!s.__VERSION__)if(s.invoked)window.console&&console.info&&console.info("legal.js: The initialisation snippet is included more than once on this page, and does not need to be.");else{for(s.invoked=!0,s.methods=["cookieConsent","document","ensureConsent","handleWidget","signup","user"],s.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);return e.unshift(t),s.push(e),s}},e=0;e<s.methods.length;e++)t=s.methods[e],s[t]=s.factory(t);s.load=function(e,t){var n,o=document.createElement("script");o.setAttribute("data-legalmonster","sven"),o.type="text/javascript",o.async=!0,o.src=i,(n=document.getElementsByTagName("script")[0]).parentNode.insertBefore(o,n),s.__project=e,s.__loadOptions=t||{}},s.widget=function(e){s.__project||s.load(e.widgetPublicKey),s.handleWidget(e)}}}();
3
​
4
legal.widget({
5
type: "cookie",
6
widgetPublicKey: "xxxxxxxxxxxxxxxxx",
7
});
8
</script>
9
​
Copied!
The value for
widgetPublicKey will be different in your code snippet.Step 2: Update custom code
To insert the code snippet on your page, click on "Settings" in your home menu and select "Advanced" in the dropdown. Finally, click on "Code Injections".
Add the Openli cookie widget code snippet as the last piece of code the text area under "Footer", and click "Save".
Step 3: Blocking cookies
The final step you need to take to make sure your cookies are compliant is to block the scripts that set them on your website, so the widget can enable them only when a visitor gives consent.
This step is a bit more technical, however, this guide shows you how to categorise the scripts that set cookies on your website to enable blocking. You might need a developer to help you.
Squarespace does, however, allow you to block their analytics cookies in the home menu. Note that disabling these permanently can affect your site.
To block the Squarespace cookies, you can disable Analytics and Performance cookies:
- 1.In the Home Menu, click Settings, and then click Cookies & Visitor Data.
- 2.Check Disable Squarespace Analytics Cookies.
- 3.Click Save.
In the future, we plan to remove the need for Step 3, when we introduce a fully automatic blocking feature.
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 modified 1mo ago