Walkthroughs

Record once. Your AI operator plays it back inline, narrates every step.

Use the bookmarklet or Chrome extension to record yourself doing a real task on your product. Your AI operator stores the walkthrough, then plays it back to visitors right inside the chat — adapting selectors when your UI changes.

getfoxchat.com — walkthrough preview
Add a new site
Dashboard
+ Add Site
Settings
https://your-site.com
Your AI operator is highlighting the next step
Your AI operator walkthrough · 4 steps
Step 1Click "+ Add Site" in the top nav. I'll wait for you.
Step 2Paste your domain (no http:// needed).
Step 3Pick the install method — script tag, WordPress plugin, or Shopify app.
Step 4Done. Your AI operator crawls your site and starts answering questions.

What people use walkthroughs for

01 / Onboarding

First-run product tours

Replace scripted product tours with adaptive walkthroughs. When your UI changes, the tour doesn't break.

02 / Power features

"How do I do X?" answered visually

Visitor asks "how do I export to CSV?" — your AI operator plays the 30-second walkthrough inline instead of dumping a wall of text.

03 / Sales demos

Self-serve product demos

Embed a public walkthrough on your landing page. Prospects play through the actual product, not a video.

04 / Support

Reply to repetitive tickets with a walkthrough link

Send the visitor a one-time URL that opens the walkthrough on their dashboard. No screen-share needed.

05 / Documentation

Walkthroughs embedded in your docs

Drop a walkthrough into any docs page via the embed snippet. Renders to MP4 for SEO.

06 / Team training

Internal SOPs

Mark a walkthrough as private. Use it for new-hire onboarding instead of writing a 10-page wiki.

How to build a walkthrough

A walkthrough is not a screen recording and not a slideshow. You perform a real task once, FoxChat captures each step, and the assistant replays it for visitors — narrated, captioned, and pointing at the exact control. Here is the whole process, start to finish.

1

Start recording

Open the recorder one of two ways. The Chrome extension is the smoothest path: a side panel rides alongside your site, follows you across page navigations, and captures pixel-perfect screenshots of every step. If you would rather not install anything, the bookmarklet works in any modern browser — drag it to your bookmarks bar once, then click it on the page where you want to start.

Pick the page where the task begins. There is nothing to script up front; you teach by doing.

2

Do the task — one click at a time

Walk through the real flow exactly as a user would: click the button, fill the field, open the menu, navigate to the next page. FoxChat records each interaction as a discrete step and snapshots the element you acted on, so it knows precisely what to highlight on playback.

You can record across multiple pages in a single walkthrough — sign-up to dashboard to first action — and each step auto-saves as you go, so you never lose progress.

3

Let it write the captions and narration

When you finish, FoxChat auto-generates a caption for every step from what you did, so you are not staring at a blank text box. It also produces AI narration in a natural American-accent voice — meaning you never have to record your own audio, find a quiet room, or re-take a line because a dog barked.

Prefer your own wording? Edit any caption and the narration regenerates to match. Prefer silence? Turn narration off and let the captions carry it. The voice is consistent across every walkthrough you publish, so your whole library sounds like one polished product, not a pile of mismatched recordings.

4

Edit and reorder steps

Open the walkthrough editor to refine the result. Rewrite a step's text, delete a step you do not need, reorder steps by dragging, and adjust which element a step highlights if your capture caught the wrong one. A live preview pane shows exactly what a visitor will see, so you tune it before anyone else does.

You can also add a call-to-action at the end — "Start your free trial," "Book a demo" — so the walkthrough does more than explain; it converts.

5

Share and embed it

Publish to three surfaces from one recording. Get a standalone share URL to drop in an email or support reply. Grab an iframe embed snippet to put the walkthrough on a docs page, a help-center article, or a landing page. Or hand out a one-time personalized link that opens the walkthrough on the recipient's own dashboard.

Best of all, the assistant can play the walkthrough inline inside the chat: when a visitor asks "how do I do X?", instead of pasting a wall of text, it runs the steps right there on the page, lighting up each control as it narrates.

What makes FoxChat walkthroughs different

🎙️

AI narration, American accent

Every step is narrated in a clear, natural American-accent voice. No microphone, no re-takes, no hiring a voice actor. Edit the text and the audio updates itself.

📝

Auto-captions on every step

Captions are written for you the moment you stop recording, then yours to refine. Accessible, skimmable, and SEO-friendly out of the box.

👆

Lights up the real element

Playback highlights the actual button or field on the live page with a pulsing glow — guidance, not a video of someone else's screen.

🔁

Adaptive selectors

When your UI changes, the walkthrough re-finds the right element instead of breaking. Record once; it keeps working as you ship.

🌐

Plays inline in chat

The assistant runs the walkthrough right inside the conversation, so "how do I…?" gets shown, not just told.

🏷️

Your brand, your assistant

FoxChat is white-label — the assistant playing the walkthrough wears your name and colors, not ours.

Why teams record walkthroughs

Ready to record your first walkthrough?

The bookmarklet works on any site. Three minutes, no install.

Start free trial