Skip to main content
All CollectionsHelpBarConfiguration
How can I integrate HelpBar with my product?
How can I integrate HelpBar with my product?

Learn how to integrate HelpBar into your app and how to introduce it to users

Tiago Mota avatar
Written by Tiago Mota
Updated over 10 months ago

With HelpBar, each piece of content that you've worked hard to create can be easily accessed by your users in your product. You can also combine resources with app navigation and enable users to discover your product through helpBar.

This is powerful to speed up onboarding and reduce support costs. All while enabling users to be faster and more successful.


HelpBar is an efficient UX pattern that drives onboarding and makes user journeys more dynamic because it leverages your unique product content and fits natively into your app. It creates a more immersive experience as it ties together help resources, user-generated content, and even the other tools in your stack.

HelpBar has a few features that make it fit natively into your app and users' flows.

You can enable users to navigate to pages inside your app, or access their own work or shared team projects. This makes users more efficient and enables them to achieve success faster with your product. All you have to do when adding resources is to set the link behavior to 'Navigate in-app'.

β„Ή If you've installed Chameleon via JS, ensure you've enabled the toggle that allows navigation without refresh inside your app.

πŸ‘‰ You can also enable users to access "Recently visited pages" via HelpBar by toggling on this option when adding content to your HelpBar.

You can set your HelpBar to launch in different ways and easily place it in your UI as a native element. This gives you the flexibility to test out your HelpBar implementation, with just a keyboard trigger for example.

But you can also combine it with other Chameleon Experiences, or leverage custom icons to ensure all users can access the most complex FAQ hub in your product.

To create an even better user experience, leverage your integrations (e.g. Calendly, Figma, HubSpot, etc) to help users get the best out of your product anytime they need it. Or run Custom Code Actions that enable users with specific tips, animations, or messages. Add these to your HelpBar 'Actions' (under Searchable Content).

This is powerful to leverage alongside documentation, to help unblock users with specific messages, or push them to the next stage in their journey from inside your product.

Combine resources and think through the different audiences that you want to enable. You can configure results for each, based on needs and preferences.


The HelpBar is the latest UX pattern that integrates smoothly into your product and users can launch in different ways. It's all up to your product and how users can benefit more from it. And there are a few ways you can implement HelpBar, even if you don't have dedicated space in your app right away.

The easiest way to start using the HelpBar is to add your help center and publish it on your staging environment. This process usually takes a few minutes and you can use the keyboard trigger to launch it and test out results and even the AI answers.

Try adding different integration Extensions and setting those to specific audiences, such as an option to chat with new users. Once you're happy with your configuration you can introduce it to users.

If you already have a live Chameleon Launcher, HelpBar will be a powerful addition to your self-serve guidance. Add your help center and allow users to get quick answers from the same place they've been used to accessing to find help.

πŸ‘‰ Enable AI Answers too so users can ask questions and get summaries from your entire documentation. This is especially helpful for new users who have to understand your app's structure and terms.

HelpBar is a new UX pattern that enables you to leverage your user-generated content and allows app navigation from a single place. This impacts users' speed and efficiency in your product, by enabling them to access specific pages or content (e.g. latest team projects) that may be inside other menus or subpages.

You can start implementing this in your product and invite power users to test out the shortcuts, or quick paths you add. Add your content to HelpBar, enable the keyboard shortcut Trigger, or leverage our API to launch HelpBar, and share it with select users.

This enables you to gather feedback from users while implementing HelpBar for your entire user base. And ensuring ensure all results match user expectations.

✨ This is especially useful if you don't immediately have space to place an extra widget in your app or if that takes longer to implement. This is a good way to ensure all results match user expectations.


Part of excellent user enablement is adding your content to your Helpbar. The other part is enabling them to access it at key moments in their journeys. With HelpBar being an already familiar pattern in many other tools, a good introduction is all users need to know how they can find answers in your app.

There are different ways you can enable users to use your HelpBar:

You can introduce HelpBar to users as the go-to place for answers in your emails.

This is great for teaching new users how to find help in your app and can have a big impact on your onboarding by reducing the occasional blockers self-serve users may encounter.

πŸ‘‰ The combination of quick answers summarized by AI with all documentation available, is a powerful way to drive users to accomplish their goals.

You can also announce it to users through your help documentation, and guide them to use HelpBar to learn more or get help. This can be especially beneficial and reassuring to new users who may often have questions about specific functionalities or terms. Give them a go-to place for all questions blockers.

If you already leverage in-app modals to teach users about your product's functionality, you can use a welcome modal to introduce HelpBar at any moment in their journey.

✨ The Tour above points users to the UI element that launches the HelpBar, but with your Chameleon Tours you can also leverage button 'Actions' to allow users to open and test your HelpBar right away.

These are just a few of the most popular ways you can enable a seamless introduction to HelpBar, at key moments in the user journey. But you can just as easily leverage a chatbot auto-reply to direct users to HelpBar for summarized answers. Or make it a central part of CSM conversations when enabling your customers. This way, your team can focus on driving higher value and you make space for more sophisticated enablement.

Did this answer your question?