Advanced Cookie Banner

I – Presentation

Advanced Cookie Banner allows you to automatically display a banner informing your customers about the cookie’s usage on your shop.

It is THE ONLY module for PrestaShop compliant with the latest regulations, such as:

II – 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.

III – Installation

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

IV – Configuration

Simulation Mode

Go to the “Simulation” tab.

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

Go to the “Settings” tab.

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

 

 

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

 

 

This option allows you to define the text that will be displayed in your banner.

Attention: do not forget to translate your text in all the languages of your site (to switch between languages, click on the language drop-down menu to the right of the field). By default, our module is provided with a standard text for each language of the European Union.

CMS page

 

 

This option allows you to add a link to the CMS page detailing your cookie policy, below the banner text.

Label of the link to the CMS page

 

 

This option allows you to customize the texte of the link to the CMS page you have chosen above. If you do not fill anything, the “More information” text will be used.

Attention: do not forget to translate your text in all the languages of your site (to switch between languages, click on the language drop-down menu to the right of the field).

Settings of the consent customization panel

Customization panel activation

 

 

This option allows you to include a “Customize” link in the banner, enabling your visitors to select in detail and on an individual basis, the modules for which they authorize cookies (this level of granularity may be required by your country/data protection agency to comply).

Customization panel text

 

 

You can add an explanatory text in the customization panel.

Attention: do not forget to translate your text in all the languages of your site (to switch between languages, click on the language drop-down menu to the right of the field).

Revocation settings

Display of the link to revoke consent

 

 

A link to revoke consent is automatically included in the customer account. You can also display this link in the footer of your site, for those who have not yet created a customer account.

Link to reset consent

 

 

We provide you with the revocation link so that you can position it wherever you like on your store as well as on the CMS page detailing your cookie use policy.

Cookies to remove

 

 

When a customer decides to revoke his consent via the link provided above, our module automatically deletes cookies that are listed here. The field “Cookies to remove” allows you to add modules to this list. Enter the name of the modules separating them by a comma.

Button Settings

Button font size

 

 

This option allows you to set the size of the text displayed in the action buttons.

Button background color

 

 

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

Button font color

 

 

This option allows you to define the font color of the action buttons.

Once you’ve made your settings, don’t forget to click on “Save”.

Advanced Settings

Go to the “Advanced Styles” tab.

Classes to apply to the banner

 

 

This option allows you to add classes to your banner.

Attention: the different classes must be separated by a space.

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.
By default, the classes applied are: “col-xs-12 col-sm-10 col-md-10 col-lg-10”.

Attention: 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.
By default, the classes applied are: “col-xs-12 col-sm-2 col-md-2 col-lg-2”.

Attention: the different classes must be separated by a space.

Classes to apply to the customization panel

 

 

This option allows you to add or edit the classes applied to the customization panel.
By default, the classes applied are: “col-xs-12 col-sm-10 col-md-10 col-lg-10”.

Attention: the different classes must be separated by a space.

Advanced Styles (CSS)

 

 

Finally, you can fully customize your styles using the module’s advanced style editor.

Selection and categorization of modules which set cookies

Go to the “Blocked modules list” tab:

 

 

In the left-hand 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.

Check that the modules remaining in the left-hand column do not require your users’ consent to operate.

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.

They also have the option of blocking each module individually via the customization panel accessible behind the “Customize” link in the banner.

V – Consent export

Go to the “Consent export” tab:

 

 

You can export your users’ proofs of consent in json or CSV format.

Here is the detail of each field in the export:

  • id_customer/id_guest: The ID of the entity used by PrestaShop to identify the visitor
  • consent: The level of consent given by the visitor:
    • 0: Only required modules are allowed
    • 1: Required and analytics modules are allowed
    • 2: Required and marketing modules are allowed
    • 3: All modules are allowed
  • date_add: The date and time at which the consent was given (UTC)