With Elementor Cookie Consent, you can configure your website’s cookie banner for GDPR (Opt-in) compliance. This solution ensures non-essential cookies are blocked until explicit user consent, providing clear options to accept, reject, or customize preferences, crucial for EU-centric sites.
What is Elementor Cookie Consent?
Elementor’s Cookie Consent plugin is a comprehensive management solution for WordPress websites, designed to help site owners comply with privacy regulations like GDPR and CCPA. It offers an all-in-one system for cookie consent, including banner display, cookie and script scanning, user consent logging, and control over third-party script execution. The plugin emphasizes a design-first approach with full customization options, including deep Elementor integration, and loads the banner locally from your site, not from a CDN.
How to set up your cookie banner for GDPR (Opt-in) compliance?
For sites that need to be GDPR compliant, Cookie Consent guides you through a simple, three-step onboarding wizard to get your banner live quickly.
Prerequisites
- Elementor Cookie Consent plugin installed and activated on your WordPress website.
Example
Setting up a new cookie banner for a website targeting EU visitors, where prior consent is required.
Select Consent Template
- From WP Admin, navigate to Elementor>Cookie Consent.
- Select model: Choose the GDPR (opt-in) compliance model. This setting ensures that cookies and scripts are blocked by default until the user provides explicit consent.
The banner will display options for users to Accept, Reject, or Customize their cookie preferences.
You can change the compliance model through the Settings section. - Select Layout: Choose your preferred banner format: Full-width banner or Compact box.
This selection determines how the consent prompt appears to your website visitors. - Initial Website Scan: * The system will automatically crawl your website to detect existing cookies and scripts.
Discovered items are categorized into:
Necessary
Functional
Analytics
Advertisement
Unclassified
You can choose to skip this step and perform a scan later if needed.
Once these steps are completed, your cookie banner will be activated on your website, and you will be redirected to the main dashboard.
How does GDPR (Opt-in) consent logic work?
In the GDPR (Opt-in) model, Elementor Cookie Consent ensures that only strictly necessary cookies and scripts are loaded by default. All other categories of cookies and scripts are blocked until the user explicitly consents to them.
- Necessary cookies/scripts: Always Load (Immutable).
- Analytics cookies/scripts: Blocked until consent. Load if accepted; remain blocked if rejected.
- Marketing cookies/scripts: Blocked until consent. Load if accepted; remain blocked if rejected.
- Functional cookies/scripts: Blocked until consent. Load if accepted; remain blocked if rejected.
- Unclassified cookies/scripts: Blocked until consent. Load if accepted; remain blocked if rejected. When a visitor rejects cookies in GDPR mode, scripts in the rejected categories remain blocked.
Only Necessary scripts will execute.
How to customize your cookie banner design?
Elementor’s Cookie Consent plugin offers extensive design options to ensure your consent banner, preferences dialog, and revisit button seamlessly match your website’s brand identity. You can access these settings in the plugin’s Design section.
To access the design section:
- From WP Admin, navigate to Elementor>Cookie Consent.
- In the panel, click the Design tab.
In the design screen, you can set the following:
Banner Layout
- Banner type: Choose between Banner or Box banner types.
- Banner position:
- Apply separate settings for desktop and mobile devices.
- Set to appear at either the Bottom or Top of the screen.
- Configure custom position for precise placement.
- Adjust the Banner corner radius of the banner.
Banner & preference style
Set the color and other formatting of the banner and button/toggle.
- Banner & dialog colors: Customize the colors of the banner’s:
- Background
- Text
- Links
- Text size: Set the banner’s **Text size** for the title and body.
- Configure the button’s:
- Primary background color
- Button size
- Button corner radius: round the corners of the button.
- Toggle the Elementor logo off (Paid users only).
Revisit consent icon
Visitors’ preferences for cookie consent only last for a set period of time. When that time is up, an icon appears allowing them to change their preferences.
Revisit consent icon section allows you to style this icon:
- Icon: Choose the icon type.
- Size: Choose the icon size.
- Color: Choose a background color for the icon.
- Corner radius: Round the corners of the icon.
- Icon position: Apply **separate settings for desktop and mobile devices**. Choose a location for the icon.
- Custom position: Configure custom position for precise placement.
How to manage banner content and languages?
You can customize the text used in the consent banner, including the addition of multiple languages.
For details, see How to edit your Cookie Banner text and add additional languages.
How to manage cookies and scripts?
The **Cookie Management** module automates the discovery of cookies and scripts on your website and provides granular control over their behavior, which is essential for compliance audits.
For details, see How to manage cookies and scripts.
How to adjust the banner settings
The banner settings let you set the Template Type to GDPR and set a date for consent expiration.
For details, see Dashboard Walkthrough.
Preview your Cookie Consent banner
You can get a preview of how your banner will appear to visitors.
For details, see Preview your Cookie Consent banner.
Frequently Asked Questions
Is Elementor required to use Elementor Cookie Consent?
No. Elementor’s Cookie Consent plugin works with any WordPress theme and page builder. Core features like scanning, blocking, consent management, banner customization, and consent logging are fully available without Elementor. Elementor Pro users gain additional design capabilities within the Elementor visual editor and can save designs as cloud templates.
Does Elementor Cookie Consent ensure full GDPR or CCPA compliance?
No. Elementor’s Cookie Consent plugin provides essential tools for cookie consent implementation, including banner display, consent collection, script blocking, cookie categorization, and consent records. However, full legal compliance depends on many additional factors specific to your site and business. You are responsible for ensuring your site meets all applicable legal requirements.
What happens when a visitor rejects cookies in GDPR mode?
In GDPR (Opt-in) mode, when a visitor rejects cookies, scripts in the rejected categories remain blocked. Only Necessary scripts, which are essential for basic site functionality, will continue to run. The visitor’s choice is stored in a local browser cookie, and the banner remains hidden until the consent period expires.
Can I switch between GDPR and CCPA mode after setup?
Yes, you can switch compliance models anytime from the plugin’s Settings module. When you switch, the banner behavior, consent logic, and default button options will update to match the new model. It is recommended to review your banner content after switching to ensure the messaging remains appropriate for the selected compliance model.