Customization

There are many ways to customize your tours' look and feel.

Theme / Colors

You can select a pre-made theme or set custom colors by going to "Tour Settings" and scrolling to "Styling". You'll find a color picker for the theme color. The text color is auto-calculated for contrast, but can be overridden.

Text

There are many ways to customize text. You can change the text size, font, style, positioning, and more. You can add lists, headings, paragraphs, tables, code blocks, and control background color. It works like a rich text editor.

Button text

Tour-level button text ("Start Product Tour", "Continue Tour", "Next", "Back", "Finish") can be customized in Tour Settings. Individual steps can override the "Next", "Back", and "Finish" text to have step-specific labels.

Experience

With different tour step types and highlights, you can control the experience. You can configure the spotlight effect, allow click events on highlighted elements, set card dimensions, control closing behavior, and more. See Tour Settings for the full list of options.