Walkthroughs

Smart 4-Way Callout Guides

Place each guide where it works best around its target.

A clearer way to show what your product can do.

Smart 4-Way Callout Guides: Place each guide where it works best around its target.
Inside KickdemoWalkthroughs

Placement

Right

Knowledge Search

Search docs and policies from here

Top

Right

Bottom

Left

Place the guide around its target

Choose Top, Bottom, Left, or Right so the explanation sits next to the control it describes.

TopBottomLeftRight
Try placement

Step preview

Guide beside its target

Export report

Click Export to download the PDF

Selecting the control…

Open the captured screen

Keep the target and guide together

Review the selected control beside its explanation so viewers can connect the instruction to the action.

Target visibleGuide in contextStep preview
Preview the step

Guide color

Blue

Ink

Coral

Team Members

Invite teammates from this list

Applied to this guide

Blue

Set a color that fits the walkthrough

Pick a guide color from the editor controls, then check how it reads against the captured screen.

Guide colorEditor controlsReadable contrast
Choose a color

Questions about callout placement.

Everything you need to know before putting this feature into production.

Set a guide above, below, to the left, or to the right of the selected element.

Kickdemo CTA banner background

Turn product curiosity into closed-won revenue

Build interactive walkthroughs, personalize prospect links, and capture high-intent buyers without writing code or waiting on engineering.