DocsBuilding tours
Welcome card & launcher
The floating launcher button and the welcome card that introduces a tour.
The launcher button
The launcher is the floating button that opens the tour. Set its label (default “Page Guide”) in the editor, under Launcher button on the welcome card section. Its position, icon and colours are site-wide styles.
- While a tour runs, the launcher turns into a Close Guide button.
- On the web, the small ✕ on the launcher tucks it away into a minimised tab on the edge of the screen. Clicking the tab brings it back.
- In apps, the launcher hides itself on screens without an active tour.
Full welcome card or button only
| Mode | Clicking the launcher… |
|---|---|
| Full welcome card | opens the welcome card. The tour starts when they click the call-to-action. |
| Button only | starts the tour at step 1 straight away. There’s no welcome card. |
Welcome card content
Click any part of the card in the editor to edit it:
| Part | Field | Default | Notes |
|---|---|---|---|
Emoji | welcome_emoji | 👋 | Pick from the emoji picker or paste any emoji. |
Title | welcome_title | — | e.g. “Welcome to your dashboard” |
Message | welcome_message | — | A sentence or two on what the tour covers. |
Call to action | welcome_cta_label | Yes, show me around! | Starts the tour. |
Dismiss link | welcome_dismiss_label | Don’t show again | See below. |
What “Don’t show again” does
Dismissing remembers that visitor’s choice. The welcome card and carousel won’t pop up for them again and auto-launch stops, but the launcher stays — clicking it starts the tour directly, skipping the welcome card. The ✕ in the corner of the card just closes it for now.
Something missing or unclear? Tell us and we’ll fix the page.