AI Explainer Guide Recorder

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

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.