Skip to main content
To learn more about the Chameleon Demos product, visit our product documentation.

​
Show the Demo (chmln.show())

Call chmln.show with the Chameleon ID of the Demo (part of the Demo URL, or copyable from the dashboard slideout). 
chmln.show('DEMO_ID', { kind: 'demo' });
The kind: 'demo' option is required to distinguish Demos from Tours, which also use chmln.show.

​
Finding the Demo ID

  1. Open the Chameleon Dashboard.
  2. Navigate to the Demo you want to trigger.
  3. Copy the ID from the URL or use the “Copy ID” option in the dashboard slideout.

​
Options

OptionDefaultDescription
kind-Required. Must be 'demo' to show a Demo.
use_segmentationfalseWhether to apply the Audience (Segmentation) before showing. If true, the Demo only shows if the user matches the configured Segment.
oncefalseWhether to check if the user has already seen this Demo. If true, it will not show again for users who have already completed it.

​
Examples

Show a Demo immediately: 
chmln.show('5f3c4232c712de665632a6d5', { kind: 'demo' });
Show only for users who haven’t seen it before: 
chmln.show('5f3c4232c712de665632a6d5', {
  kind: 'demo',
  once: true,
});
When embedding Demos on your marketing website for anonymous visitors, you may need to handle consent. Use the data-consent-mode attribute on the Demo iframe element: 
<iframe src="https://app.chameleon.io/demos/DEMO_ID"
  data-consent-mode="granted">
</iframe>
Setting consent_mode to "granted" enables features like Clearbit Reveal for identifying anonymous traffic. See the demo.reveal webhook for details. See also: