Hello Bar App

Created by Ali Hafizji, Modified on Fri, 28 Jul, 2023 at 4:01 AM by Ali Hafizji

With Hellobar, you can promote your latest product release, sale/offer, promo codes, or webinars with a targeted, customizable pop-up or sticky bar.


Drive conversions & increase sales using calls to action that grab your visitor's attention.


Setup & Installation


  • Create an account: Register for an account here.
  • Open HelloBar: Click the HelloBar application from the Application Menu.



  • Create your own HelloBar: You can use a template from the templates menu or start with a black bar and create your own. Creating a HelloBar requires just two steps:
    • Content: Add the text for the HelloBar, including the text and action URL for the action button.
    • Configuration: Configure the HelloBar's look & feel.
  • Add the HelloBar to your website: Goto the Export Code tab and copy the script provided. Add the script to the Footer code section under the Custom Code of your site's settings. 


  • Publish your website: Publish your website on Webflow to see your HelloBar in action.


FAQs
  1. Can a HelloBar be created for different web pages in the same Webflow project?

    At the moment, we only support creating a HelloBar that will be shown across the website. This will change in subsequent releases.

  2. Why don't I see the HelloBar on the published website even though I've added it to the Custom Code section?

    The script must be added to the "Footer Code" in the Custom Code section of your Webflow project's settings. Please check if this is added to the right section. If it still isn't showing up, please create a ticket here, and we will help you trouble shoot.


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article