fbpx

50% Off Limited Time Offer

Days
Hrs
Min
Sec

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

wordpress-black-friday-deals
Two Colors Heading
ue update blog

Cookie Consent for Elementor

The Cookie Consent widget for Elementor helps you stay compliant with privacy regulations by displaying a customizable popup that clearly informs users about cookie usage on your website. This feature makes it easy for visitors to accept or adjust their cookie preferences, promoting transparency and building trust with your audience.

Let’s look at each of the options in the Cookie Consent widget for Elementor below.

Add the Cookie Consent Widget to Elementor

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Cookie Consent”
  3. Hover over the widget in the search results and click install
  4. Add the “Cookie Consent” widget to any Elementor Page 

General Settings

1

Compliance Type

Select the compliance type.

  1. Notify User: It will just notify users that the site uses cookies.
  2. Ask User: It will ask users to opt into cookies.
2

Confirm Button Text

Type text for confirm button.

3

Content Align

Set the content alignment.

  1. Start
  2. Center
  3. End

Debug and Testing Settings

1

Debug Consent Popup

It will open popup in editor for design.

2

Demo Popup

The cookie consent popup will appear each time the page loads, regardless of whether the user has clicked "Agree" or not.

Position Settings

1

Position

Set the position of consent popup.

  1. Fixed
  2. Relative
2

Z-Index

Set the z-index of consent popup.

3

Vertical Position

Set the vertical positioning of consent popup.

4

Vertical Space

Set the vertical spacing of popup.

5

Horizontal Position

Set the horizontal positioning of consent popup.

6

Horizontal Space

Set the horizontal spacing of popup.

Layout Settings

1

Show Title

Show/Hide the title element.

2

Title

Type text to show as title.

3

Show Consent Message

Show/Hide the consent message.

4

Consent Message

Type the consent message.

5

Show Icon

Show/Hide the icon.

6

Icon

Choose an icon to display.

7

Show Close Icon

Show/Hide the close icon.

8

Icon

Choose an icon to display as close icon.

Cookie Consent Widget Styling

Every aspect of the widget’s design is customizable through a range of styling options. You can choose colors that align with your website’s aesthetic and personalize the text, icons, fonts, and layout to match your unique style and functionality requirements.

Consent Popup Styling

You can set the consent popup width, background color, padding, border radius, border and box shadow.

Title Styling

You can set the title typography, text color, text shadow, and positioning.

Consent Message Styling

You can set the consent message typography, text color, text shadow, and spacing.

Buttons Styling

You can set the button positioning, layout, alignment, typography, gap, spacing, padding, and radius.

Confirm Button Styling

Set the confirm button background color, text color, border, text shadow, and button shadow.

Cookie Icon Styling

Style the icon size, icon color, spacing and positioning of cookie icon.

Close Icon Styling

Here, you can set the close icon size, color, padding, background color, and border radius.

Cookie Consent Design Examples For Elementor

Here are some live use cases for the Cookie Consent widget.

Cookie Consent widget for Elementor with ask user compliance mode.

Cookie Consent widget for Elementor with notify user compliance mode.

Thank you for reviewing the documentation for the Cookie Consent widget for Elementor. This guide aims to provide all the information needed to implement, customize, and manage the widget on your website effectively. By utilizing this tool, you can ensure regulatory compliance, enhance transparency, and create a user-friendly experience that respects visitors’ privacy preferences. For any additional questions or assistance, the support team is available to help.

Grab this deal
before it's gone!

Days
Hrs
Min
Sec

30-Day Money-Back Guarantee

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!