SmartCookie jQuery Plugin

Responsive cookie law notification jQuery plugin, which helps you to inform your
visitors about the cookie use on your website.

Customize & Preview



Advanced Settings

Build your own cookie message using the form below, adjust it to your needs and click the preview button to see the changes in action.


              

Button

Link More

Reset Options
Preview

Pre-Built Themes

Choose one from the predefined themes to see the changes in action.

                       

Main Features



Fully Responsive

Adapts to the screen size of whatever device your visitors are using

Cross Browser Compatible

Displays the same on most popular browsers Internet Explorer, Firefox, Chrome, Safari

Lightweight Plugin

Smart Cookie is very lightweight 230 lines of JavaScript code

Fully Customizable

Build your own unique theme choosing the position, colours and texts

Easy to Integrate

Smart Cookie fits perfectly to your website with easily configurable options

Extensive Documentation

Contains detailed easy to follow documentation to understand in details the jQuery plugin

Available Options



Key Default value Description
position 'bottom' The place where the cookie message popup will be displayed. Available positions: top, bottom, bottom-left, bottom-right
backgroundColor #323D43 The color of the background for the message popup
textColor #FFFFFF The color of the text for the message
opacity 1 The opacity of the background of the popup message (from 0 to 1; default value: 1)
message 'We use cookies to ensure that we give you the best experience on our website. If you continue, you agree with our cookie policy.' The text of the message which will be shown to the user
line false Toggle line, if set to 'true' line around the cookie message popup will be shown. If set to 'false' the line will not be shown
lineWidth 1 The width of the line around the message popup in pixels
lineColor #2F8D75 The color of the line for the message popup
shadow false If true shadow will be shown around the message popup
btnAcceptText 'That's Okay' The text of the accept cookies button
btnAcceptColor #2F8D75 The background color of the accept cookies button
btnAcceptOnHoverColor #277561 The mouse over background color of the accept cookies button
btnAcceptTextColor #FFFFFF The color of the text of the accept cookies button
btnAcceptBorderRadius 4 The radius of the border in pixels for accept cookie button
linkMore false If true link with more information will be shown
linkMoreText 'more information' The text of the link with more information for cookies
linkMoreTextColor #FFFFFF The color of the text for the link with more information
linkMoreOnHoverTextColor The color of the text for the link with more information when the mouse is over the link
linkMoreHref null The full URL address pointing to the link for more information