DocsGetting started
Introduction
What Tooltip Tour is, what it does, and how the pieces fit together.
Tooltip Tour builds guided product tours that point at the real buttons on your website or in your app and tell people what to do. You write the steps in a dashboard, paste one line of code, and you’re live.
Quickstart →What Tooltip Tour does
A tour is a short sequence of steps. Each step highlights one element on the page — a button, a menu, a form field — with a spotlight, a pulsing beacon and a tooltip card that explains it. Visitors open the tour from a floating launcher button, or you can have it start on its own.
Everything a tour does is configured in the dashboard, so you can change the wording, the order, the styling or when it appears without touching your code again.
Where tours run
| Platform | How you install it | Plan |
|---|---|---|
| Websites | One <script> tag — works with any stack, including React, Next.js, Vue, Shopify, Webflow and WordPress | Every plan |
| iOS apps | Swift package — SwiftUI and UIKit | Too Many |
| Android apps | Gradle dependency — Jetpack Compose | Too Many |
| React Native apps | npm package — pure JS, works with Expo | Too Many |
How the pieces fit together
- The dashboard is where you add sites, build walkthroughs, set styles, read analytics and manage billing.
- The embed script (
embed.js) runs on your website. It fetches the tours for the current page and renders them — no build step, no npm package. - The native SDKs do the same job inside iOS, Android and React Native apps, using the same tours and the same styles.
- The Visual Editor is a Chrome extension that lets you build steps by clicking elements on your live site, instead of writing CSS selectors.
- The Visual Inspector is the app equivalent: scan a QR code, tap an element in your running app, and its identifier lands in the dashboard.
- The MCP server lets AI assistants like Claude, ChatGPT, Claude Code and Cursor build and manage tours for you.
Start here
5 minutesQuickstartYour first tour, live on your website.BasicsCore conceptsSites, walkthroughs, steps and views explained.MobileTours in your appiOS, Android and React Native SDKs.AILet your AI build toursConnect Claude, ChatGPT or Cursor over MCP.BrandMake it yoursColours, icons, radius, beacons and more.HelpTour not showing?The checklist that fixes most problems.
Something missing or unclear? Tell us and we’ll fix the page.