WalkthroughsStep editor

Visual Step Editor

Review captured screens and shape the walkthrough order.

Three captured walkthrough steps shown in a vertical sequence, with one selected for editing.
Demo Steps · Knowledge Search → New Chat → button.

Keep the walkthrough easy to follow

Give every captured screen its place.

The Demo Steps rail shows the screens in a walkthrough’s current sequence. Open a step, review it beside the captured interface, and refine the story before it is shared.

See the sequence

Review captured screens together in the Demo Steps rail.

Open a step in context

Keep the selected step connected to the screen it explains.

Prepare the story

Check the path and its screens before sharing the walkthrough.

Visual Step EditorIn context
How this step reads inside the walkthrough editor

In the editor

See each step beside the screen it explains.

Move through the Demo Steps rail to review the captured path. Keep the action, screen, and guide aligned while you decide what the viewer should see next.

  • Review the captured sequence
  • Open a screen in context
  • Refine the walkthrough before sharing

Inside the workflow

From captured steps to a considered walkthrough

Review the current sequence, check the screens, and prepare the path for its audience.

  1. 01

    Open the Demo Steps rail

    See the captured screens in their current order.

  2. 02

    Review each screen

    Open the steps that need a closer look or content edit.

  3. 03

    Prepare it to share

    Check that the sequence tells a clear product story.

Product video

Show Visual Step Editor in the workspace.

Record the control, the change it makes, and the result on screen.

Feature recording to addFeature recording · 16:9
Please add a video hereRecord this feature in the KickDemo workspace.visual-step-editor.mp4

Where it helps

Make the path make sense.

Use the step rail to keep a product explanation clear from the first screen to the last.

Product teams

Review a captured workflow before using it in customer education.

Sales teams

Check that a walkthrough follows the story you want to show a buyer.

Support teams

Keep a troubleshooting guide’s screens in a useful sequence.

A few useful details

Questions about step editor.

What does the Demo Steps rail show?

It shows captured screens in their current walkthrough sequence.

Can I review an individual screen?

Yes. Open a step to inspect its captured screen and the content attached to it.

When should I review the sequence?

Review it after capture and before sharing, so the path is clear for its audience.

KickDemo CTA banner background

Turn product curiosity into closed-won revenue

Build interactive walkthroughs, personalize prospect links, and export 60 FPS motion videos without writing code or waiting on engineering.