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 three methods to do so:
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 🙂
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, Surveys, 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...
What Experiences can I create with Chameleon?
Chameleon allows you to build a handful of experiences that will help you have your product and your users in sync. You can make use of the following Experiences:
Each of these will fit a different use case. Ideally, before building and publishing your experiences, you should take a moment to consider your goals and user needs.
A Launcher provides an in-product menu, which can contain links to different pages, Tours, Surveys, and more.
These are a great way to empower your end-users with the ability to learn more about your product in an interactive and contextual manner, without having to contact support or getting lost in the product documentation.
Surveys allow you to collect in-product contextual feedback from your end-users.
Their contextual nature allows you to trigger the right survey at the right time, for the right audience.
A Tooltip is a dynamic way to provide contextual information to your end-users. These are meant to be subtle in your UI and drive your end-users through new functionality or UI changes, or even to guide your users' onboarding flow.
Tooltips are designed to provide in-flow information in a non-intrusive manner. These can be built to be based on push or pull interaction and complement your great design with more in-depth information and enable your users to achieve your goals faster.
A Tour is a sequence of steps that allows you to create a single custom in-product Experience. You can use it to announce new features, onboard your users, create interactive guidance, and more.
This is a very powerful and highly customizable in-product experience that will allow you to drive your users' journey, by having better control over feature adoption, user guidance, and more.
🚀 Ready to get started?