help center

Search
Close this search box.
On this page

Create a Hello Bar popup

Last Update: June 24, 2024

Hello Bars are popular popups, primarily used for sales promotion announcements. For this example, we want our Hello Bar to only show on the Shop page, with no overlay, and a simple close button. In addition, we want to wait until the user scrolls down 60% of the page before popping up. By that time, our visitor is well engaged and is likely ready to consider our offer.

Create Popup

  1. Go to Dashboard > Templates > Popups > Add New
  2. Name your template and click ‘Create Template
  3. In the Library, open the category dropdown to choose a Hello Bar, or create your own design
file CQ30OuLdlp Create a Hello Bar popup 1

Popup Settings

Settings

  1. Set the Horizontal position to Center and the vertical position to Top.
  2. Hide Overlay
  3. Show Close Button
file 9JsKCUBZQC Create a Hello Bar popup 3

Style

Change text, background image, button, and styling as needed.


Publish Settings

Conditions: Include: WooCommerce > Shop Page

file DhcAkbYPIr Create a Hello Bar popup 5

Triggers: On Scroll: Down within 60%

file MmpsqTkxiK Create a Hello Bar popup 7

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

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!