History

6 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	3	—	—	0.1.5
Apr 16, 2026	3	—	—	0.1.11
Apr 27, 2026	2	—	—	0.1.17
May 10, 2026	4	—	—	0.1.17
May 15, 2026	2	—	—	0.1.21
Jun 3, 2026	3	—	—	0.1.21
Now	4	—	—	0.1.21

Changelog

May 10, 2026

description

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.

AI Explainer Guided Tour Recorder helps you turn real web app workflows into guided tours, SOPs, process documentation, onboarding guides, training materials, and clear product explanations.

Instead of manually writing every step, taking screenshots, guessing selectors, or rebuilding a walkthrough from scratch, you can capture the exact actions a user should take inside your website or web app. Click through the workflow once, add optional notes, choose how each step should appear, then import the recording into AI Explainer Guided Tours to review, edit, and generate a polished guide.

Use AI Explainer Guided Tour Recorder to create:

- Standard operating procedures (SOPs)
- Step-by-step process documentation
- New hire onboarding guides
- Employee training materials
- Customer onboarding tours
- Product walkthroughs
- SaaS feature demos
- Help center tutorials
- Support walkthroughs
- Sales and product demo flows
- Internal knowledge base content
- Documented business processes
- Software training guides
- Clear explanations for complex workflows

Create better documentation faster

Business documentation is often slow to create and hard to maintain. AI Explainer Guided Tour Recorder makes it easier to document a process while you are actually doing it.

Start the recorder, walk through the workflow, and capture each important step directly from your website. The result is a structured recording that can be turned into a guided tour, SOP, tutorial, or training guide inside AI Explainer.

Built for teams that need repeatable knowledge

When a process lives only in someone’s head, teams lose time answering the same questions again and again. AI Explainer helps you turn those repeated explanations into reusable guides that customers, employees, and new hires can follow.

Use it to document:

- How to complete a task in your software
- How to use a new product feature
- How to onboard a customer
- How to train a new employee
- How to follow an internal business process
- How to resolve a common support issue
- How to explain a complex workflow step by step

Capture workflows directly from your website

Start capture from the Chrome extension popup, then click through your process like a real user. Each click becomes a structured step that can be imported into AI Explainer Guided Tours.

This is useful for product teams, founders, operations teams, customer success teams, support teams, sales teams, HR teams, onboarding specialists, trainers, and anyone who needs to explain how a web-based process works.

Turn clicks into editable steps

Every captured step includes useful context that helps AI Explainer build a better guide. The recorder captures the selected element, page URL, page title, nearby page context, viewport size, step order, timestamp, notes, and video frame positioning.

That means you are not just recording your screen. You are collecting the structured information needed to create accurate, editable process documentation.

Add notes while the context is fresh

For each step, you can add a written note or record a microphone note. This helps you explain the purpose behind the action, not just the click itself.

Use notes to explain:

- What the user should do next
- Why the step matters
- What outcome the person is working toward
- Where customers or employees commonly get stuck
- What the product is doing in the background
- What a support, sales, onboarding, or training team should emphasize

Create onboarding and training content

AI Explainer Guided Tour Recorder is especially useful for creating repeatable onboarding materials.

Use it to help:

- New customers learn your product faster
- New hires understand internal tools
- Employees follow company processes correctly
- Support teams answer common questions with reusable guides
- Sales teams explain product workflows more clearly
- Operations teams document business-critical tasks

Control how each step appears

During capture, you can choose the video frame position and size for each step in the on-page capture modal. This gives you more control over how the final guide presents your product, especially when explaining dashboards, settings pages, forms, admin panels, reports, or multi-step workflows.

How it works

1. Open the extension popup and start capture.
2. Click through the workflow inside your web app.
3. Adjust the video frame position and size for each step.
4. Add optional written or microphone notes.
5. Stop capture when the workflow is complete.
6. AI Explainer Guided Tours opens automatically.
7. Import the recording, review the steps, edit the content, and generate the final tour, SOP, or guide.

What gets captured

For each step, AI Explainer Guided Tour Recorder captures:

- Best available selector strategy, such as id, stable data or test selector, CSS, or XPath
- Selector type
- Page URL
- Page title
- Element text when available
- Accessibility labels when available
- Nearby page context
- Viewport size
- Written or microphone note
- Video frame position and size
- Automatically inferred continue behavior
- Step order
- Capture timestamp

Who it is for

AI Explainer Guided Tour Recorder is built for teams creating guided tours, SOPs, tutorials, and process documentation with AI Explainer, including:

- SaaS founders
- Product managers
- Product marketers
- Customer success teams
- Customer support teams
- Sales and solutions teams
- HR and people teams
- Operations teams
- Training and enablement teams
- Agencies creating tutorials for clients
- Anyone documenting web app workflows

Why teams use it

Manual documentation is slow. Raw screen recordings are hard to update. Written instructions often miss the context people need to complete the task correctly.

AI Explainer Guided Tour Recorder gives your team a faster way to capture a real workflow and turn it into a guide people can actually follow.

Capture the process once. Edit it in AI Explainer. Generate a guided tour, SOP, onboarding guide, or product explanation that helps people understand what to do next.

May 10, 2026

short_description

Capture guided tour steps on your website and import them into AI Explainer Guided Tours.

