Each Chameleon Experience you create, such as a Tour, Tooltip, Microsurvey, Launcher, or a Step (within a Tour or Microsurvey), etc. has a unique alpha-numeric identifier. This ID is part of the CSS selector for that Experience (learn more about selectors here) and can be used to:

There are a few ways to find the ID of any Experience in Chameleon:

When you click on any Experience in the Dashboard, you can see and copy its ID from the header section, under its name.

You can also get the Experience ID from its URL.

In the case of Tours and Microsurveys, Chameleon will also generate unique IDs for each Step of that Experience. To get the ID of any Step, go to the "Build" section in the Dashboard, and under the ellipsis menu you can find the option to copy the Step ID.

You can find the ID of any Experience by right-clicking on the relevant Chameleon Experience in the Builder and inspecting the element in your browser console.

In the case of a Tour or a Microsurvey, the ID follows the chmln-campaign text in the selector. In the example below, the ID of the selected Microsurvey is: 627e93895b270c001a1c680e 

In the case where you want to find the specific ID for a Tour Step, for example, you can use the console to inspect the element as well.

The ID follows the chmln-step text in the selector. In the example below, the ID of the selected Step is: 62c8771d55cd3e0015a4041c.

💡 You can also get the Step ID by clicking "+ Add CSS rule" while editing a Step's Custom CSS.

In the case of a Launcher, you can use the console and the Builder the same way to find the ID.

The ID follows the chmln-list text in the selector. In the example below, the ID of the selected Launcher is: 62880e87fe54730013a44b5f.

👉 If you have any trouble finding the Experience IDs you can contact us via our Get Help page.