Chameleon enables you to build and deploy in-product experiences directly on your web app, without writing any code. By the end of this article, you will know your way around installing Chameleon, its different components, and what are the different Experiences you can create.

How can I install Chameleon?

To use Chameleon and deploy in-product experiences to your app, you first need to install the Chameleon code snippet. There are several methods to do so:

We strongly recommend using Segment to set-up Chameleon. It is the fastest method, requires no engineering time, and provides better data integration.

💡 In case you're installing directly with Javascript or using Google Tag Manager, there are some pre-requisites you can attend in order to reduce engineering time and speed up the installation process.

Note: To deploy any Experience, the Chameleon code snippet must be installed in your app. However, you can build your Experience before installing the snippet, by using the Chameleon Builder. To do so, sign-up for a free account and download our Chrome Extension.

What are the different components of Chameleon?

Chameleon is comprised of three main components:

  • The Dashboard: the place where you can manage your Chameleon account, invite teammates, see the performance of your experiences, etc.

  • The Builder: a side-panel over your application that allows you to build, edit, and manage your Chameleon Experiences.

  • The Experiences: the actual component that your end-users will see and interact with, in your product.

How do I use the Chameleon Builder?

The Chameleon Builder is likely the component that you will be interacting with the most. It is where you will build and customize your Experiences.

Note: The above video displays an outdated version of Chameleon's interface. It has been replaced to give our users a more intuitive and pleasing experience. We will soon create new videos to showcase our new UI 🙂. But meanwhile, you can see a quick preview here. 😉

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 a free account and install our Chrome Extension.

Once you have the Chrome Extension installed, you can use it to access the Builder: a side-panel will overlay your app, and, from here, you can:

  • Build, preview, and manage all kinds of Experiences: Tooltips, Microsurveys, Tours, and Launchers.

  • Create and manage user segments to target your experiences.

  • Edit custom styles.

  • Create Experience templates, to streamline your build process.

  • Adjust your settings.

  • And more...

🚀 Ready to get started?

Follow this workflow to build and publish your first Experience

Curious for more?

Did this answer your question?