The Elementor Cookie Consent plugin provides a live preview feature within the WordPress admin dashboard, allowing you to see real-time changes to your cookie banner’s design, layout, and content for both desktop and mobile devices before publishing.
What is the Elementor Cookie Banner Live Preview?
The Elementor Cookie Consent plugin offers a comprehensive live preview that updates in real-time as you make changes. This feature allows you to:
- View your cookie banner, preferences dialog, and revisit button without publishing.
- Toggle between desktop and mobile views to ensure responsiveness.
- See immediate visual feedback on all design and content adjustments.
How to Preview Your Cookie Banner
Imagine you’re setting up a new GDPR-compliant cookie banner for your website and want to ensure its appearance matches your brand. Follow these steps to preview your changes:
- From WP Admin, navigate to Elementor>Cookie Consent.
- In the panel, click either either Design or Content.
At the bottom of the screen toggle Preview on.
Your cookie banner appears as it would on your site.
Frequently Asked Questions
Does Elementor Pro enhance the preview experience?
Yes, Elementor Pro users benefit from deep integration, allowing them to design the cookie banner and preferences dialog directly within the Elementor visual editor. This provides a drag-and-drop workflow, widget-level control, and the ability to save banner designs as Elementor Cloud Templates for reuse across multiple sites.
Can I preview my cookie banner on different devices?
Yes, the live preview includes a device toggle that allows you to instantly switch between desktop and mobile views to check your banner’s responsiveness.
Do I need to save changes to see them in the live preview?
No, the live preview updates in real-time as you adjust settings, eliminating the need to save or publish changes to see their effect.
What happens if I switch between GDPR and CCPA compliance models?
If you switch compliance models from the Settings, the banner behavior, consent logic, and default button options will update to match the new model. You should review your banner content after switching to ensure the messaging is appropriate.
Can I hide the Elementor branding from the banner?
Yes, the option to remove the Elementor branding (white-label) from the consent banner is available for paid users.