Skip to content
Sign in Add to Chrome

Guided demos

Walk people through your product, one click at a time.

Record a flow once in Chrome. AtriumKit turns every click into a step with a tooltip, zooms in on where to look, and lets viewers pick the path that fits them.

Add to Chrome, it’s free See pricing
  • Free (included)
  • Pro (included)
  • Team (included)

Steps

Every click becomes a step.

Hit record, click through the flow the way you normally would, and stop. Each click is a step with a screenshot, a hotspot on what you clicked and a tooltip that says what happens there.

  • Place tooltips automatically or pin them top, right, bottom or left
  • Advance on a click, a Next button, a timer or when the narration ends
  • Pulse the hotspot, outline it or hide it, and dim the rest of the screen
  • Drag steps to reorder them and play any step in place while you edit

Branching

Let viewers choose their own path.

Ask “What brings you here?” and give each answer its own steps. One demo serves the admin and the end user, the new customer and the one who’s switching.

  • Two to four choices on any tooltip or card
  • Each choice goes to a step, ends the demo or opens a link
  • The editor shows every path and warns about steps nobody can reach
  • Analytics break drop-off down by the path viewers took

Camera and motion

Zoom in on what matters.

Guided demos play with a virtual camera. It glides to the part of the screen each step is about, so small buttons read clearly even in a narrow embed.

  • Auto zoom, or draw the exact frame you want for a step
  • Glide or cut between steps, at the speed you pick
  • An animated cursor moves to the target and clicks it
  • Apply a camera style to every step at once

Copy and voice

Write it once, then let AI do the rest.

Draft every tooltip with AI in the tone you choose, rewrite a step to be shorter or friendlier, translate the demo and add a voiceover with captions.

How it works

  1. 01

    Record

    Choose Guided in the Chrome extension and click through the flow.

  2. 02

    Edit

    Tidy the copy, add a choice or a chapter card, set the camera.

  3. 03

    Publish

    Share the link, embed it in your site or help center, or present it live.

Use cases

Teams that use it

FAQ

Questions, answered.

What’s the difference between a guided and a clickable demo?

A guided demo takes viewers along one path (or a few branches) with a tooltip on every step. A clickable demo is a sandbox of linked screens that viewers explore on their own. You choose the type when you start recording.

How many steps can a guided demo have?

Up to 500. Most good demos are much shorter; use chapter cards and branching to keep each path tight.

Is branching on the Free plan?

Yes. Branching, the camera and motion settings and HTML capture work on every plan, including Free.

Can a link open the demo partway through?

Yes. Add start= with a step number to a link or embed and the demo opens on that step, with Back and progress working as if the viewer had got there themselves.

Works well with

Your next demo is one click-through away.

Add to Chrome Open the app