A second marker cannot be added
The current editor supports one annotation of each type per step. Reposition the existing marker or use another step.
DemoFast tutorial
Add click markers and text annotations
Place one click marker and one textbox on a captured step, then adjust their position and appearance in the editor.
For Creators adding guided interactionsReviewed
Before you begin
Prerequisites
- A demo with at least one captured screen
- Edit permission
Step by step
Follow the current DemoFast workflow
- 01
Select the step
Choose the relevant thumbnail in the Steps sidebar and confirm the target control is visible.
- 02
Add a Click Marker
Choose Click Marker in the annotation toolbar. Drag the marker over the control the viewer should use.
Illustrative interface - 03
Add a Textbox
Choose Textbox, enter concise guidance in its settings, and place it near—but not over—the important interface.
- 04
Adjust the annotation
Select the marker or textbox to edit its available settings, position, and styling.
- 05
Save and preview
Save the demo, then preview the step to confirm the marker and guidance remain clear at player size.
Illustrative interface
Troubleshooting
If the workflow does not match
The note hides the product
Shorten the copy and move the textbox into unused screen space.
Related product guide
Product demo annotations
Review annotation strategy and practical use cases.