Beautiful Cookie Consent Banner

Omschrijving

A free and beautiful way to get a Cookie Consent Banner for GDPR, CCPA, PIPEDA, LGPD, OAIC, DSGVO and more. Customize it to match your compliance requirements and website layout. This Banner is super responsive and highly customizable.

Key Features

  • fully customizable texts, colors, fonts and position of the banner and buttons.
  • 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.
  • google tag manager support.
  • 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.

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)

These cookies are used by this plugin in default

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.
  • cookieconsent_status_{cookiesuffix} -> only set in case of “differentiated consent”. It stores the user setting for the cookie group. One cookie for each group is set.

Features

  1. Fully responsive.
  2. Make consent cookie a backend cookie to prevent automatic deletion which many browsers do for javascript/frontend cookies.
  3. reload after acceptance
  4. Easily export your settings to another installation: just copy and paste the json string.
  5. Show banner until user accepts cookies
  6. Google Tag Manager supported: Push consent to dataLayer for easy configuration
  7. Users can easily change cookie settings: choose between an extra tab or with a shortcode.
  8. Fully customizable colors and text.
  9. It is for all kind of compliance: opt-out, opt-in, info only, differentiated
  10. choose between different themes
  11. choose the position on your website
  12. choose cookie name, duration, domain.
  13. cookie setting management via shortcode: [cc_show_cookie_banner_nsc_bar]
  14. preview banner in backend.
  15. auto dismiss
    … and there are a lot more.

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 makes 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.

Schermafdrukken

  • Mobile Example
  • Admin area with banner example
  • Admin area with banner example
  • Admin area with banner example
  • Admin area with banner example
  • Admin area with banner example
  • Admin area with banner example
  • Admin area with banner example
  • Mobile Example
  • Mobile Example

Installatie

Just install this plugin and go to Settings > Cookie Consent Banner to change the default config and to activate the banner.

FAQ

Why backend cookies? (ITP >= 2.1)

Most Cookie Banner plugins set javascript cookies. In Safari and Firefox these cookies have a short lifetime, even if the cookie is set with an very long expiration date.
Consequence: Your user have to opt in every seven days again. And sees the banner every seven days. Which is kind of annoying.
With this Plugin the consent cookie stays save and is not limited in lifetime. If you use the option.
If you want to save more cookies, check out this plugin: https://wordpress.org/plugins/itp-cookie-saver/.

How to remove tab at the bottom?

Just go to Settings > Cookie Consent Banner > Consent Management and uncheck the checkbox “Show ‘Cookie Settings’ tab”

Why does this plugin not have a setting for blocking scripts or cookies until acceptance?

Autoblocking might work in most of the cases, but there won’t be 100% guarantee that this will always work. As this is heavily dependent from your wordpress installation. And as this is a legal issue the consequences might be harsh, if only one cookie is missed.

How should I organize my trackingscripts and cookies?

The technical recommandation is to use the google tag manager. It is an awesome and free tagmanager. Since version 2.2 this plugin natively supports it. But as always: check if it is legal to use it in your jurisdication☝️.

Beoordelingen

4 augustus 2020
Works fine and will do for now - two features I would really like to see though: —Ability to change the font (could be the reason I switch plugins as serif fonts almost essential) —Choose 'Scroll to accept' as a confirmation
18 april 2020
When the JetPack Cookie Banner developed a fault (You click on 'ok' to say you'd accepted cookies and the banner failed to disappear), I looked for another and found this. However, they did me a favour as this is far more flexible. It can be tailored to fit the style of the website, and for different levels of complexity in policy between sites.
21 maart 2020
Easily worth 10-star rating. Clean code, lightweight and functional. Responsive and very modern looking. You can control a lot of functions out there. Just install and you will not regret guys, iv tried a lot of plugins here.
Lees alle 9 beoordelingen

Bijdragers & ontwikkelaars

“Beautiful Cookie Consent Banner” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Changelog

2.2.1

  • IMPROVEMENT: Default Setting name of “cookie settings”
  • IMPROVEMENT: When adding cookie types the added form is now in focus.
  • FIX: length of “cookie_suffix” not correct validated.

2.2

  • ADDED: Google Tag Manager support: dataLayer pushes – events: beautiful_cookie_consent_initialized and beautiful_cookie_consent_updated
  • ADDED: setting for font customisation.
  • ADDED: setting to make buttons look equal.
  • ADDED: automatic consent: after time or scroll.

2.1.1

  • IMPROVEMENT: changed way scripts are loaded. Now there should be a better support of caching plugins.

2.1

  • ADDED: “differentiated consent” with two buttons: “save all” and “save settings”
  • ADDED: Option to block screen, when banner is shown.

2.0

  • ADDED: “differentiated consent” as compliance type: users can now give consent to only a special type of cookie.
  • ADDED: a shortcode for showing banner again, for managing consent: [cc_show_cookie_banner_nsc_bar].
  • ADDED: more positions for the banner
  • CHANGED: changed revoke tab handling: now possible to use for all banner types.
  • DEPRECATED: shortcode: [cc_revoke_settings_link_nsc_bar]
  • REFACTOR: a lot refactorings, for better feature development in future. A lot.
  • REFACTOR: not using unchanged banner JS from osano anymore.

1.7.1

  • bug fixes

1.7

  • added feature “Ask until acceptance”: show banner until user consents.

1.6

  • added “reload after banner close” for more accurate tracking after tracking opt in.

1.5

  • added a field to configure the text of “Cookie Policy” tab.
  • “Cookie Policy” tab can now be deactivated
  • users can manage their cookie settings now independently from “Cookie Policy” tab: you can add the link easily easily by shortcode: [cc_revoke_settings_link_nsc_bar].
  • bit of clean up of admin area

1.4.1

  • Bug Fix: sometimes the Banner was behind the content.
  • Bug Fix: minor Performance Issue.

1.4

  • New Feature: cookie banner is now configurable with a form and not only with a json string. If you want to, you can still use the json.
  • a lot stuff under the hood.

1.3

  • New Feature: Added prevention for ITP 2.1 cookie deletion. Safari and Firefox limit the lifetime of a cookie which is set by javascript to seven days.
    Most cookie banner plugins set javascript cookies, that means that your returning user will see every seven days your banner and have to opt in again.
  • Improvement: Cookie in preview modus only deleted if you visit the settings page of that plugin, not admin in general.

1.2

  • Improvement: When visiting an admin page, consent cookie is only deleted, if “preview banner” setting is activated.

1.1.2

  • minor bug fixes.

1.1.1

  • fixes for PHP 5.4

1.1

New Features

  • you can activate or deactivate the banner now.
  • you see a preview in the plugin settings area now.

1.0.5

  • Improvement: Updated to cookie consent library 3.1. Now dismissOn… functions are working.

1.0.4

  • FIX: Now Really: with an update of this plugin the configuration of the cookie banner is not overwritten anymore.

1.0.3

  • FIX: small fixes and improvements, e.g. admin errors will only be displayed on admin page of this plugin.
  • Improvement: added Icon for this plugin.

1.0.2

  • FIX: with an update of this plugin the configuration of the cookie banner is not overwritten anymore.

1.0.1

  • Improvement: added compatibility in readme.txt

1.0

  • First Version of this lightweight Plugin. More to come!