Documenting a browser workflow usually means one of three things: a wall of written steps that loses the reader at step four, a folder of plain screenshots with no context between them, or a screen recording nobody has time to watch.
There's a cleaner format — turn your clicks into workflow screenshots with numbered steps, highlight boxes, and labels, exported straight from your browser. That's what ClickTrek does. (Updated October 2026 to match the current version.)
How it works
- Install ClickTrek from the Chrome Web Store (free, no account).
- Open the website where the task starts.
- Click the ClickTrek icon, then Start Recording.
- Do the task. Each click gets a numbered badge and a highlight box; recording continues when a link opens the next page.
- Click Finish. Check each page, add short step labels if you want, and remove pages you don't need.
- Download one PNG per screen (or a .zip) and paste them into your doc, ticket or wiki.
One image per screen, not per click
Most workflow capture tools take a separate screenshot for each click. A ten-step process becomes ten images. The reader has to flip between them to follow the sequence, and the spatial relationship between steps is completely lost.
ClickTrek works differently. Clicks on the same screen share one image: numbered steps, a highlight box on each clicked item, and optional labels, all on one workflow screenshot.
For workflows that happen within the same page or UI area, the reader sees every step in context at a glance. Steps 3, 4 and 5 sit on the same image, numbered in order, no switching required.
For workflows that span several pages, just keep recording. ClickTrek follows the link to the next page, starts a new image when the screen changes, and keeps the step numbers running. You get one image per screen, not one per click, numbered as one continuous workflow.
This is a deliberate format choice, not a limitation. Fewer images, more context per image, and a numbering system that holds the whole sequence together.
Features
Undo and redo
If you misclick mid-capture — wrong element, accidental double-tap, stray click on a nav link — you don't have to start over. Undo removes the last step marker. Redo brings it back. In a multi-page recording, undo and redo work on the current page, and you can review every page, and remove pages you don't need, before export.
Step labels
Add a short label to any step, shown next to its marker or as a list below the image. Labels are optional; the numbers alone already carry the order.
Custom starting step number
Within one recording, ClickTrek numbers the steps across pages by itself. The custom start number is for guides built from more than one recording: tell the next recording where to pick up.
Before you export, set the starting step number to any number you choose. First recording starts at 1, the next at 7, the next at 12 — whatever the sequence requires. When you lay the screenshots side by side in a doc or SOP, the numbering is unbroken and the workflow reads as one continuous process.
No manual renumbering, no going back to edit markers after the fact. Set the number, export, move on.
Redaction boxes (Pro)
Draw and flatten redaction boxes over sensitive content before export — account details, user data, billing screens, internal dashboards. The redaction flattens directly into the PNG on download, no external image editor needed. It's handled entirely inside the extension.
PDF export (Pro)
Combine every reviewed page into one PDF, in step order. An image that fits on a page is never cut in half.
Per-page cropping (Pro)
Crop each page before export, so every image shows the part of the screen that matters.
HD 2x export (Pro)
Export at double resolution when page dimensions allow. Useful for annotated screenshots that end up in presentations, onboarding portals, or printed documentation where marker clarity matters.
Marker color presets (Pro)
Choose marker colors to match your brand or internal documentation system. Keeps a series of workflow guides visually consistent across exports.
Footer text (Pro)
Add a text line to the bottom of every export — team name, document version, URL, or internal reference. One less thing to add manually when producing documentation at volume.
Who uses it
QA and support teams — annotated bug reports with exact click paths. One numbered screenshot in a Jira ticket communicates more than a paragraph of reproduction steps.
Ops and L&D teams — browser-based SOPs and onboarding guides. Multi-page recording with continuous step numbers makes process documentation manageable.
Developers handing off to non-technical stakeholders — showing a workflow to a client or PM without assuming they'll follow written instructions.
Anyone writing internal documentation — the redaction feature makes it usable for screens that contain real user or account data, which previously required switching to a separate tool mid-workflow.
No screenshot uploads — everything stays local
ClickTrek captures and processes everything in your browser. Workflow screenshots, click positions, labels, redaction data, and exported files never leave your device. There is no backend receiving your screen content.
Pro licensing is handled by a hosted service to manage device seats. Payment goes through Stripe-hosted checkout. Neither service receives screenshot data from ClickTrek.
For teams documenting sensitive internal workflows, this is the part that matters most.
Free vs Pro
Free includes the full workflow — single- and multi-page recording, numbered steps with highlight boxes, optional labels, custom start number, undo/redo, and preview before download — with a ClickTrek watermark on every exported image. One screen downloads as a PNG; several download as a ZIP.
Pro removes the watermark and adds HD 2x PNG export when the page size allows, PDF export, per-page cropping, redaction, marker color presets, a footer text line, and activation on up to 3 devices.
Install
Free from the Chrome Web Store, no account required.
Install ClickTrek on the Chrome Web Store →
More guides and examples: clicktrek.pages.dev
If you run into something that doesn't work the way you expected, or a workflow type that isn't well supported yet, I read every comment and reply to feedback directly.
For anyone who has ever written "click the button in the top right" and immediately wished they could just show them.
Top comments (0)