One of our most requested and most powerful features has been made available to all Hello Bar users. Now you can edit the code of any Hello Bar popup. That means you can now customize your popup exactly based on your needs and virtually without any limitations. And you can still use all other great capabilities of Hello Bar such as targeting, analytics, rule engine, triggers, etc.
To edit and/or customize your Hello Bar popup's HTML code, simply open it in the popup builder, then click at the place you want to edit, then click on the code option (the one with the icon that looks like < >) in the toolbar. Now you can edit the code according to your needs.
Below is an example of customizing a Hello Bar popup's HTML code. In particular, it shows how you can add a Calendly widget into a Hello Bar modal:
Here is how it looks to site visitors after customizing the modal's HTML code using Calendly elements:
Note that you can put any HTML element with inline styling*.
**IMPORTANT NOTE: This is an advanced feature. Please make sure that you use it carefully to avoid impacting your site and business.
We'd be happy to hear your feedback about our current and new features, so please feel free to let us know how we can improve them further.
Reach out to our team at [email protected] if you have any comments or questions.