The “Cookie Consent Widget” allows you to display a customizable cookie consent notice for free in WordPress Elementor websites. This widget helps you comply with privacy regulations by informing visitors about cookie usage and allowing them to accept or manage preferences. You can customize the notice layout, text, buttons, and styling to seamlessly match your site’s design.
Let’s explore the features of the “Cookie Consent Widget” below.
Add a Free Cookie Consent to Elementor
This widget requires Unlimited Elements Free 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 in Elementor Cookie Consent
Compliance Type
Select the compliance type.
- Notify User: It will just notify users that the site uses cookies.
- Ask User (Pro): 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 in Elementor Cookie Consent
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 in Elementor Cookie Consent
Position
Set the position of consent popup.
- Fixed
- Relative (Pro)
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 in Elementor Cookie Consent
Show Title
Show/Hide the title element.
Title
Type text to show as title.
Show Consent Message (Pro)
Show/Hide the consent message.
Consent Message (Pro)
Type the consent message.
Show Icon (Pro)
Show/Hide the icon.
Icon (Pro)
Choose an icon to display.
Show Close Icon
Show/Hide the close icon.
Icon
Choose an icon to display as close icon.
Elementor Cookie Consent 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 in Elementor Cookie Consent
You can set the consent popup width, background color, padding, border radius, border and box shadow.
Title Styling in Elementor Cookie Consent
You can set the title typography, text color, text shadow, and positioning.
Consent Message Styling in Elementor Cookie Consent
You can set the consent message typography, text color, text shadow, and spacing.
Buttons Styling in Elementor Cookie Consent
You can set the button positioning, layout, alignment, typography, gap, spacing, padding, and radius.
Confirm Button Styling in Elementor Cookie Consent
Set the confirm button background color, text color, border, text shadow, and button shadow.
Cookie Icon Styling in Elementor Cookie Consent
Style the icon size, icon color, spacing and positioning of cookie icon.
Close Icon Styling in Elementor Cookie Consent
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.
Free Elementor Cookie Consent with the Ask User Compliance Mode.
Free Elementor Cookie Consent with the Notify User Compliance Mode.
Thank you for using the Cookie Consent Widget for Elementor! With its customizable design and compliance-friendly settings, this is the best Cookie Consent Widget for Elementor, perfect for informing visitors about cookie usage and ensuring GDPR compliance. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
