Easiest Way To Add A Cookie Consent Bar Using Elementor

In this blog, you will learn how to add a cookie consent bar using the elementor free version. This tutorial might be a little easy, but it's worth it. Don't leave me hanging, find out how I do it!

Easiest Way To Add A Cookie Consent Bar Using Elementor

In this blog, you will learn how to add a cookie consent bar using the elementor free version. Here is the used elementor free version, but if you don’t have elementor pro then you can download it from here: https://dcreato.com/go/elementor So, we will learn the full process with a few steps so let’s begin:

  • Install the plugin
  • Customization
  • Bottom line



At first, you have to install one plugin from the wordpress. It is a free plugin, you don't have to pay something to make it. Also, the plugin is available on wordpress. Go to the plugin installer page and click on add new and search the plugin name "element pack lite", click on install, and then after installing simply activate the plugin. After activating, the plugin will redirect you to their pages but don't do anything with the plugin, just leave from the page to the WordPress dashboard.



After installing and activating the plugin, go to your elementor editor page and just search on the widget bar called "cookies". You will see a new widget has been added to your elementor widget that is COOKIE CONSENT. Simply drag and drop the widget and place it anywhere on the page of your website like here I have placed the widget under the title. You can place it anywhere, it will work properly.


After placing the cookie widget you will see this type of interface. Here you will get a lot of options to customize the notice bar. At first, you can add your own message and you can add button text. After that you can set the position where you want to keep the notice bar of the page like at the bottom, bottom left, bottom right, top. Here I have placed the notice bar at the bottom. Then you can set the expiry days, for how many days you want to show the notice bar to the visitor, here I keep it as default.


After some changes in the content now is time to customize it. Go to the style tab to customize the notice bar. Here you can change its background color, fonts, button style, border radius, etc. Here I have changed its background color, text font, and buttons font and then make some border radius. Now it's looking beautiful as you can see above in the images. So, that's the process of how you can add a cookie consent bar using elementor free.


So, here in this blog, you have learned how to add a cookie consent bar using elementor free. Here is used only free plugins so, if you don't wanna use paid plugins but want this notice bar then you can apply it on your website.

The most important thing is that WE MADE A VIDEO ON "EASIEST WAY TO ADD A COOKIE CONSENT BAR USING ELEMENTOR" here’s the link, you can watch this you will better understand: https://youtu.be/NZSs0bpbswU

That’s all there is to it! We hope that you’ve learned something new today and that you’ll be able to apply it to your own website. If you like it then share this post and if you have any questions or feedback on this blog, please leave them in the comments, or you can comment on youtube, we will reply to you shortly!

About Author

Hameed Aslam

  • 284 Post
  • 0 Recent Post

Hameed Aslam is a website design and development expert, as well as an SEO and content strategist. He is the founder of DCreato and many other online ventures. Hameed's skills with web design, development, SEO, and content marketing have helped him achieve success in online business. He loves to help others learn about these topics so that they can also be successful online.

Latest Comments 0 Responses

Login/ Register to Comment