Managing Screens

Adding Screens

Upload screenshots by clicking + Add in the Screens panel or by dragging image files onto the editor canvas. Supported formats: PNG, JPG, WebP, GIF.

Multiple files can be added at once — they'll appear as separate screens in the order they were selected.

Reordering Screens

Drag screens in the left panel to reorder them, or use the ▲▼ arrow buttons for fine adjustments.

Screen Settings

Select a screen to see its settings in the Screen Settings panel (between the screen list and the canvas):

• •Title — displayed in the instruction bar and used as screen identifier in the "Go to screen" dropdown
• •Instruction text — shown below the walkthrough to guide the learner (e.g., "Tap each highlighted area to learn about it")
• •Auto-advance — screen automatically progresses after a delay (useful for loading screens or transitions)
• •Auto-advance delay — time in seconds before auto-advancing (0.5 to any value)
• •End screen — marks this screen as a completion trigger for branching flows

Removing Screens

Click Remove Screen at the bottom of the Screen Settings panel. This also removes all hotspots on that screen.

Auto-Advance Screens

Auto-advance screens skip hotspot interaction entirely. When the learner reaches an auto-advance screen, they see the screenshot for the configured delay, then the walkthrough automatically moves to the next screen. Use these for:

• •App loading screens
• •Transition animations
• •Timed informational slides