jQuery Plugin To Display EU Cookie Law Alert Popups

File Size: 66.9 KB
Views Total: 14500
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Plugin To Display EU Cookie Law Alert Popups

A lightweight jQuery notification plugin that displays a fully customizable cookie alert popup to make your website compliant with the General Data Protection Regulation(GDPR) and EU Cookie Law.

How to use it:

1. Include the jQuery EU Cookie Law popups plugin's files in your website. 

<link href="css/jquery-eu-cookie-law-popup.css" rel="stylesheet">
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="js/jquery-eu-cookie-law-popup.js"></script>

2. Create a container with the CSS class 'eupopup' to place the cookie alert popup.

<div class="eupopup"></div>

3. Use the following helper classes to customize the popup.

<!-- Custom positions -->
<div class="eupopup eupopup-top"></div>
<div class="eupopup eupopup-fixedtop"></div>
<div class="eupopup eupopup-bottom"></div>
<div class="eupopup eupopup-bottomleft"></div>
<div class="eupopup eupopup-bottomright"></div>
<div class="eupopup eupopup-block"></div>

<!-- Custom colors & styles -->
<div class="eupopup eupopup-color-default"></div>
<div class="eupopup eupopup-color-inverse"></div>
<div class="eupopup eupopup-style-compact"></div>

4. Modify the plugin parameters in the jquery-eu-cookie-law-popup.js to fit your needs.

cookiePolicyUrl : 'Policy Url',
popupPosition : 'top',
colorStyle : 'default',
compactStyle : false,
popupTitle : 'Popup Title',
popupText : 'Popup Text',
buttonContinueTitle : 'Continue',
buttonLearnmoreTitle : 'Learn&nbsp;more',
buttonLearnmoreOpenInNewWindow : true,
agreementExpiresInDays : 30,
autoAcceptCookiePolicy : false,
htmlMarkup : null // custom popup template



  • Changing the comparison operator from == to !== to resolve issues with jshint runners complaining


  • [update] new default cookie policy url



  • [fix] z-index value to 999999

This awesome jQuery plugin is developed by wimagguc. For more Advanced Usages, please check the demo page or visit the official website.