Choose its position
Place the guide above, below, left, or right of the selected control.
WalkthroughsCallout placement
Smart 4-Way Callout Guides
Place each guide where it works best around its target.
Keep guidance close to its target
Put the explanation beside the action.
A guide works best when it is easy to connect to the control it describes. Choose whether it sits above, below, to the left, or to the right of the selected element, then review the whole screen in context.
Keep the target visible
Review the selected element and its explanation together.
Set the guide color
Use the guide controls to choose a color that suits the walkthrough.
Smart 4-Way Callout GuidesIn context
Place it in context
Keep the guide close to what it explains.
The editor shows the selected target with its guide placement controls. Compare the available positions and keep the instruction beside the point it refers to.
- Select an element in the captured screen
- Choose Top, Bottom, Left, or Right
- Review the guide and target together
Inside the workflow
From selected element to placed guide
Choose a target in the captured screen, set the guide position, and review the result before sharing.
- 01
Open a captured screen
Choose the walkthrough step that contains the control.
- 02
Choose a position
Place the guide at the top, bottom, left, or right of its target.
- 03
Review the whole step
Check that the instruction and selected control read clearly together.
Product video
Show Smart 4-Way Callout Guides in the workspace.
Record the control, the change it makes, and the result on screen.
Feature recording to addFeature recording · 16:9
smart-callout-guides.mp4Where it helps
Useful guidance, right where people need it.
Choose a placement that keeps the control and the explanation easy to connect.
Product onboarding
Point a new user to the control they need for the next task.
Help center guides
Explain a setting while keeping the surrounding product screen visible.
Sales walkthroughs
Keep a product explanation close to the feature it describes.
A few useful details
Questions about callout placement.
Which positions can I choose?
Set a guide above, below, to the left, or to the right of the selected element.
Can each step have its own guide position?
Yes. Choose and review the placement for the selected target in each step.
Can I change the guide color?
Yes. The editor includes a color control for the guide.
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.