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 a workflow screenshot with numbered steps, arrows, and labels, exported as one PNG directly from your browser. That's what ClickTrek does, and this update adds the features that were missing before it was truly useful for real documentation work.
One screenshot, every step
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. It captures the page once and overlays all your step annotations onto that single background — numbered steps, arrows, and labels composited together into one workflow screenshot before export.
For workflows that happen within the same page or UI area, the reader sees every step in context at a glance. Step 3 points to step 4 points to step 5, all on one image, no switching required.
For workflows that span multiple pages, ClickTrek captures a fresh background each time the page changes — so you still get one annotated image per page context, not one per click. And because you can set any starting step number before each capture, the numbering runs continuously across all your screenshots. Capture steps 1–5 on page one, start the next capture at 6, then 11, then wherever the sequence continues. Laid out together, they read as one unbroken workflow even though each image was captured separately.
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.
What's new
Undo and redo
The most-requested feature since launch. If you misclick mid-capture — wrong element, accidental double-tap, stray click on a nav link — you no longer have to start over. Undo removes the last step marker. Redo brings it back. Works across your full capture session.
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.
This was the main blocker for teams using ClickTrek in internal SOPs and bug reports. It's now handled entirely inside the extension.
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.
Custom starting step number
Each ClickTrek capture produces one annotated screenshot. For a workflow that spans multiple pages, you run separate captures — one per page context. The custom start number is what ties them together.
Before each capture, set the first step marker to any number you choose. First capture starts at 1, next starts at 7, 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, capture, export, move on.
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. Custom step numbering makes multi-page 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 PNG 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 all core features — numbered step markers, directional arrows, optional labels, custom start number, undo/redo, toggle arrows, and preview before download — with a ClickTrek watermark on the exported PNG.
Pro removes the watermark and adds HD 2x export, redaction boxes, marker color presets, footer text, and activation on up to 3 devices.
Install
Free from the Chrome Web Store, no account required.
Install ClickTrek on the Chrome Web Store →
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)