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:
Style that component with custom CSS (learn more here)
Get troubleshooting help by identifying the troublesome component (read this)
There are a few ways to find the ID of any Experience in Chameleon:
from the Dashboard,
from the Experience URL,
See when inspecting the element in your browser console. ???
Note: The ID never changes for any Experience. If you copy or duplicate an Experience, that will have a different ID.
When you click on any Experience in the Dashboard, you can see and copy its ID from the bottom of the first panel in the Analytics tab. You can also find it in its URL.
In the case of Tours and Microsurveys, Chameleon will also generate unique IDs for each Step of that Experience. See how to find the Step ID below. 👇
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:
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:
💡 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:
✋ If you have any trouble finding the Experience IDs you can contact us via our Get Help page.