Cookie Consent in Webflow

The following guide will show you how to load the PixelFlow script in Framer using the free cookie consent plugin by Terms Feed:

https://www.termsfeed.com/cookie-consent/#

1. Go to https://www.termsfeed.com/cookie-consent/#

2. Choose your compliance preferences (most likely select GDPR directive)

3. Pick a style for the banner

4. In the "Javascript Snippets" section add the PixelFlow script - it will look like this:

   <script>!(function(p,i,x,f,l,o,w){p["PixelFlowObject"]=f;p[f]=p[f]||function(){(p[f].q=p[f].q||[]).push(arguments);};p[f].l=1*new Date();o=i.createElement(x);w=i.getElementsByTagName(x)[0];o.src=l;o.async=1;p[f].apiKey="5f1567378cdfg46ccc7785006ba439acddc93";p[f].siteId="68ieiui9db6393302c3";p[f].apiEndpoint="https://api.pixelflow.so/event";w.parentNode.insertBefore(o,w);})(window,document,"script","pixelFlow","https://slrgkgulru.pixelflow.so/pfm.js");</script>

   You can find your script anytime by going to your Overview page and clicking on the copy code button in the "Sites" section

5. Enter a name for it like Facebook Ads

6. Select "targeting and advertising" as the type

7. Press "Add this script" button

8. Click the "Copy your Cookie Consent Code" section and copy the code snippet you're given. It will look like this (do not use this, replace with your own):

   <!-- Cookie Consent by TermsFeed https://www.TermsFeed.com -->
   <script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
   <script type="text/javascript" charset="UTF-8">
   document.addEventListener('DOMContentLoaded', function () {
   cookieconsent.run({"notice_banner_type":"headline","consent_type":"express","palette":"dark","language":"en","page_load_consent_levels":["strictly-necessary"],"notice_banner_reject_button_hide":false,"preferences_center_close_button_hide":false,"page_refresh_confirmation_buttons":false});
   });
   </script>
   
   <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed Generator</a></noscript>
   <!-- End Cookie Consent by TermsFeed https://www.TermsFeed.com -->
   
   
   
   
   
   <!-- Below is the link that users can use to open Preferences Center to change their preferences. Do not modify the ID parameter. Place it where appropriate, style it as needed. -->
   
   <a href="#" id="open_preferences_center">Update cookies preferences</a>

9. Press the "Copy" button

10. Add the snippet to your Webflow header section and Press Save

11. Publish your Webflow site