Cookies Notification – Responsive jQuery Plugin, Compliant with EU GDPR Law

Introduction

As a website owner, it is essential to comply with the European Union's General Data Protection Regulation (GDPR) law, which requires you to obtain explicit consent from your visitors before storing or accessing their personal data. One of the ways to do this is by displaying a cookie notification that informs visitors about the types of cookies your website uses and asks for their consent.

The Cookies Notification - Responsive jQuery Plugin is a user-friendly and compliant solution that helps you achieve this requirement. In this tutorial, we will walk you through the step-by-step process of installing and configuring the plugin to ensure you are GDPR-compliant.

Prerequisites

Before we begin, make sure you have:

1. A basic understanding of HTML, CSS, and JavaScript.
2. A website built using a Content Management System (CMS) like WordPress, Joomla, or Drupal, or a static website built using HTML, CSS, and JavaScript.
3. The Cookies Notification - Responsive jQuery Plugin installed on your website.

Step 1: Install the Cookies Notification - Responsive jQuery Plugin

To install the plugin, follow these steps:

1. Download the plugin from the official website: https://cookiesnotification.com/.
2. Extract the downloaded ZIP file to a directory on your website, e.g., wp-content/plugins/cookies-notification (if you're using WordPress).
3. If you're using a CMS, upload the extracted files to the plugin directory.
4. If you're using a static website, upload the extracted files to the root directory of your website.

Step 2: Configure the Plugin

To configure the plugin, follow these steps:

1. Go to the plugin settings page, which is usually located at wp-admin/plugins.php (if you're using WordPress) or settings.php (if you're using a CMS).
2. Click on the "Cookies Notification" tab.
3. In the "General" section, enter the required information:
   • Title: Enter a title for your cookie notification, e.g., "Cookie Notification".
   • Message: Enter a message that explains the types of cookies your website uses and why.
   • Button Text: Enter the text for the "Accept" button.
4. In the "Cookie Types" section, select the types of cookies your website uses:
   • Required Cookies: Select the types of cookies that are required for your website to function, e.g., session cookies.
   • Optional Cookies: Select the types of cookies that are optional, e.g., analytics cookies.
5. In the "Cookie Expiration" section, select the duration for which cookies will be stored:
   • Days: Enter the number of days for which cookies will be stored.
6. In the "Design" section, customize the appearance of the cookie notification:
   • Color Scheme: Select a color scheme for the notification.
   • Background Image: Upload a background image for the notification.
   • Font Family: Select a font family for the notification.
7. Click "Save Changes" to save your settings.

Step 3: Display the Cookie Notification

To display the cookie notification, follow these steps:

1. Add the following code to your website's header or footer:

   <script src="path/to/cookies-notification.js"></script>

   Replace path/to/cookies-notification.js with the actual path to the plugin's JavaScript file.

2. The cookie notification will automatically display on your website's pages.

Step 4: Test the Cookie Notification

To test the cookie notification, follow these steps:

1. Open your website in a web browser.
2. Click on the cookie notification icon (usually located in the top-right corner of the browser window).
3. Read the notification message and click on the "Accept" button.
4. Verify that the cookie notification disappears after you accept the cookies.

That's it! You have successfully installed and configured the Cookies Notification - Responsive jQuery Plugin to comply with the EU GDPR law. Remember to regularly review and update your cookie notification settings to ensure continued compliance.