Ai Explainer Guided Tour

AI Explainer Guided Tour Recorder helps you capture product walkthrough steps directly from your website and import them into AI Explainer Guided Tours.

How it works:
- Start capture from the extension popup.
- Click elements in your app to capture each step.
- Choose the video frame position and size for each step in the on-page capture modal.
- Optionally record a microphone note for a step.
- Stop capture to open AI Explainer Guided Tours and import the recording automatically.
- Review, edit, and generate the final tour in the Guided Tours studio.

What gets captured per step:
- Selector (best available strategy: id, stable data/test selector, CSS, or XPath)
- Selector type
- Page URL and page title
- Element text and accessibility labels when available
- Nearby page context
- Viewport size
- Note
- Video frame position and size
- Automatically inferred continue behavior
- Step order
- Capture timestamp

Built for teams creating guided product tours with AI Explainer.