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
- Go to Dashboard > Templates > Popups > Add New
- Name your template and click ‘Create Template’
- In the Library, open the category dropdown to choose a Hello Bar, or create your own design
![](https://elementor.com/help/wp-content/uploads/2020/04/file-CQ30OuLdlp-1024x663.png)
Popup Settings
Settings
- Set the Horizontal position to Center and the vertical position to Top.
- Hide Overlay
- Show Close Button
![](https://elementor.com/help/wp-content/uploads/2020/04/file-9JsKCUBZQC-565x1024.png)
Style
Change text, background image, button, and styling as needed.
Publish Settings
Conditions: Include: WooCommerce > Shop Page
![](https://elementor.com/help/wp-content/uploads/2020/04/file-DhcAkbYPIr-1024x707.png)
Triggers: On Scroll: Down within 60%
![](https://elementor.com/help/wp-content/uploads/2020/04/file-MmpsqTkxiK-1024x706.png)