Multi-page tour

Steps can declare the route they belong to. The engine navigates there, waits for the page to render, and only then shows the step. If you wander off mid-tour it holds its place instead of dragging you back, and picks up where it left off when you return.

A tour across two pages

Go to settings manually

While the tour is on a settings step, try navigating back here with the nav panel. The tour waits, and resumes the moment you return.

Active projects

Usage this month

68%

Team members

Giving a step a route

new BonboardingStepDefinition
{
    Id = "api-keys",
    Route = "workspace/settings",        // navigate here first, then show the step
    Target = BonboardingStepTarget.Anchor("api-keys"),
    Title = "Your API keys",
}

// A trailing * makes the route a constraint rather than a destination:
// the step waits until the user is somewhere under /workspace, without navigating.
new BonboardingStepDefinition { Route = "workspace/*", ... }