Before you start:

Before following these steps, please be sure that you have:

• Added your website's URL (either during the signup process or in the settings page)

• ​Created cookie providers and categorised all cookies​

• ​Created a cookie policy​

• ​Created a cookie widget​

Check step 1 - 4 in the Get Started with Legal Monster guide to create 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 Legal Monster 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:

<script>
    !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)}}}();
​
    legal.widget({
        type: "cookie",
        widgetPublicKey: "xxxxxxxxxxxxxxxxx",
    });
</script>
​

Step 2: Add custom code

To insert the code snippet on your page, go to your Webflow project settings and select "Custom code".

Now go to the "Footer code"-section and insert your snippet.

Add the Legal monster cookie widget code snippet in the text area and click save changes.

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.

Done!

Congratulations on completing your first step towards collecting compliant cookie consent. Pad your self on the back and know that our monster Sven is proud of you.

​