Each Chameleon Experience, such as Microsurvey, Tooltip, Tour, Launcher, Step (within 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)
To find the ID, Copy it from the Dashboard, the URL or simply right-click on the relevant Chameleon Experience in the Builder and inspect the element in your browser console.
Note: The ID never changes for that same Experience. If you copy/duplicate an Experience it will have a different ID.
Here are some examples:
Find an ID in the Dashboard
The ID is copyable at the bottom of the top card (it is also the URL)
Find Microsurvey ID in the Builder
The ID follows the chmln-survey text in the selector. In the example below, the ID of the selected Microsurvey is: 5d1b96ef902c8100045b749c
Find Tour Step ID in the Builder
The ID follows the chmln-step text in the selector. In the example below, the ID of the selected Step is: 59a5d7837849450004dfc3e8
Find Launcher ID in the Builder
The ID follows the chmln-list text in the selector. In the example below, the ID of the selected Launcher is: 5c5b5616397a8e000494ff61
We will be working on exposing these more easily in the future, but if you have any trouble, you can contact us via our Get Help page.