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
![Create a Hello Bar popup 2 file CQ30OuLdlp Create a Hello Bar popup 1](https://cdn.statically.io/img/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
![Create a Hello Bar popup 4 file 9JsKCUBZQC Create a Hello Bar popup 3](https://cdn.statically.io/img/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
![Create a Hello Bar popup 6 file DhcAkbYPIr Create a Hello Bar popup 5](https://cdn.statically.io/img/elementor.com/help/wp-content/uploads/2020/04/file-DhcAkbYPIr-1024x707.png)
Triggers: On Scroll: Down within 60%
![Create a Hello Bar popup 8 file MmpsqTkxiK Create a Hello Bar popup 7](https://cdn.statically.io/img/elementor.com/help/wp-content/uploads/2020/04/file-MmpsqTkxiK-1024x706.png)
Keep visitors engaged with an exit-intent popup. Elementor Premium Services offers expert help designing and implementing the perfect popup.