Buttons are essential in helping your users take the right next action for them to succeed. In Chameleon, you can use buttons to inform, connect, or launch Additional actions, that help both you and your users.


How can I configure buttons?

For each Tour, Tooltip, or Microsurvey you create, you can add and configure buttons from the Chameleon Builder's Interactions section. Here, you can add or remove buttons and set up their individual styling and behavior.

button configuration from the Builder

For any button, you can:

  1. Adjust the style and placement - text, colors, position on the Step.

  2. Set if it should exit the Tour or link to other Steps - move the user to the next or previous Step, dismisses or completes the Tour.

  3. Launch Additional actions - navigate to another part of your product, trigger a Chameleon Experience, run custom code, or send user data.

💡 You can also fully adjust buttons by clicking directly on them.


How to customize buttons to complement product goals?

Buttons are an integrated part of the Experiences you create and your brand efforts. They should help users make the best out of your guidance and allow you to align your goals with their actions. 😊

🎯 Style them to match your brand but stand out to trigger the desired action.

💡 Tip: If you're using a Secondary CTA as well, style your buttons to highlight the Primary one. This way, you invoke the main action your users should take but allow them to choose.

Tour Step example with main CTA highlighted

How to use buttons to help users progress?

For each button, you can set an action to help your users navigate your guidance or act on it when they are ready. You can configure buttons to either:

  • Execute no progression action

  • Move the user to the next Step
    If the next Step of your Tour appears on a different URL, you can either let the user navigate manually to that page, or configure a URL redirect from the Additional action option.


💡 Tip: Instead of redirecting, consider prompting the user to manually navigate (take action to reach the new URL). This will help the user internalize what you are showing/teaching more quickly.

  • Move the user to the previous Step
    If the previous Step is on a different URL, the step will automatically redirect to that URL, as long as the URL set of the previous Step is "loadable" and does not contain wildcards or a regex.

  • Dismiss the Tour
    You can use this to allow a user to opt-out of this Tour, either by exiting or snoozing it. You can learn more about the different dismiss options from this article.

  • Complete the Tour

    Use this to mark the Tour as completed whenever the button is clicked.

💡 You can also allow your user to progress or dismiss your Tour with no-button clicks. Learn how to set it up from this article.


Additional actions

One of the most powerful aspects of Chameleon buttons is the ability to launch up to 4 actions at a time from a button click. This way, you can connect Chameleon with other Experiences, integrated tools, or manage user data.

Use these to create captivating multi-Experience flows for your users that are different depending on how they interact with the button. They are also valuable because they leverage your tool stack to add depth to an Experience.

👉 Read this article to learn what Additional actions you can set and how to use them.

👀 Coming soon: additional actions for Launcher Items.


Learn more

Did this answer your question?