Record guide steps on your website and import them into AI Explainer Guides.

May 10, 2026

name

AI Explainer Guided Tour Recorder

AI Explainer Guide Recorder

Permissions & access

Permissions: activeTaboffscreenscriptingstoragetabs
Host access: https://aiexplainer.io/*, https://staging-app.aiexplainer.io/*, http://localhost:3000/*, http://127.0.0.1:3000/*

Screenshots

AI Explainer Guide Recorder screenshot 1

About

AI Explainer Guided Tour Recorder helps you turn real web app workflows into guided tours, SOPs, process documentation, onboarding guides, training materials, and clear product explanations.

Instead of manually writing every step, taking screenshots, guessing selectors, or rebuilding a walkthrough from scratch, you can capture the exact actions a user should take inside your website or web app. Click through the workflow once, add optional notes, choose how each step should appear, then import the recording into AI Explainer Guided Tours to review, edit, and generate a polished guide.

Use AI Explainer Guided Tour Recorder to create:

- Standard operating procedures (SOPs)
- Step-by-step process documentation
- New hire onboarding guides
- Employee training materials
- Customer onboarding tours
- Product walkthroughs
- SaaS feature demos
- Help center tutorials
- Support walkthroughs
- Sales and product demo flows
- Internal knowledge base content
- Documented business processes
- Software training guides
- Clear explanations for complex workflows

Create better documentation faster

Business documentation is often slow to create and hard to maintain. AI Explainer Guided Tour Recorder makes it easier to document a process while you are actually doing it.

Start the recorder, walk through the workflow, and capture each important step directly from your website. The result is a structured recording that can be turned into a guided tour, SOP, tutorial, or training guide inside AI Explainer.

Built for teams that need repeatable knowledge

When a process lives only in someone’s head, teams lose time answering the same questions again and again. AI Explainer helps you turn those repeated explanations into reusable guides that customers, employees, and new hires can follow.

Use it to document:

- How to complete a task in your software
- How to use a new product feature
- How to onboard a customer
- How to train a new employee
- How to follow an internal business process
- How to resolve a common support issue
- How to explain a complex workflow step by step

Capture workflows directly from your website

Start capture from the Chrome extension popup, then click through your process like a real user. Each click becomes a structured step that can be imported into AI Explainer Guided Tours.

This is useful for product teams, founders, operations teams, customer success teams, support teams, sales teams, HR teams, onboarding specialists, trainers, and anyone who needs to explain how a web-based process works.

Turn clicks into editable steps

Every captured step includes useful context that helps AI Explainer build a better guide. The recorder captures the selected element, page URL, page title, nearby page context, viewport size, step order, timestamp, notes, and video frame positioning.

That means you are not just recording your screen. You are collecting the structured information needed to create accurate, editable process documentation.

Add notes while the context is fresh

For each step, you can add a written note or record a microphone note. This helps you explain the purpose behind the action, not just the click itself.

Use notes to explain:

- What the user should do next
- Why the step matters
- What outcome the person is working toward
- Where customers or employees commonly get stuck
- What the product is doing in the background
- What a support, sales, onboarding, or training team should emphasize

Create onboarding and training content

AI Explainer Guided Tour Recorder is especially useful for creating repeatable onboarding materials.

Use it to help:

- New customers learn your product faster
- New hires understand internal tools
- Employees follow company processes correctly
- Support teams answer common questions with reusable guides
- Sales teams explain product workflows more clearly
- Operations teams document business-critical tasks

Control how each step appears

During capture, you can choose the video frame position and size for each step in the on-page capture modal. This gives you more control over how the final guide presents your product, especially when explaining dashboards, settings pages, forms, admin panels, reports, or multi-step workflows.

How it works

1. Open the extension popup and start capture.
2. Click through the workflow inside your web app.
3. Adjust the video frame position and size for each step.
4. Add optional written or microphone notes.
5. Stop capture when the workflow is complete.
6. AI Explainer Guided Tours opens automatically.
7. Import the recording, review the steps, edit the content, and generate the final tour, SOP, or guide.

What gets captured

For each step, AI Explainer Guided Tour Recorder captures:

- Best available selector strategy, such as id, stable data or test selector, CSS, or XPath
- Selector type
- Page URL
- Page title
- Element text when available
- Accessibility labels when available
- Nearby page context
- Viewport size
- Written or microphone note
- Video frame position and size
- Automatically inferred continue behavior
- Step order
- Capture timestamp

Who it is for

AI Explainer Guided Tour Recorder is built for teams creating guided tours, SOPs, tutorials, and process documentation with AI Explainer, including:

- SaaS founders
- Product managers
- Product marketers
- Customer success teams
- Customer support teams
- Sales and solutions teams
- HR and people teams
- Operations teams
- Training and enablement teams
- Agencies creating tutorials for clients
- Anyone documenting web app workflows

Why teams use it

Manual documentation is slow. Raw screen recordings are hard to update. Written instructions often miss the context people need to complete the task correctly.

AI Explainer Guided Tour Recorder gives your team a faster way to capture a real workflow and turn it into a guide people can actually follow.

Capture the process once. Edit it in AI Explainer. Generate a guided tour, SOP, onboarding guide, or product explanation that helps people understand what to do next.