Tours and hints have buttons built into the footer. They can be renamed inside the editor- simply click on the button and edit the text.
For tours, this includes:
For hints, this includes:
The visibility of these buttons can be changed in the editor. You can choose to display one of them, all of them, or none.
If you want to trigger a custom action, you can put a custom button into the body of the card. See the video below to learn how:
Various actions can be assigned to the button; you can start a tour, open a link, or start a Product Fruits widget.
In tours, link actions have special "and advance" options. If you use these actions, your link will be opened and the tour will advance to the next step.
One of the most used actions is Start a tour. This allows you to launch a different tour - either from a tour or a hint.
This can be helpful to split tours into smaller ones or to create a hint with an optional tour that users can choose to take.
You also might use custom buttons for redirecting users to a URL. If a URL has dynamic parameters, you can use the placeholder replacement feature. This requires you to pass a custom user property holding the dynamic section of the URL. It can be used like this: https://example.com/{{props.myDynamicValue}}/something.
If the URL should redirect to the same domain the user is currently in, you can omit it and start with a /. That would mean /something/on-the-same/domain redirects the user to this path, but the domain name where the URL was clicked will be retained.
