🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

cookieBubble is a jQuery plugin for creating a configurable, beautiful Cookie Consent & Compliance popup to inform EU users that your website uses cookies.

EU-Cookie-Law cookie GDPR

Documentation

jquery-cookie-bubble

jquery-cookie-bubble is the easy and beautiful way to inform users that your website is using cookies.

Demo:
https://cookiebubble.netlify.com

Current Version

 1.0.0 

Getting Started

  1. Install jquery-cookie-bubble

    yarn install jquery-cookie-bubble or npm i jquery-cookie-bubble  
  2. Include cookieBubble.min.css somewhere in your head tag

 <link href="https://unpkg.com/jquery-cookie-bubble@1.0.0/dist/cookieBubble.min.css"/>
  1. Include cookieBubble.min.js at the bottom of your body tag
<script src="https://unpkg.com/[email protected]/dist/cookieBubble.min.js"/> 
  1. Usage
<script>    (function($) {       $.cookieBubble({          messageText:"My custom message",          iconVisibility:false          ...       });   })(jQuery); </script>

Options

Name Default Options
cookieMaxAge 30 (Number)
messageText 'We use cookies to personalize your experience.
By continuing to visit this website you agree to our use of cookies.'
(String)
messageTextColor '#000' hex, rgb, rgba
messageFontSize '18px' px, em, rem
buttonText 'Got it' (String)
buttonColor '#00a4ff' hex, rgb, rgba
buttonFontSize '18px' px, em, rem
iconColor '#00a4ff' hex, rgb, rgba
iconVisibility true (Bool)
cookiePolicyButtonText 'Read Our Cookie Policy' (String)
cookiePolicyButtonTextColor '#000' hex, rgb, rgba
cookiePolicyButtonUrl 'http://allaboutcookies.org/' url
cookiePolicyButtonTarget '_blank' _self
boxAppearDelay 1000 (Number)
boxPosition 'bottom-left' 'bottom-left', 'bottom-center', 'bottom-right', 'top-left', 'top-center', 'top-right'

Versioning

The jquery-cookie-bubble library follows Semantic Versioning.
[MAJOR].[MINOR].[PATCH]

Support

If you encounter an issue or want to request a feature, you can create an issue.

Similar Projects


You May Also Like