fbpx
Wpwax Offer
Save up to 25%
on any purchase
Grab the Deal
blog left design shape
how to add a cookie banner

An Easy Guide on How to Add a Cookie Banner to Your Website

Are you searching for a convenient way to inform your visitors about collecting their information and saving it for a specific period?

Being a savvy website owner, you will answer “Yes” to this statement. Having a transparent idea on how to add a cookie banner to your website is necessary to keep away from different legal restrictions set by other countries’ laws, like the EU cookie law. Furthermore, it’s essential to maintain a cookie policy to operate a website in different regions and countries.

That’s why, in this article, we will show an ingenious and easy way on adding a cookie banner to a website following a sophisticated process. Let’s get the ball rolling!

Why it’s Significant to Add Cookie Banner to Your Website?

There are multiple reasons why it’s important to know how to add a cookie banner to your site. Website building platform like the WordPress takes cookie banner as proof to save session information to identify the logged-in users quickly. It also displays a cookie when someone wants to comment on a site.

Cookies can be an information collecting medium since many websites use them to store users’ information and split it to third-party advertising platforms. Moreover, different WordPress plugins have cookie displaying options to store numerous types of information and identify unique visitors.

Step by Step Guide on How to Add a Cookie Banner to Your Site

To offer you a more advanced way to add a cookie banner on your site, we will use a dynamic WordPress plugin that is powerful enough to add a cookie banner as fast as possible. Before that, make sure you have WordPress installed on your site. 

That’s why we will use the ‘Legal Pages pro’ plugin to serve this purpose. This plugin helps you master the techniques of how to add a cookie banner to your website.

Step 1: Upload and activate the ‘Legal Pages Pro’

Go to your WordPress Dashboard Admin menu panel to start the proceeding. Next, click on Plugins➤Add New. You will be redirected to the Add Plugins page. Now, click on Upload Plugin to upload ‘Legal Pages pro’ on your site.

Upload plugin to know how to add a cookie.

Once you have clicked on the ‘Upload Plugin’ option, an option with a message will appear from where you need to click on Choose File to upload the plugin. You can only install or update a plugin file from here If it’s in a .zip format. 

Once the ‘Legal Pages Pro’ file is uploaded, click on Install Now.

Install 'Legal Pages Pro' to understand the process of how to add a cookie.

Now that you have successfully installed ‘Legal pages Pro’ on your site. Next, click on Activate Plugin to activate the Plugin. 

Click on 'Activate Plugin' to know how to add a cookie banner on your website.

Now, ‘Legal Pages Pro’ is properly ready to be in action on your WordPress site. 

Step 2: Take a tour on Cookie bar settings 

Before adding a cookie bar to your site, let’s tour the cookie bar settings. To do this, go to the Admin Menu and hover over Legal Pages➤Cookie Bar. You will be redirected to the ‘Cookie Bar’ page.

Having ideas on different cookie bar features and functionalities will make it easier for you to display the cookie bar effortlessly and smartly on your site. Let’s have a detailed look at each of them.

At the very beginning of the page, there is an agreement button that wants your consent on if you wish to show EU Cookie Alert/Notification to your users or not. Users can consent by clicking on the ‘Yes’ or ‘No’ button’. 

The immediately next option offers you six different Cookie Bar Display Positions with two cookie bar display styles; ‘Bar Style’ and ‘Floating Box’. You can display a cookie bar in six different positions on your website. 

In the Cookie policy link box, set the web link from where you can find the cookie policy details. Next, write the message you want to display on your cookie bar in the Cookie Message option.

You can set both the Background and Color of your ‘Cookie Message/Banner’ as well. In the Cookie Button Text, write the text name you want to display on the Cookie Button. 

Besides, you can select the color for both the background and text of your button using the Dismiss Button Background and Dismiss Button Text Color options. 

And finally, after making all the necessary changes, click on the Save Settings button to save all the changes you have made earlier.

Cookie bar option comes with multiple functionalities to help you understand the process of how to add a cookie.

Finally, your website is ready to display the newly created Cookie Banner each time users visit your website.

Step 3: Display the cookie banner on your website

Let’s see how your newly created Cookie banner looks when displaying it on your website.

Display cookie bar following the steps on how to add a cookie.

Winding Up

Selecting a competent and hassle-free way to display a cookie banner can give you relief in many ways. With that in mind, in this article, we have shown a seamless way to add a cookie banner for your site. The plugin we have used in this tutorial is one of the most sophisticated plugins to serve this specific purpose.

We are hopeful that you have got a straightforward way on how to add a cookie banner from this article. We are eagerly waiting to listen to your excellent experience of adding a cookie banner for your website following this guide.

If you liked this post, don’t forget to subscribe to our blog so that we can notify you once any post is published. Finally, you can also follow wpWax on FacebookTwitter, and LinkedIn for more exciting news, offers, and product updates.

Share
URL copied to clipboard!
Written by

Abdullah Al - Harun

Abdullah Al Harun is a technical content writer at wpWax and a digital marketing enthusiast. Apart from tech, he enjoys reading books on different aspects of communication, journalism, science, and arts. On his time off, you will find him playing cricket with his teammates.

Share
URL copied to clipboard!

Leave a Reply