jQuery EU Cookie Law popups

An easy-to-install jQuery plugin to create EU Cookie Law popups and for GDPR compliance.

Supports multiple layouts out of the box. Works well with Bootstrap. Easy to customize markup and CSS.

NEW in demos: how to use this plugin for GDPR compliance?

Get started

To get started, first include jQuery and import the plugin's files:

  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <link rel="stylesheet" type="text/css" href="css/jquery-eu-cookie-law-popup.css"/>
  <script src="js/jquery-eu-cookie-law-popup.js"></script>

(Mind you, you need to run the code on a webserver to be able to set cookies.)

Simple popup

In its simplest form, you can add an EU Cookie Law popup by simply adding the "eupopup" classes to any HTML tag.

  <body class="eupopup eupopup-top">

You can also choose from these layouts:

Top of the page (“eupopup”, or “eupopup eupopup-top”)
Fixed banner on top (“eupopup eupopup-fixedtop”)
Fixed to bottom (“eupopup eupopup-bottom”)
Fixed window, to bottom left (“eupopup eupopup-bottomleft”)
Fixed window, bottom right (“eupopup eupopup-bottomright”)
Inline (“eupopup eupopup-block”)

And these colours or styles:

White text on dark background ("eupopup-color-default")
Dark text on light background ("eupopup-color-inverse")
Compact ("eupopup-style-compact")

(See more options in the demo.html, or in the live demo page.

License

MIT, do-with-the-code-whatever-you-please License

This code uses the jQuery Javascript library. To read more about it, go to jquery.com.

About

Richard Dancsi

Blog: wimagguc.com
Github: github.com/wimagguc
Twitter: twitter.com/wimagguc
Linkedin: linkedin.com/in/richarddancsi
Google+: plus.google.com/u/0/115939246085616544919