Creating a Multi-Step Guided Tour

A guided tour takes individual hints and connects them into a sequence. Users see "Step 1 of 5" and navigate through each one.

Create the Tour

Go to the Tours page and click Create Tour. Give it a name and description — these are for your reference, users won't see them.

Add Steps

There are two ways to add steps:

From Editor Mode: Click elements on your site and set "Assign to Tour" to your new tour. Set the step order for each hint.

From the Tour Builder: Open the Tour Builder page to see all your hints. Drag them into the tour and reorder as needed.

Configure Step Order

Each hint in a tour has a step order number. Step 1 shows first, step 2 next, and so on. You can reorder anytime without recreating hints.

Multi-Page Tours

Tours can span multiple pages on the same domain. Navigation between pages is instant — the iframe stays connected to your site, so transitions feel seamless with no reload delay.

Set the Page Path on each hint to control which page it appears on:

When the user clicks Next, the tour automatically navigates to the correct page and shows the next hint. Same domain, instant transitions, zero configuration.

Important: Multi-page tours work across pages on the same domain (e.g., yourapp.com/dashboard → yourapp.com/settings). Cross-domain navigation is not supported.

Preview Your Tour

Click the Play button next to your tour on the Sites page. The tour starts from step 1. Use Restart to replay and Stop Tour to exit.

When previewing multi-page tours, watch the URL bar update as the tour navigates between pages — this is exactly what your users will experience.

Publish

Set the tour status to Live to make it available to users. Draft tours are only visible to you in the editor.

Best Practices

---

Next: Using interactive actions in tours