Build your first tour
Updated June 4, 2026
On this page
A tour is a multi-step walkthrough that guides users through your product step by step. This article walks through building a sample tour to get you familiar with the editor.
Start a tour
In the editor, click Tour under Create New, then click any element in your app to anchor the first step. A live preview of the step appears on the element. Click into it to edit the step’s text.
Add a second step
From the top of the editor panel, click + Step, then click another element on the page for step 2. Use the arrows in the same bar to switch between steps. Your changes save automatically.
Publishing
Publishing makes the tour available to your users, but they won’t see it until you install the FlowNavi SDK in your app. See Install the FlowNavi SDK.