Chameleon works using JavaScript. In order to activate and display in-product Experiences to your users, you will need to deploy the Chameleon code snippet to your website or web application.
There are different methods to do this; using Freshpaint, you can get up and running in just a few minutes.
ℹTo start installing Chameleon, you need to have created a free account. You can create one here.
About Freshpaint
Freshpaint is a Customer Data Platform that allows you to easily turn on or off third-party code snippets in their applications and send data between all your tooling.
To install Chameleon this way, you first install the Freshpaint code directly on your product and then use their dashboard to manage other third-party integrations, such as Chameleon.
When you use Freshpaint to install Chameleon on your product:
Chameleon is only installed on sites/pages where Freshpaint is installed.
Chameleon features will only appear on pages where Freshpaint's identification method is called.
In addition to installing the Chameleon code, Freshpaint sends user data (properties and events) to Chameleon. You can leverage this to target Experiences to specific users.
Chameleon can send data (e.g. about your experiences' performance) back to Freshpaint. You can leverage this to coordinate all your user communication, view all product data in one place, and send data to other services connected to Freshpaint.
If you use Freshpaint, we strongly recommend installing Chameleon this way. It makes Chameleon's implementation easier, more powerful and will help your tech stack function more synchronously.
Installing with Freshpaint
Installing Chameleon with Freshpaint is a simple, fast way to start delivering in-product guidance. Once your Freshpaint account is set up and you have it installed on your product, go over to the installation page and follow these steps:
Select the Freshpaint installation method and copy the Token from your Chameleon Dashboard
Now, add a new destination to Freshapint, using the Token copied from Chameleon.
Visit your Freshpaint dashboard and select Chameleon from the list of apps.
Click "Configure" next to the API Key field and paste the Chameleon Token you copied earlier.
You will see the successful configuration in your Freshpaint account.
Once installed, you should load a page in your application so that data is sent to Chameleon and you will then see your installation status as active within the Chameleon Dashboard.
To complete the process, go to Sources in your Freshpaint dashboard and click to configure the "Autotrack" component. Copy the JS snippet and paste it into the
<head>of your website. This way, Freshpaint will know how to receive events passed from your Chameleon account.
Alternatively, you can set up Precision Tracking for more control over the events you track. Click Configure, and paste the code provided by Freshpaint to your website.
The final step is to verify the installation and review the domains (or subdomains) that have the Chameleon code.
ℹ If you install Chameleon on a domain that's different from your email domain, it will be automatically disabled, and you should manually enable it (from the "verify installation page, or your Environments. The same goes for new subdomains that you add to already-enabled domains. This is to ensure better security and that no malicious domains get added to your account.
👉 Explore what you can achieve if you integrate Chameleon with Freshpaint.