Elementor and WordPress

Adding a cookie popup in Elementor – cookie consent pop up how to for Elementor

BIG linden / Support Docs / Adding a cookie popup in Elementor – cookie consent pop up how to for Elementor

Elementor and WordPress

Q:

Our organization needs a cookie consent popup on our WordPress website built with Elementor and Hello theme. What is the easiest way to add a consent popup in Elementor?

Issue

The client needs to add a cookie consent popup on their WordPress website built with Elementor and Hello theme.

Adding a cookie popup in Elementor – cookie consent pop up how to for Elementor

There are several approaches to enabling a cookie consent banner or popup on your Elementor website. Some clients elect to use a plugin to achieve this. With numerous plugins available that enable GDPR or cookie notices for WordPress, this isn’t a terrible choice. There are, however, better options.

Built right into Elementor, there are tools to create a native cookie consent banner with Elementor. Using Elementor’s ‘Popups’, you can make a totally custom cookie popup for your website.

 

How to Add a Cookie Consent Popup in Elementor

Time needed: 30 minutes

Adding a cookie or GDPR consent banner to your Elementor website is made easy with the Popup feature that is included in Elementor. You can create an attractive and engaging cookie popup for users with all of Elementors’ drag-and-drop tools, and configure its display rules and settings for your website’s compliance notices and cookie consent.

  1. Create a New Popup Template

    In your WordPress admin, go to Elementor > Popup Templates and click the ‘Add New’ button.

  2. Name your popup “GDPR Notice” or “Cookie Consent”

    Give your popup a name and select the Page Builder option for creating it (the other option is using a template). We don’t need a template.

  3. Design your Cookie Consent Popup

    Now you can start building the cookie consent popup in Elementor’s drag-and-drop editor just like any other page or post element in Elementor. You can use all of Elementor’s usual tools such as fonts, images, videos, containers etc., to make an engaging design that fits with your site’s branding if desired; however this step isn’t necessary – all you really need is some text explaining what cookies are used by the website along with checkboxes allowing users to give their consent options (accept cookies or deny cookies).

  4. Save Your Cookie Popup

    Finally, click Publish. Select your Display Conditions, we suggest ‘Entire site’ for your cookie banner or popup, then click ‘Save and Close’.

  5. Clear the Cache

    Clear any cache that may be used, including any JS or CSS cache, Cloudflare, and object caches. For some websites, it may also be necessary to “Regenerate Files” for the popup to work correctly.

  6. Test Cookie Popup

    Visit your website in an Incognito window or with a different browser to inspect how the popup experience flows. Once your cookie consent popup is live, make sure to test it thoroughly on different browsers and devices. This will ensure the cookie banner works properly and that the various pieces of consent have been correctly implemented for GDPR compliance purposes.

Additional reading

None at this time.

More articles about Elementor and WordPress

More articles related to and .

Capabilities related to Elementor and WordPress:

Prevent attacks, regain control of your WordPress website with Enterprise security solutions.
Move your website from Wix to WordPress and get the website you need.

REQUEST A 1:1 CONSULTATION

Get a 30 minute 1:1 consult with a BIG consultant and get a 7 page report on making digital work in your organization with key insight into paths for success and playbooks just for your unique needs.

Please understand not all requests can be met. Please contact us with any questions.