Skip to main content

How to find the ID of your Chameleon Experience

Use the ID in our Get Help page to get faster troubleshooting help

Written by Chameleon Team
Updated this week

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)

  • Use our API to show a Tour or Launcher

  • Get troubleshooting help by identifying the troublesome component (read this)

ℹ️ The ID never changes for any Experience. If you copy or duplicate an Experience, that will have a different ID.


How to find the ID of your Experience

In the Dashboard

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.

In the Builder

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

Find a Launcher ID in the Builder

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.


How to find the Step ID in the Builder

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.

πŸ‘‰ If you have any trouble finding the Experience IDs you can contact us via our Get Help page.


How to use the ID for troubleshooting

Once you have the Experience ID, run a targeted Debugger command in your browser console:

chmln.debug("YOUR_EXPERIENCE_ID")

This returns detailed information about why that specific Experience is or is not displaying for the current user. Read How to use the Debugger Console tool for a full walkthrough of the output.


Did this answer your question?