Each Chameleon Experience, such as Survey, Tooltip, Tour, Launcher, Step (within Tour or Survey) 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)
- Use our API to show a Tour, or Launcher
- Get troubleshooting help by identifying the troublesome component (read this)
To find the ID, you have to simply right-click on the relevant Chameleon Experience 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 Survey ID
The ID follows the chmln-survey text in the selector. In the example below, the ID of the selected Survey is: 5d1b96ef902c8100045b749c
Find Tour Step ID
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
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 future, but if you have any trouble, you can contact us via our Get Help page.