How do I create a Hello Bar popup?

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

Popup Settings


  1. Set the Horizontal position to Center and the vertical position to Top.
  2. Hide Overlay
  3. Show Close Button


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

Publish Settings

Conditions: Include: WooCommerce > Shop Page

Triggers: On Scroll: Down within 60%

Share it on social networks

Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page