Features

Everything you need to build great demos

From one-click recording to AI enhancement and analytics — every feature is built to take you from idea to published demo in minutes.

Record in seconds

Click. Capture. Done.

Install our Chrome extension, hit record, and click through your product. Every click automatically captures a screenshot, highlights the element, and creates a guided step — no manual work needed.

Video interactions like typing, scrolling, and drag-and-drop are recorded automatically too. Your demos feel alive.

Get the Chrome extension
AI-Powered

Smart text, any language.

AI automatically writes clear, instructional copy for every step — transforming basic click descriptions into polished guidance your users will love.

Translate your entire demo into 19+ languages with one click. Each translation creates a separate version you can fine-tune independently.

Voice & Sound

AI voiceovers for every step.

Generate natural-sounding voiceovers with AI. Choose from multiple voices, preview them before applying, and let your demos speak for themselves.

Supports OpenAI TTS and ElevenLabs for studio-quality narration in any language.

Brand it your way

Your colors. Your fonts. Your style.

Set brand defaults at the workspace level — colors, fonts, and button styles — then override per demo when needed. Every tour feels on-brand, every time.

Choose from tooltips, hotspots, text modals, and media modals. Mix and match to build the perfect guided experience.

Multi-Chapter Tours

Playlists that tell the full story.

Combine multiple demos into a single guided playlist. Each demo becomes a chapter with its own title and description. Viewers navigate freely between chapters or follow the guided path.

Perfect for full product tours, onboarding flows, or training sequences that span multiple features.

Know your audience

Analytics that drive decisions.

Track every viewer session — see engagement rates, time spent, completion percentages, and intent scores. Know which demos convert and which prospects are ready to buy.

Capture leads directly through built-in forms or sync to HubSpot. Every CTA click is tracked so your sales team can follow up with context.

Everything you need

Packed with powerful features

Multiple Guide Types

Tooltips, hotspots, text modals, and media modals. Use the right format for each step.

AI Translation

One-click translation into 19+ languages. Each version is independent and editable.

AI Voiceovers

Generate natural TTS narration with OpenAI or ElevenLabs. Preview and pick the perfect voice.

Smart Zoom & Spotlight

Auto-zoom to clicked elements and spotlight them with adjustable focus areas.

Brand Customization

Set workspace-level colors, fonts, and styles. Every demo stays on-brand automatically.

Playlists & Chapters

Group demos into multi-chapter tours. Viewers navigate between chapters with a built-in menu.

CTA & Lead Capture

Add call-to-action buttons with built-in lead forms or HubSpot integration to capture prospects.

Analytics & Insights

Track viewer engagement, completion rates, and intent scores. See who watched what and for how long.

Embed Anywhere

Drop a single line of code to embed interactive demos in any website, docs, or help center.

Publish & Share

Get a share link instantly. Edit freely — republish when ready without breaking existing links.

Draft/Publish Workflow

Edit published demos without affecting viewers. Your audience always sees the last published version.

Team Collaboration

Invite team members, manage roles, and work together on demos across your organization.

Feature questions

Features, explained

What types of steps can a StepTour demo contain?

A demo can mix tooltips, hotspots, text modals, and media modals, plus intro and chapter slides. Interactions like typing, scrolling, and drag-and-drop are captured as short video steps, so the demo shows real movement where it matters.

Does StepTour record video or screenshots?

Both. Every click is captured as a screenshot with the clicked element highlighted, while typing, scrolling, and drag-and-drop are recorded as video clips. The result feels like using the real product, without the file size of a full screen recording.

Can AI voiceovers be generated in any language?

Yes. Voiceovers are generated with OpenAI or ElevenLabs voices, and you can preview each voice before applying it. Combined with one-click translation, you can ship a narrated demo in every language your markets speak.

How does smart zoom and spotlight work?

When a step focuses on a small element, StepTour automatically zooms toward it and dims the rest of the screen with an adjustable spotlight. Viewers always see exactly what the step is about, even in dense interfaces.

Can I combine several demos into one experience?

Yes. Playlists group demos into a multi-chapter tour with a built-in navigation menu, so viewers can jump between chapters — ideal for onboarding flows that cover several features.

Do translated demos stay in sync with the original?

Each translation is an independent, fully editable version of the demo. That means you control the wording per language — and an update to the original never overwrites your localized versions.

Start building interactive demos today

Free to start. No credit card needed.