Overview
Cookie Notice Pro is a lightweight jQuery plugin that helps you comply with the General Data Protection Regulation (GDPR) by making it easy to create your own cookie information popup. With its highly customizable interface, responsive design, and millions of color options, this plugin is a must-have for any website looking to build trust with its users.
Features
The plugin offers a range of features that set it apart from other cookie notification plugins. Some of its key features include:
- Millions of color options
- Responsive design with multiple layout options
- Easy customization without coding
- Quick support from the developer
- Simple and rich documentation
- Free future updates
Functionalities
Cookie Notice Pro also comes with a range of functionalities that make it a powerful tool for managing cookie notifications. Some of these functionalities include:
- Light-weight and responsive design
- Dark/Light mode theme
- Show and hide elements
- Options to opt-in or opt-out
- Allow necessary cookies
- Consent withdrawal
- Inject scripts
- Cross-browser compatibility
Browser Compatibility
The plugin is compatible with the following browsers:
- Chrome
- Firefox
- Opera
- Safari
- Edge
- IE 10 and above
Changelog
The plugin has a changelog that details the updates and improvements made to the plugin.
Documentation
The plugin comes with detailed documentation that makes it easy to get started and customize the plugin to your needs.
Support
The plugin has a support center where you can find answers to common questions and get help from the developer.
Free Version
The free version of the plugin includes a cookie banner generator and scores 4.76.
Discount Offer
As a special offer, you can save up to 50% plus an additional 20% at checkout with code FLEROSOFT when you purchase the plugin directly from flerosoft.com.
Conclusion
Cookie Notice Pro is a powerful and highly customizable jQuery plugin that makes it easy to comply with GDPR regulations. Its responsive design, millions of color options, and range of functionalities make it a must-have for any website looking to build trust with its users. With its free version and discount offer, it’s a great value for the price.
User Reviews
Be the first to review “Cookie Notice Pro | Advanced jQuery Plugin”
Introduction to Cookie Notice Pro | Advanced jQuery Plugin Tutorial
The Cookie Notice Pro is a powerful and easy-to-use jQuery plugin designed to help you comply with the General Data Protection Regulation (GDPR) by providing a customizable cookie notification solution. With this plugin, you can create a notice that alerts your website visitors about the use of cookies, giving them the option to accept or decline them.
In this tutorial, we will guide you through the step-by-step process of installing and configuring the Cookie Notice Pro plugin, helping you to create a professional-grade cookie notice that meets the GDPR requirements.
Installing the Cookie Notice Pro Plugin
Before we dive into the configuration process, we need to install the plugin on your website. If you haven't already, you can download the Cookie Notice Pro plugin from its official website.
To install the plugin, follow these steps:
- Create a new folder in the
/wp-content/pluginsdirectory of your WordPress site and extract the plugin zip file to this folder. - Log in to your WordPress dashboard and navigate to the
Pluginsmenu. - Click on
Add Newand then select theUpload Pluginbutton. - Browse to the location of the plugin folder and click on the
Install Nowbutton. - Activate the plugin by clicking on the
Activatebutton.
Configuring the Cookie Notice Pro Plugin
Now that the plugin is installed, let's move on to the configuration process. The plugin is highly customizable, so you can tailor it to suit your website's design and style.
Step 1: Setting Up the Basic Options
To begin configuring the plugin, click on the Cookie Notice Pro menu in the WordPress dashboard and select Settings.
In the Basic Options section, you'll find the following settings:
- Cookie Notice Enabled: Enable or disable the cookie notice.
- Cookie Notice Position: Select the position of the notice from the dropdown menu. You can choose from:
- Top
- Bottom
- Center
- Corner (top-right or top-left)
- Cookie Notice Animation: Select the animation effect for the notice from the dropdown menu.
- Cookie Notice Overlay: Enable or disable the overlay effect for the notice.
- Cookie Notice Delay: Set the delay (in seconds) before the notice appears.
You can adjust these settings as per your preference and requirement.
Step 2: Customizing the Notice Design
The Cookie Notice Pro plugin comes with multiple pre-designed templates that you can use to customize the look and feel of the notice. To access the template editor, click on the Templates tab and select the template you want to edit.
In the Template Editor, you'll find the following sections:
- Header: Upload your own logo or customize the existing one.
- Title: Enter a custom title for the notice.
- Message: Enter a custom message that explains the purpose of using cookies.
- Options: Customize the layout and design of the notice options (e.g., yes/no buttons, checkbox for GDPR consent).
- Buttons: Customize the look and feel of the options buttons.
You can further customize the notice design using CSS. The plugin uses the .cookie-notice class to target the notice container, so you can add custom CSS to override the default styles.
Step 3: Managing Cookie Options
To manage cookie options, click on the Cookies tab in the plugin settings.
In the Cookies Options section, you'll find the following settings:
- Cookie Name: Set a custom name for your cookie.
- Cookie Description: Enter a description of the cookie.
- Cookie Expiration: Set the expiration date of the cookie.
- Cookie Category: Select a category for the cookie.
- Cookie Type: Select the type of cookie (e.g., advertising, analytics, functional).
- Cookie Consent Required: Enable or disable GDPR consent for the cookie.
- Cookie Notice Placement: Select the placement of the cookie notice (e.g., on the current page, on all pages, on specific pages).
- Cookie Notice Exception: Add exceptions to the cookie notice (e.g., exclude certain pages, devices, or user roles).
You can create custom cookies and manage their settings from this section.
Conclusion
That's it! You have now completed the tutorial on how to use the Cookie Notice Pro plugin. With these settings and configurations, you're well on your way to creating a professional-grade cookie notice that meets the GDPR requirements.
Remember to experiment with different settings and styles to find the perfect solution for your website. Don't hesitate to reach out to the plugin's developer community or seek help from a web developer if you need further assistance.
Next, we'll explore the advanced features of the plugin, including conditional logic and dynamic content integration.
Here is a complete settings example for Cookie Notice Pro | Advanced jQuery Plugin:
Cookie Notice Button
The cookie notice button can be customized with the following settings:
.cn-button-color: To set the button color (e.g. #eeeeee)..cn-button-text-color: To set the button text color (e.g. #333333)..cn-button-border-color: To set the button border color (e.g. #cccccc)..cn-button-border-style: To set the button border style (e.g. solid)..cn-button-border-width: To set the button border width (e.g. 1px).
Cookie Notice Content
The cookie notice content can be customized with the following settings:
.cn-cookie-notice-content: To set the cookie notice content text (e.g. "This website uses cookies")..cn-cookie-notice-content-size: To set the cookie notice content font size (e.g. 14px)..cn-cookie-notice-content-color: To set the cookie notice content text color (e.g. #333333).
Cookie Notice Positions
The cookie notice positions can be customized with the following settings:
.cn-cookie-notice-top: To set the top position of the cookie notice (e.g. 10px)..cn-cookie-notice-left: To set the left position of the cookie notice (e.g. 10px)..cn-cookie-notice-margin: To set the cookie notice margin (e.g. 10px 10px 10px 10px).
Here is an example of a complete settings configuration:
.cn-button-color: #eeeeee;
.cn-button-text-color: #333333;
.cn-button-border-color: #cccccc;
.cn-button-border-style: solid;
.cn-button-border-width: 1px;
(cn-cookie-notice-content
font-size: 14px;
font-color: #333333;
text: "This website uses cookies.");
.cn-cookie-notice-top: 10px;
.cn-cookie-notice-left: 10px;
.cn-cookie-notice-margin: 10px 10px 10px 10px;Note: You may need to adjust the code to fit your specific setup and design.
Here is the added information about the Cookie Notice Pro | Advanced jQuery Plugin:
Discount Offer: Save up to 50% plus an additional 20% at checkout with code FLEROSOFT when purchasing directly from flerosoft.com.
March 2024 v2.0 Major Update:
- Added inbuilt support for Google Consent Mode v2
- Added minimize support: post consent accept/reject banner will be minimized with a floating cookie icon. Users will be able to change preferences by clicking on it. This can be configured by editing config enableMinimize
Introduction: Cookie Notice Pro is a lightweight jQuery plugin that helps you to comply with GDPR. Make your own cookie information popup in minutes. Highly customizable plugin with different layouts and millions of colors to choose from.
Features:
- Millions of colors to choose from
- Responsive Design With Many Layout Options
- Easy customization No Coding
- Quick Support By Flerosoft
- Simple & Rich Documentation
- Free Future Updates
Functionalities:
- Lightweight
- Responsive design
- Dark/Light Mode Theme
- Show OR Hide Elements
- Options to opt-in/out
- Allow Necessary Cookies
- Consent Withdrawal
- Inject Scripts
- Cross Browser Compatibility
- Browser Support (Chrome, Firefox, Opera, Safari, Edge, IE(10/11))
Browser Compatibility:
- Chrome
- Firefox
- Opera
- Safari
- Edge
- IE 10 & Above
Images: Various screenshots of the plugin's interface and demo sites
Changelog: Detailed Information
Documentation: Docs
Support: Help Center
Free Version: Cookie Banner Generator cookiebannergenerator.com
I hope this helps! Let me know if you'd like me to extract more information.
Related Products
$16.00
There are no reviews yet.