help center

Search
Close this search box.
On this page

Popups: Bottom Bar

Last Update: June 24, 2024

Bottom Bars can be used for a variety of reasons, including announcements or options. Another common use of a popup bottom bar is to comply with the EU Cookie Consent law. In this example, we’ll quickly create a Cookie Consent banner. The bar will satisfy several requirements:

  1. Show on any page of the site. (Publish Settings > Conditions)
  2. Show immediately when the page loads. (Publish Settings > Triggers)
  3. Show an overlay to hide the site underneath. (Popup Settings > Settings Tab)
  4. Prevent scrolling of the site underneath. (Popup Settings > Advanced Tab)
  5. Only close when the user clicks the OK button, making sure to prevent closing when clicking the overlay or pressing ESC. (Popup Settings > Advanced Tab)
  6. Only show the popup once, so the user doesn’t have to continually deal with it on subsequent page views. (Publish Settings > Advanced Rules)

To adjust the Popup Settings, click the Popup Settings gear icon cog sml Popups: Bottom Bar 1 in the panel’s bottom toolbar. To adjust the Publish Settings, click the arrow next to the Publish / Update button and choose either Conditions, Triggers, or Advanced Rules.


Create Popup

  1. Go to Dashboard > Templates > Popups > Add New
  2. Name your template and click ‘Create Template
  3. Choose a template from the Library or create your own design
file jsbcpqivUu Popups: Bottom Bar 3

Popup Settings

Settings

  1. Set the Horizontal position to Center and the vertical position to bottom.
  2. Show Overlay
  3. Hide Close Button
file UvztinjKYC Popups: Bottom Bar 5

Style

Configure style as desired

Advanced

  1. Prevent Closing on Overlay: Yes
  2. Prevent Closing on ESC Key: Yes
  3. Disable Page Scrolling: Yes
file 2MfY3lnvyY Popups: Bottom Bar 7

Publish Settings

Conditions: Include: Entire Site

file p2zr0PkrZk Popups: Bottom Bar 9

Triggers: On Page Load: within 0 seconds

file YMQXs0LYFq Popups: Bottom Bar 11

Advanced Rules: Show Up To X Times: 1

file 7puNuRVoqA Popups: Bottom Bar 13

Keep visitors engaged with an exit-intent popup. Elementor Premium Services offers expert help designing and implementing the perfect popup. 

Need expert help in creating that perfect lead-collection popup for your marketing campaign? Check out Elementor Premium Services.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!