GDPR Cookie Consent Basic – User Guide
Thank you for downloading GDPR Cookie Consent!
The ePrivacy Directive (ePD), introduced in 2002 and known as the EU Cookie Law, requires websites to display cookie banners to let users know of the cookie usage. However, with the introduction of the General Data Protection Regulation (GDPR), consent became a hot topic. It mandated that the websites that have visitors from the EU should obtain prior cookie consent from the users before using cookies.
The GDPR Cookie Consent plugin by WebToffee is your one-stop solution to make your WordPress website comply with the GDPR and Cookie Law for the usage of cookies. You do not have to settle for somebody else’s design choice neither do you have to be a pro designer! All you need to do is install and activate the plugin on your WordPress site! It comes with attractive features, such as:
- Adds a cookie consent bar to your website to notify the visitors of the usage of cookies.
- The consent bar and the buttons and links are fully customizable per the look and feel of your website.
- Options make the cookie notice bar disappear after a few seconds (completely configurable) or to accept on scroll (an option available under Italian law).
- Allows the web owners to configure cookie details and their descriptions from the backend.
- The cookies are not rendered by default and loaded only upon user consent.
- Supports WPML and qTranslate, so your translation needs are covered.
To install the plugin:
- Download the zip file.
- Login to your WordPress site as admin.
- Go to Plugins > Add New > Upload Plugin.
- Upload the plugin file from the downloads.
- Activate the plugin.
GDPR Cookie Consent is now up and running!
GDPR Cookie Consent –Customization and Settings
After activating the plugin, you will see GDPR Cookie Consent on the menu.
The cookie bar is now active on your website, and you can check it on the front-end.
Cookie Law Settings
This option lets you customize the cookie bar however you want. It has several tabs that you can use to modify the different parts of the notification.
This tab has three settings: Cookie Bar, Show Again Tab, Other.
This setting allows you to customize the banner per your requirement.
You can make the following modifications to the cookie bar:
- Disable or enable the cookie bar.
- Change the style (banner, popup, or widget).
- Position of the bar. For banner – header or footer, for popup- to add an overlay, and for widget left or right. Please note that setting an overlay for the popup bar will block users from browsing the website unless they give consent.
- Animate or make it sticky while loading the website.
- Animate the way the notification disappears or to disappear without any visual effect.
- Enable or disable the Auto-hide (Accept) cookie bar after the delay option. You can set the time until it hides the bar.
- Enable or disable the Auto-hide cookie bar (Accept on scroll) option.
Show Again Tab
This tab lets you modify the option to show the cookie bar again.
You can change the position, margin, and text of the tab.
Here is a screenshot of how it will look on the front-end of the site.
This tab lets you disable or enable reloading of the page upon user actions, such as scroll accept, clicking accept, or clicking reject.
Customise Cookie Bar
You can further customize the cookie bar here, such as adding bar title, message (supports basic shortcodes for links and buttons as shown in the screenshot above), bar color, and text color and font.
The tab has four settings: Accept Button, Reject Button, Settings Button, and Read More Link.
You can choose the text and its color, background color, whether clicking the button will close the header or open URL, and size of the buttons as shown:
Advanced tab lets you delete and reset all your current settings.
This tab has two settings: Shortcodes and Help Links.
This section lists the shortcodes to add links, buttons, or the cookie audit table. You can add these codes anywhere on the web page.
This option lets you add the details about cookies used on your website. For this, you need to identify the cookies used by your website. This article lists down methods to find out the cookies your website installs on the browser. You can also go to CookieServe, a free website cookie checker. Just enter the URL and hit search. It will list the cookies the page uses in just minutes!
Once you have identified the cookies, add the cookies to the plugin from the Add New page in the plugin. From this page, add all the cookie details. The following are the data required by the plugin to add a new cookie:
Cookie Title – Add the title of the cookie. This field is for audit purposes, so this field allows you to add the name of the cookie in a user-friendly manner.
Cookie Description – This allows you to add the description of the plugin so that you can explain what the purpose of the cookie is, what it does, what data it collects, etc.
Cookie ID – Add the unique identifier that websites and servers associate with the browser on which the cookie is stored.
Cookie Type – This is to indicate the type of cookie – persistent, session, or third-party. Persistent cookies are those that generally persists even after you close the browser. Session cookies are those cookies that will expire when the session is over. Third-party cookies are the cookies that are installed by third-party services used on the website.
Cookie Duration – This is the time duration the cookies will be active on the browser. The easiest way to find out the duration of a cookie is from the developer console of the browser.
Cookie Sensitivity – Cookies are either necessary or non-necessary. The necessary cookies are those cookies that, as the name indicates, are necessary for the website to function in its intended way. This type of cookies will always be active. The non-necessary cookies are those cookies whose scripts need to be added in the plugin and that the users can enable/disable.
After the cookies have been added to the plugin, the cookies will be listed on the Cookie List page.
The GDPR Cookie Consent plugin uses the following cookies:
viewed_cookie_policy – The primary cookie that records the user consent for the usage of the cookies upon ‘accept’ and ‘reject.’ It does not track any personal data and is set only upon user action (accept/reject).
cookielawinfo-checkbox-necessary/cookielawinfo-checkbox-non-necessary – It records the default button state of the corresponding category. It works only in coordination with the primary cookie.
None of these cookies store the personal data of users.
- What are cookies?
- What types of cookies do we use?
- How can I control the cookie preferences?
You can add sections using Add New.
Once you publish the page, it will be available on your website.
This section lets you change the setting for enabling the state of non-necessary cookies. You can also edit the description that you want to display after clicking the cookie settings button/link.
To block non-necessary cookies you need to add the cookie scripts to this section and remove them from the website source code The scripts added to this page will be rendered on the website based on user consent. You can either add the cookies on the head section of the website or the body section of the website.
How to check whether the scripts are being rendered or not?
When the users record their consent either by clicking on the Accept or the Reject button, the GDPR cookie consent plugin installs a cookie named viewed_cookie_policy. This cookie only stores the value ‘yes’ on the accept event and ‘no’ on reject. You can view the value set for the cookie from the developer console of the browser.
To check whether the scripts are being added on the website, check the source code of the site before and after recording the consent. Prior to giving consent, the scripts of the cookies will not be added in the head/body section of the plugin. If the user gives the consent and accepts the cookies, the scripts can be seen either on the head/body section in the page source code. If the user has rejected the cookies, the scripts will not be added to the pages and cannot be seen in the page source.
You can add the description for the necessary cookies that you want to display after clicking the cookie settings button/link.
You can add the privacy overview text that you want to display after clicking the cookie settings button/link.
After all the settings, this is how the sample cookie banner looks like:
Cookie Audit Table
The GDPR Cookie Law requires that the users should be notified of the cookies that are being used by the website, what their purpose is, how they are used, what data they collect. The Cookie Consent plugin allows you to display all the cookies added to the plugin in a tabular format using the following shortcodes:
You can use this shortcode anywhere on the website. The shortcode will help you to display all the cookies.
If you use the attribute not_shown_message =”No cookies found” and if there are no cookies added in the plugin, then the audit table will display the message within the attribute.
If there are cookies added, it will display the list of cookies. For example, if you use the attributes heading=”The below list details the cookies used in our website.” and style=”winter” and columns=”cookie,description,type,duration”, you will get the result:
GDPR Cookie Consent Plugin – Pro
The plugin has a pro version that has additional features like cookie scanning, auto-blocking scripts for third-party cookies, granular consent settings, location-based exclusion of the cookie bar, etc. To know more details, please visit the product page. You can also go through the detailed user guide for the premium version here.
Need help? Just head over to the support page. We will be happy to help you!
Disclaimer: Installing this plugin alone does not make your site GDPR-compliant. Since each site uses different cookies, you need to ensure you have the necessary configurations in place with a supporting cookie notice