01
Capture
Workflow recording
Record clicks, inputs, navigation, hover states, scrolls, and keyboard-driven steps while you do the task normally.
Guided walkthroughs that live on the page.
Record browser workflows once. Replay them with highlights, tooltips, and step-by-step guidance on the real page, so teams stop translating videos and outdated screenshot docs.
Quick demo
See what FlowR feels like in under two minutes.
This walkthrough shows how FlowR records a browser workflow and replays it as guided steps on the live page.
Watch on YouTubeTry first
Explore FlowR in a safe playground before adding the extension.
Record clicks, forms, keyboard steps, scrolls, hovers, and screenshots on a practice page, then replay the walkthrough immediately. The demo stays in local browser storage.
Core capabilities
Capture the process, not just the screen.
FlowR stores structured steps and instructions instead of producing another passive video. That makes workflows easier to replay, easier to update, and easier to hand off to the next person.
02
Guide
Guided replay
Replay the workflow with highlights and contextual instructions attached to the real page elements.
03
Maintain
Step fixing
Repair one changed step instead of rerecording the whole walkthrough when an interface shifts.
04
Share
Team access
Share guided workflows with teammates using permission-aware access for view-only or editable handoffs.
05
Document
Screenshot and export support
Add supporting screenshots and export walkthrough material when a process needs an offline handoff.
Record and replay
One browser surface, morphing with each step.
01 Capture
Record the task on the real page.
Workflow name
Customer setup walkthrough
Why guided replay
Screen recordings explain what happened. FlowR helps someone do it.
Live guidance
FlowR
Guides users on the live site, step by step.
Screen recording
Shows a video, so users map it back to the live page themselves.
Updating after changes
FlowR
Fix a step without rebuilding the whole workflow.
Screen recording
Product changes often mean rerecording the demo.
Finding the right moment
FlowR
Jump directly to the step that needs attention.
Screen recording
Scrub, rewind, and pause to find the useful moment.
Instruction languages
FlowR
Reuse one workflow with localized instructions.
Screen recording
Often requires separate videos, subtitles, or voiceovers.
Team handoff
FlowR
Built for repeatable onboarding, support, and training.
Screen recording
Useful for one-off demos, harder to keep current.
Built for handoffs
The people explaining browser work get their time back.
FlowR is for the teams who repeat the same explanation across calls, tickets, docs, and onboarding sessions. Record the path once, then guide people through it where the work actually happens.
Product onboarding
Guide new users through setup, activation, and recurring product moments without sending them to a static help article.
Customer success
Turn the answer to a repeated question into a replayable walkthrough your team can send again and again.
Internal operations
Document browser-based SOPs with enough context for teammates to complete the work on the real tool.
Training and support
Replace fragile screenshot docs with steps that can be maintained when the product UI changes.
Designed for action
Less pausing and replaying. More guidance in context.
The instruction panel keeps the workflow visible while the user stays on the page.
Structured steps stay smaller and easier to navigate than full video files.
Localized instructions let one workflow serve different teams and audiences.
Optional screenshots add context when a handoff needs a lasting artifact.
Enterprise SDK
Drop FlowR into your product with a script tag and a few lines of code.
Enterprise teams can embed FlowR directly in their website or web app so users can start recording and replay guided flows without rebuilding the experience somewhere else.
Simple drop-in
Add a script tag and a small amount of code to start record and replay flows inside your website or web app.
Fits your product
Launch FlowR from your own onboarding, support, or training entry points instead of sending users to a separate surface.
Enterprise rollout support
Get help with SDK onboarding, public walkthrough visibility, and the rollout details that matter once embedded guidance becomes customer-facing.
Contact us about enterprise
Opens an email draft so we can scope the enterprise plan with you.
Public SDK examples
Separate recorder and replay examples based on the public FlowR web SDK docs.
Enterprise
Recorder SDK
Open the recorder from your own product controls while keeping the FlowR recorder handle in app code.
Host-controlled
<button id="openRecorder">Open recorder</button>
<script type="module">
import { recorder } from "https://cdn.jsdelivr.net/gh/Celestial-Synthesis/flowr-web-sdk@sdk_v0.1.0/sdk-recorder/dist/index.js";
const recorderHandle = recorder({
baseUrl: "https://flowr-api-demo.example",
apiKey: "flowr_pk_live_...",
screenshots: false,
});
document.querySelector("#openRecorder")?.addEventListener("click", () => {
recorderHandle.open();
});
</script>Use the recorder entrypoint when your app decides when recording starts and how the launcher fits into your own onboarding or support UI.
Pricing
Start with the extension. Scale into a workflow library.
FlowR pricing follows the way teams adopt guided replay: record a few critical flows, share them with the people who need them, then expand into collaboration and embedded guidance when the process becomes business-critical.
For local walkthroughs
Free
$0forever
Capture a handful of repeatable workflows and replay them directly in the browser.
Start free on ChromeInstall for Firefox- 5 saved recordings
- 40 uploaded screenshots
- View-only sharing
- 3 active logins
For teams keeping guides current
Pro
Flexible
Higher limits and stronger editing controls for teams building a reusable workflow library.
Start free, upgrade when readyInstall for Firefox- Configurable recording limits
- More screenshots and recipients
- Import and export support
- Conditional steps
- Expanded active-login limits
For embedded workflow guidance
Enterprise
Custom
Unlimited usage, SDK drop-in support for record and replay, public walkthrough visibility, and onboarding for larger rollout needs.
Email us about enterpriseReview store extension- Unlimited recordings
- Unlimited screenshots
- SDK drop-in for embedded record and replay
- Public recording visibility
- Custom onboarding and support
FAQ
Practical answers for browser workflow teams.
The short version: FlowR captures the work once, keeps the instructions on the real page, and gives teams a way to update the guide when the process changes.
What is FlowR?
FlowR is a browser extension for recording website walkthroughs and turning them into guided, replayable experiences that other people can follow on the live page.
How does FlowR work?
Start a recording, move through the browser workflow you want to teach, and FlowR captures each step. The walkthrough can then be replayed with on-page highlights, tooltips, and step instructions.
Who is FlowR for?
FlowR is built for product, customer success, support, operations, onboarding, and training teams that need to explain repeatable browser tasks clearly.
What actions can FlowR record?
FlowR records common website interactions such as clicks, text input, page navigation, hover states, scrolling, and keyboard-driven steps.
Can I replay walkthroughs on a live website?
Yes. FlowR replays the steps directly in the browser so guidance stays anchored to the actual interface people are using.
Can I edit a walkthrough after recording it?
Yes. You can revise instructions, adjust steps, insert new ones, and keep a walkthrough current as the product or process changes.
What happens when a website changes?
FlowR is designed for changing interfaces. You can repair or re-record individual steps instead of rebuilding the full walkthrough from the beginning.
Does FlowR support screenshots and exports?
Yes. FlowR supports optional screenshots for extra visual context and can export walkthrough material for handoffs or documentation.
How does FlowR handle password fields?
FlowR treats password steps separately and avoids storing the actual password value, helping keep sensitive inputs out of recorded workflow data.
Start free
Put one real workflow into FlowR and see what changes.
Capture the steps once, guide the next person with context, and keep the workflow usable as your browser tools change.