Features
Everything you need to guide your users
Build product tours visually, write copy with AI, target the right users, and measure what works — all from one dashboard.
$19/mo flat — no per-user pricing. No credit card required.
Engage
Four in-app surfaces, one embed
Tours, tooltips, announcements, and surveys ship in the same lightweight script — adding a surface never adds an install.
Product Tours
Sequenced walkthroughs that dim the page, spotlight one element at a time, and step a user to the action that made them sign up.
Learn more →
In-app Tooltips
Persistent indicators — a ? icon, NEW badge, or pulsing dot — anchored to any UI element. Click opens a popover with contextual help, a link, or a tour trigger.
Learn more →
In-app Announcements
Publish a dismissible banner across the top of your app — NEW pill, headline, and link — without an email or a deploy. Same targeting, capping, and theming as every other surface.
Learn more →
In-app Surveys & NPS
Ask one question in-app — NPS (0–10), a 1–5 scale, or emoji sentiment. A card slides in, the visitor taps a score, and your NPS is computed for you.
Learn more →
Play by Link
Shipped a new feature? Instead of an announcement email, share a link that opens your app and plays a guided tour of it.
Learn more →
Build
Create tours in minutes, with AI on tap
Point, click, and publish from the dashboard — or let an AI agent do it straight from your codebase.
Visual Tour Builder
Point and click to build step-by-step product tours. Select elements on your live app, write copy, arrange steps, and publish — no code required.
Learn more →
AI Content Assistant
Click "Suggest Title & Description" and get step copy that matches your UI context. Review, edit, and publish in seconds instead of hours.
Learn more →
$ npx -y @stepskit/mcp
✓ StepsKit MCP connected
> point out the new CSV export
✓ Tooltip created on #export-btnAI Agents (MCP)
StepsKit ships an MCP server, so agents like Claude Code and Cursor can install StepsKit and author product tours straight from your codebase.
Learn more →
Custom Theming
Match your brand colors, button styles, overlay settings, and progress bar. Per-step style overrides for granular control. No CSS needed.
Target
Right users, right page, right number of times
Every surface runs through the same rules engine, so nothing shows up where it shouldn't.
Audience Targeting
Show tours to specific user segments based on plan, role, company, or any custom attribute. Combine rules with AND/OR logic for precise audiences.
Page-Level Visibility
Show tours only on specific pages using URL patterns. Exact match, wildcards, or regex — tours appear where they're relevant.
Frequency Capping
Show a tour once per visitor, then never again. No repeat interruptions, no annoyed users. Respects identified and anonymous visitors.
Measure & ship
Prove it works, without slowing your app
Step-level analytics on one side, a footprint your performance budget won't notice on the other.
Analytics Dashboard
Track tour views, step-level engagement, completion rates, and drop-off points. Measure which tours drive adoption and where users get stuck.
<script
async src="https://cdn.stepskit.com/stepskit.latest.js"
data-api-key="sk_live_a3f...">Lightweight Embed
One npm package or one async script tag, under 15KB. Works with React, Next.js, Vue, Angular, or plain HTML. No impact on page load or Core Web Vitals.
Works with your stack
One lightweight embed, any framework
The same under-15 KB async embed powers every surface. Install once with npm or a script tag — StepsKit doesn't care what you build with.
- React
- Next.js
- Vue
- Nuxt
- Angular
- Svelte
- Astro
- Remix
- Laravel
- Rails
- WordPress
- Tag Manager
- HTML / JS
Stop losing users before they see the value
Build your first tour in 5 minutes. No engineering ticket, no credit card required.