All Collections
Using the HelpBar
How to configure my HelpBar?
How to configure my HelpBar?
Learn how to set up your HelpBar to enable users to find valuable resources
Sonia Schiau avatar
Written by Sonia Schiau
Updated this week

With HelpBar, you can make your resources available to users when they need them most and allow them to pick the right answers. Add a 'Spotlight Search' that connects your well-written documentation, product pages, and key actions to unblock users in their journey.

The efforts to create and maintain your resources brought you to this - you can unite them all into one. You can configure and publish your own HelpBar in just a few steps.

Availability & Usage

πŸ†“ Available for all plans

πŸ“ Integrates well with Intercom, Zendesk, Help Scout, ReadMe, Document360

βš™οΈ Configure from the Dashboard

Quick access

The first step is to ensure it follows your brand's colors, so it's integrated into your app and users' experience. Chameleon picks up colors from your app's style; but you can further adjust the background, text, and highlight colors, to make your HelpBar fit right in.

πŸ‘€ You'll soon be able to adjust your HelpBar's styling from the Styling page in the Dashboard too.

Next up, you'll add your content so users can search and find their own answers. There are different types of content you can add, including help documentation, blog articles, Walkthroughs, or custom content from your app.

πŸ‘€ At the moment, from the Dashboard, you can currently add searchable content (that Chameleon can find and pull into the HelpBar) but we're working to enable you to add custom content, Walkthroughs, and more!

So tell Chameleon where to pull your results from, just paste your link (for example your Help Center's) and Chameleon will bring up the content that you can add to your HelpBar.

πŸ’‘ You can also add your Blog articles or Developer Docs to the HelpBar.

If you have a private knowledge base, you can still leverage it with the HelpBar. πŸ˜‰ You can authorize the connection with Chameleon and switch between public or private results when adding your content.

🀝 We advise you to use a source with enough content to enable your users to learn about different topics. You can always configure the HelpBar with what you have, but it's more powerful when packed with valuable resources.

Once you add it to your HelpBar, you'll be able to:

  • add a compelling to it

  • adjust its icon

Once you add your content it's time to set how users can launch it in your app. We all love a good keyboard shortcut, so you can leverage an already familiar pattern (CMD/Ctrl +). You can update the final keyboard stroke that launches your HelpBar.

You can also include it in your Launcher as a JS item and enable users to access it there πŸ‘‡

Before going live with it, you'll also be able to leverage Chameleon's Environments and set where your HelpBar should display. This is especially useful if you have multiple products with different resources, or if you want to test it out on a staging domain first.

Finally, review everything you've configured and publish it live in your product. You can learn more about testing your HelpBar, here.

πŸ‘€ We continue to develop the HelpBar with more features and finer control. More updates are coming soon!

Explore more

Did this answer your question?