Chameleon is your one-stop shop for no-code user success. You can create and manage the display and performance of your Experiences (modals, surveys, or launchers) with the 2 components of Chameleon:

  • The Builder: a Control Panel over your application that you use to adjust and manage your Chameleon Experiences.

  • The Dashboard: the place where you go to configure account options, build Experiences, and access account-wide features such as styling, or custom audiences.

  • The HelpBar: a search window that you can use to navigate to other Experiences, or essential settings, and bring up helpful resources

Finally, the Experiences are the actual components that your users will see and interact with on your website.

Quick access

What can I do in the Chameleon Dashboard?

The Dashboard is the home of your Chameleon Experiences and your central command hub. Here is where you build your Experiences, customize your account, manage audiences, and get a good grip on your account’s performance.

In the Dashboard, you can:

How do I use the Chameleon Builder?

💡 To access the Chameleon Builder, you don't need to have the Chameleon code snippet installed on your application. You just need to sign-up for an account and install our Chrome Extension.

Every time you'll build an Experience you will configure it in the Dashboard, but style it and set on-page settings, with the Builder. Pick the Experience you want to create or edit from the Chameleon Dashboard.

Once you add a Step, you will be prompted to customize it in the Builder. Add your domain name and click "Enter Builder".

The Chameleon Builder will open onto your page, housing all the options available for customization. Dive in and play around until everything looks and feels right. In the Builder, you work directly with on-page elements and specific styling features to configure your Experience to the very last detail.

🎯 To get to specific pages inside your product and set an Experience's starting point, use Navigate mode while the Builder is open.

💡Drag and Drop the Builder to keep the Experience you’re working on clear on the page and make sure it doesn’t interfere with critical information on your page or block other important elements.

The Builder is always in plain sight so that you can easily adjust settings such as your Experience’s Design, Interactions, or Display Rules (determine which criteria or triggers are necessary for an Experience to display, such as the presence of your user at a given URL, or clicking on a specific button, that requires specific elements to be visible on the page).

How to use the Builder Top bar?

A useful component of the Builder is the Top bar where you'll find a few key components, such as Navigate, Edit, or Preview mode, the HelpBar, as well as a link to the Help page where you can get further guidance.

Navigate mode

Allows you to move through your website as you normally would, without interfering with your Experience configuration flow.

Use the Navigate mode to find that specific place you want to anchor your Experience to. When you're ready to add a Step, you can click the Top bar button to add it.

Edit mode

When you're using this mode, the Chameleon Builder is open on your website and you customize your Experience as usual. You'll see the Experience name on top, as well as its individual Steps. Here you can also add new Steps and switch between them to style your Experience.

While in Edit mode, you’ll be notified in the Top bar whenever something is missing for the Experience to be displayed correctly, as well as confirmation messages that all is working well.

🎯 When using “Element Rules”, or “URL Rules” to configure how Experiences are displayed, you will see a notification in the Builder if any component involving an element match (or URL rule) is present on the current page or not.

Preview mode

In Preview mode, you'll see how your Experience behaves and appears to your users.

You can hit the “Preview” from the Builder or in the top Chameleon bar to switch from customizing your Experience to taking it for a quick test drive.

Return to customizing your Experience by clicking on the “Edit” button.

💡 When you're Previewing an Experience that's started from a different one you are editing, you can choose the Experience you want to continue working on from the Top Bar.

Preview mode is great to check the position, styling, and triggers of your Experience. But note that in some cases, you'll not see exactly how that Experience will look to your users. With Launcher Checklists, for example, Preview mode will also show how checked items (when are completed) that can also disappear once completed.

🎯 The best way to check what your users will see is to set the audience of your Experience to "Just me" and perform a live test.

🎓 Read this article to see how to test your Experiences before publishing them. This way, you can always make sure they are on point. 😉


From the Builder's Top bar you can also bring up the Chameleon HelpBar to navigate to other Experiences, helpful resources, or essential settings. But you can use the CMD+K, or CTRL+K keyboard shortcuts, to bring it up anywhere in Chameleon. This is just in case you need to open it with a click. 😉

The Chameleon Dashboard, Builder, and HelpBar work together to help you have complete control over your account and Experiences. Together, they work to support you in creating contextual Experiences that blend in smoothly anywhere on your website.

🚀 Ready to get started?

Go the extra mile

Did this answer your question?