Follow for free plugins, new theme releases and theme news
Plugin Description
A free and beautiful way to get a Cookie Banner without loading any external resources from 3rd parties. Customize it to match your compliance requirements and website layout. This Banner is super responsive and highly customizable. You want to make sure your banner always works? See here: banner-test. With paid add-on you get Google Consent Mode v2 support.
Key Features
- fully customizable texts, colors, fonts and position of the banner and buttons.
- Google Tag Manager dataLayer pushes
- choose between different compliance types: Just Inform, Opt-in, Opt-out, Differentiated. Cookies will not be stored by default. With differentiated you can define cookie groups, and for each group a user can give a consent.
- show the Banner until user accepts all cookies.
- prevent user setting cookie from automatic deletion by many browsers (e.g. ITP => 2.1).
- no resources loaded from third parties: everything is hosted on your domain.
- developer friendly: filter hook to change cookie message: nsc_bar_cookie_bar_message
Additional Features with paid add-on
See the list of all features and get the add-on: beautiful-cookie-banner.com
These cookies are set by this plugin
You can customize the cookie name, though.
- cookieconsent_status -> stores the user setting, if cookies are allowed or not. If you choose “differentiated consent” it stores, if the user closed the banner.
- cookieconsentstatus{cookiesuffix} -> only set in case of “differentiated consent”. It stores the user setting for the cookie group. One cookie for each group is set.
- nsc_bar_cs_done -> set if you activate ITP Protection (use backend cookies). Stores the information of when the cookie was set, to give them a duration.
Localstorage is used
If you have the premium add on and activate the stats module and activate the banner open counter, then a counter is written to localstorage. The key is “beautiful_cookie_banner_open_counter”.
Features
- Fully responsive.
- Make consent cookie a backend cookie to prevent automatic deletion which many browsers do for javascript/frontend cookies.
- reload after acceptance
- Works with liteSpeed and other caching plugin.
- Easily export your settings to another installation: just copy and paste the json string.
- Show banner until user accepts cookies
- Google Tag Manager supported: Push consent to dataLayer for easy configuration
- Users can easily change cookie settings: choose between an extra tab or with a shortcode.
- Fully customizable colors and text.
- It is for all kind of compliance: opt-out, opt-in, info only, differentiated
- choose between different themes
- choose the position on your website
- choose cookie name, duration, domain.
- cookie setting management via shortcode: [cc_show_cookie_banner_nsc_bar]
- preview banner in backend.
- auto dismiss
… and there are a lot more.
See the full list of all features: beautiful-cookie-banner.com
The plugin helps you preparing your website for a lot cookie laws and regulations, for example:
- GDPR: The General Data Protection Regulation (European Union)
- CCPA: The California Consumer Privacy Act (California, United States)
- PIPEDA: The Personal Information Protection and Electronic Documents Act (Canada)
- LGPD: The Brazilian General Data Protection Law (Brazil)
- OAIC: Australia’s Privacy Principles (Australia)
Credits
This really beautiful plugin wraps the solution provided by osano (https://www.osano.com/cookieconsent/download/) into a wordpress plugin.
This Version uses 3.1.0 from osano as basis, but it has a lot modifications to the original source code. It is optimized for performance and for a low database impact.
NOTE: Using this plugin alone does not make your site automatically compliant. As each website and country is different you must make sure you have the right configurations in place. Google tag manager can help you with that for free.
Screenshots
Cookie Banner Mobile Example – two buttons.
Cookie Banner admin settings area with banner example.
Set the colors and general appearence of the Cookie Banner.
Set the text and customize the links of the Cookie Banner.
How should the Cookie Banner behave? Two Buttons, one button? Consent categories? Everything is possible.
Define how user can interact with the Cookie Baner after they closed it? Only per shortcode link? Or a tab?
Block scripts which set cookies automatically with the premium add-on of this cookie banner.
Basic cookie settings. The consents are stored in a cookie.
You can easily import and export most of the settings of your cookie banner. Very handy to apply it to multiple pages.
Mobile Example of the cookie banner.
Mobile Example of the cookie banner.
Desktop Example of the cookie banner.
Desktop Example of the cookie banner with top bar.
