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.
Quick access
📺 See the video below to learn how to configure and use buttons in Chameleon.
Note: This video does not show the latest version of our product. We will soon update all our videos to fit our new style and improvements. 😊
For each Tour, Tooltip, or Microsurvey you create, you can add and configure buttons from the Chameleon Builder's Interactions section. Or by clicking the button directly. 😉 Here, you can add or remove buttons and set up their individual styling and behavior.
For any button, you can:
Adjust the style and placement - text, colors, and position on the Step.
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.
Launch additional Actions - navigate to another part of your product, trigger a Chameleon Experience, run custom code, or send user data.
💡 You also have a CTA button on any Launcher Welcome State; but in that case, the CTA marks the Welcome State as complete, instead of dismissing it.
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.
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.
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.