help center

On this page

Popups: Bottom Bar

Last Update: January 14, 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


  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


Configure style as desired


  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

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