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.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Cookie Consent”
- Hover over the widget in the search results and click install
- Add the “Cookie Consent” widget to any Elementor Page
General Settings
Compliance Type
Select the compliance type.
- Notify User: It will just notify users that the site uses cookies.
- Ask User: It will ask users to opt into cookies.
Confirm Button Text
Type text for confirm button.
Content Align
Set the content alignment.
- Start
- Center
- End
Debug and Testing Settings
Debug Consent Popup
It will open popup in editor for design.
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
Position
Set the position of consent popup.
- Fixed
- Relative
Z-Index
Set the z-index of consent popup.
Vertical Position
Set the vertical positioning of consent popup.
Vertical Space
Set the vertical spacing of popup.
Horizontal Position
Set the horizontal positioning of consent popup.
Horizontal Space
Set the horizontal spacing of popup.
Layout Settings
Show Title
Show/Hide the title element.
Title
Type text to show as title.
Show Consent Message
Show/Hide the consent message.
Consent Message
Type the consent message.
Show Icon
Show/Hide the icon.
Icon
Choose an icon to display.
Show Close Icon
Show/Hide the close icon.
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.