Cookie Notice

</ head>

<!-- Add the COOKIE CONSENT css -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />

</ body>

<!-- Add the COOKIE CONSENT dependency script file --> 
<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>

<script>
  // initialize cookieconsent & define options
  window.cookieconsent.initialise({
    "palette": {
      "popup": {
        "background": "#ebe5ca",       // Background color for popup card
        "text": "#000000"              // Main text color for message
      },
      "button": {
        "background": "#a09e91",       // Background color for button (use "transparent" if you use the "wire" theme below.     "
        "text": "#fcf8f2",             // Button text color
        //border: "#a09e91"            // Remove the first "//" if you plan on using the wire theme below
      }
    },
    "theme": "block",               // Theme options: "edgeless", "block", "classic", "wire"  
    "position": "bottom-right",        // Positions options: "bottom-right", "bottom-left", "top", "bottom" 
    "static": false,                  // Set to "true" only if you choose "top" for the position which will push your content down instead of covering it.
    "content": {
      // Main message text on the cookie popup
      "message": "This website uses cookies to ensure you get the best experience on our website.",

      // Button text to accept
      "dismiss": "Got it!",

      // Button Link to your cookie policy or remove this line if you want it to go to: https://www.cookiesandyou.com/ (info site about cookies for your visitors)
      "href": "https://yoursite.com/cookie-policy"        
    }
  });
</script>

HTML/Embed

<!-- Add the COOKIE CONSENT css -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
Only tabs with a " " have code.
<!-- Add the COOKIE CONSENT dependency script file --> 
<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>

<script>
  // initialize cookieconsent & define options
  window.cookieconsent.initialise({
    "palette": {
      "popup": {
        "background": "#ebe5ca",       // Background color for popup card
        "text": "#000000"              // Main text color for message
      },
      "button": {
        "background": "#a09e91",       // Background color for button (use "transparent" if you use the "wire" theme below.     "
        "text": "#fcf8f2",             // Button text color
        //border: "#a09e91"            // Remove the first "//" if you plan on using the wire theme below
      }
    },
    "theme": "block",               // Theme options: "edgeless", "block", "classic", "wire"  
    "position": "bottom-right",        // Positions options: "bottom-right", "bottom-left", "top", "bottom" 
    "static": false,                  // Set to "true" only if you choose "top" for the position which will push your content down instead of covering it.
    "content": {
      // Main message text on the cookie popup
      "message": "This website uses cookies to ensure you get the best experience on our website.",

      // Button text to accept
      "dismiss": "Got it!",

      // Button Link to your cookie policy or remove this line if you want it to go to: https://www.cookiesandyou.com/ (info site about cookies for your visitors)
      "href": "https://yoursite.com/cookie-policy"        
    }
  });
</script>
Only tabs with a " " have code.
Only tabs with a " " have code.
Only tabs with a " " have code.
If you have already pasted this code into your project then you can skip this. If you haven't, and it's your first time using CodeCrumbs, then copy this code and navigate to your sites global settings > Custom Code tab > paste it into the <head> (first custom code block). It just needs to exist once.
Author
Osano
Updated on
Sep 2, 2024

How to use:

Unlock more with PRO

Want to learn how to use this Crumb? Unlock detailed documentation, video tutorials, comments & support!

Upgrade to Pro

Unlock more with PRO

Want to learn how to use this Crumb? Unlock detailed documentation, video tutorials, comments & support!

Upgrade to Pro
Tutorial Coming Soon!

Check Browser Support

Interactive Table

Cookie consent notice for your website visitors by Osano. Super easy to use & looks nice too.

Clone Project
Documentation
Author:
Status:
Deprecated
New
Updated
Latest Version:
Built by
Built with
For the best experience

Please switch to desktop to view the content.

Back Home
Thank you! Your submission has been received!
Close Form
Oops! Something went wrong while submitting the form.
Become a Contributor