Advanced Cookie Banner

Presentation

Advanced Cookie Banner allows you to automatically display a banner informing your customers about the cookie’s usage on your shop, according to the GDPR European regulation, while preventing some modules from execution until your customer has accepted the terms. The module also complies with the last CNIL recommendation of October 2020 advising a simple and fast action to accept all cookies, only some of them, or refuse them all.

General Points and Operating Principles

First and foremost, our module is using the new Google rules regarding the cookie banners on mobile, allowing you to not be penalized in terms of your SEO. You can find more informations about these rules by clicking here.

Our module doesn’t use any override to prevent the selected modules from execution.

Furthermore, it is shipped with a default banner text for each language of the European Union. Plus, you can find examples of explicatives pages for each language, usable as CMS pages, here.

Finally, our Simulation Mode only displays your banner systematically to the ip addresses defined in the Maintenance tab of your back-office, so you don’t bother your customers while customizing your banner.

Installation

To install Advanced Cookie Banner, see our tutorial on how to install a module here.

Configuration

Simulation Mode

Simulation mode activation

 

 

This option allows you to enable Simulation Mode. Once enabled, your banner will only be displayed systematically to the ip addresses defined in the Maintenance tab of your back-office, so you can customize it.

In Simulation Mode, the selected modules in the “Blocked modules list” tab will be blocked, like if you were a customer that didn’t accepted the terms yet.

Once your configuration is completed, you can disable this option so your banner to regain its default behavior.

Maintenance IP addresses

You can also add your IP address to those in the Maintenance tab by clicking on “Add my IP”:

 

 

Banner Settings

Consent request

In order to comply with the RGPD regulation on the obligation to request consent, and to give your users the possibility to configure the installation of cookies on their terminal, you must activate the following option :

 

 

This will display a banner to explicitly request the consent of your visitors to set cookies by allowing them to accept all cookies, only “marketing” cookies, only “statistical” cookies or to refuse them all (display of 3 different buttons, from version 2.1.0 of the module).

Banner Position

 

banner-position

 

This option allows you to define the position of your banner, which can be placed at the top or the bottom of the page.

On mobile, the banner will always be displayed at the top of the page.

Banner Background Color

 

banner-background-color

 

This option allows you to define the background color of your banner.

Banner Background Opacity

 

banner-background-opacity

 

This option allows you to define the opacity of your banner’s background, in percentage.

A 0% opacity will make your background invisible, but a 100% opacity will make it opaque. Defaultly, the opacity is defined to 75%

Banner Font Color

 

banner-font-color

 

This option allows you to define the font color in your banner.

Banner Font Size

 

banner-font-size

 

This option allows you to define the font size in your banner.

Text Align

 

text-align

 

This option allows you to define the text alignment in your banner.

Banner Border Color

 

banner-border-color

 

This option allows you to define the border color of your banner.

Banner Border Size

 

banner-border-size

 

This option allows you to define the thickness, in pixels, of your banner’s borders.

Banner Content

Content to be displayed in the banner

 

content-to-be-displayed-in-the-banner

 

This option allows you to define the text that will be displayed in your banner.
Defaultly, our module is shipped with a text for each language of the European Union.

CMS Page

 

cms-page

 

This option allows you to add a link to the selected CMS Page under the text of your banner.
You can also choose not to add one, using the “– None –” value.

Image displayed on mobiles

 

image-displayed-on-mobiles

 

This option allows you to change the displayed image on mobile. If you don’t add an image, the default image, shipped with the module, will be used.

Button Settings

Button Font Size

 

button-font-size

 

This option allows you to define the font size in your buttons.

Button Font Color

 

button-font-color

 

This option allows you to define the font color in your buttons.

Button Background Color

 

button-background-color

 

This option allows you to define the background color of the buttons.

Advanced Settings

Classes to apply to the content

 

classes-to-apply-to-the-content

 

This option allows you to add or edit the classes applied to the container of your text.
Defaultly, the classes applied when “Accept cookies through navigation” is on are : “col-xs-12 col-sm-10 col-md-10 col-lg-10”.
Defaultly, the classes applied when “Accept cookies through navigation” is of are : “col-xs-12 col-sm-12 col-md-12 col-lg-12”.

The different classes must be separated by a space.

Classes to apply to the buttons

 

classes-to-apply-to-the-button

 

This option allows you to add or edit the classes applied to the container of your buttons. Defaultly, the classes are : “col-xs-12 col-sm-2 col-md-2 col-lg-2”.

The different classes must be separated by a space.

Selection and categorization of modules which set cookies

 

 

In the left column, click on a module that installs cookies and drag it into either the “Statistics modules” section or the “Marketing and Social network modules” section depending on its nature and the reason it installs trackers. Do the same with all modules that require the consent of your users.

If your visitors want to block only modules that use cookies for statistical purposes, then only the modules in the “Statistical modules” section will be blocked. Similarly, if they want to block modules that use cookies for marketing or social network purposes, then only the modules in the “Marketing and social network modules” section will be blocked.