You know it and your users go by it - successful experiences must be integrated into your interface and respond to their needs.

In this lesson, you’ll learn how to position your Experiences, to be contextual, discoverable, and useful.

🎯 There are 2 important components of setting Experience positioning with Chameleon:

  • controlling the specific page where it displays (using Environments and tweaking with URL rules),

  • and literal, on-page position (using page elements or screen anchoring).


Let's talk elements before seeing how to use them to position Experiences.

Chameleon works great with SPAs and can easily read the different elements on your page. This way, you can position Experiences around key features and behaviors.

Selecting elements occurs in a few different places:

  • setting an on-page element to be present - for a step or an Experience to display.

  • setting an Experience to be triggered by a user action - a click or a hover onto an element.

👉 Watch the video below to understand how element selection works in Chameleon.


👉 Next, let's see how to position your Experiences to be discoverable and relevant.

There are 2 ways you can position your Experiences with Chameleon:

  • relative to the screen

  • relative to an element.

Watch the video below to see how you can use each option.


👉 Go on learning how to control where your Experiences display and what conditions you can set for them to appear to your users.

Did this answer your question?