Try PinMarks on a real page
This page has the PinMarks widget installed, just like your website would. Follow the three steps below to report an issue the way your team and clients will.
Find the widget
Look for the PinMarks button at the bottom of this page and click it.
Pin or annotate
Click anything on the page below, draw on the screenshot, and describe the problem.
Submit feedback
We capture the screenshot, URL, browser and device details automatically. Nothing else to fill in.
Sample page
Fresh coffee, delivered weekly
Try giving feedback on this heading, the button, the price or the image. For example: “Make this text bigger” or “This button should be green”.
Advanced widget tests (for developers) ↓
Developer Tools test section
Enable Console logs / Network requests / Custom metadata in this project's Settings > Developer tools, then use the button below before submitting feedback.
Fires a console.error/warn/log, a failed fetch with username/password/token in the body and headers (to test Network requests + Keys excluded redaction — matches the default excluded keys), and Pinmarks.setMetadata() (to test Custom metadata). Then open the widget and submit — check the feedback item's Console Logs, Failed Network Requests, and Custom Metadata sections.
Sensitive Data Masking test section
Capture a screenshot with the widget while this section is on screen to verify .sf-exclude, .sf-mask, .sf-unmask and password inputs.
sf-mask — John Doe, john.doe@example.com, +91 98765 43210 (should turn into block characters)
sf-mask with a nested sf-unmask span that must stay readable in the middle
Capture Behind-Login Content test section
These avatars are only served while the demo cookie is set, like images behind a real login. Click "Log in", then capture a screenshot with the widget. With the setting off (Settings > Screen capture) the server-rendered screenshot shows broken avatars; with Capture Behind-Login Content on, they appear.
Try it out
Click anything on this page to test it
Pin anywhere
Click any element on the page to drop a pin and describe exactly what's wrong.
Annotate visually
Draw arrows, boxes, and text right on the screenshot so nothing gets lost in translation.
Auto-captured context
Browser, OS, URL, console logs, and network errors are attached automatically.
Sample UI
A dashboard to pin bugs on
Testimonials
Teams that ship fewer missed bugs
“We cut our bug-report back-and-forth in half. Screenshots and console logs arrive attached — no more "can you send a screenshot?" emails.”
Priya Nair
QA Lead, Flowbase
“Clients can leave feedback directly on the staging site without an account. Setup took five minutes and just works.”
Marcus Webb
Agency Owner, Webb Digital
“The auto-captured browser and OS info alone has saved us hours of back-and-forth reproducing bugs.”
Sara Chen
Engineering Manager, Doko
Pricing
Plans for testing purposes
Starter
For small teams getting started with visual feedback.
$9/mo
- check1 project
- checkUnlimited reporters
- checkScreenshot annotation
- checkEmail support
Pro
For growing teams who need integrations and history.
$29/mo
- check5 projects
- checkSession replay
- checkClickUp, Jira, Slack sync
- checkPriority support
Agency
For agencies managing feedback across many clients.
$59/mo
- checkUnlimited projects
- checkWhite-label widget
- checkAll integrations
- checkDedicated support
FAQ
Frequently asked questions
Everything you need to know before you start collecting feedback.
PinMarks is a visual website feedback tool for bug reporting, QA, and UAT. It lets anyone click on a live page to annotate issues — and automatically captures screenshots, browser, OS, URL, and console errors so developers have everything they need to reproduce and fix the bug.
PinMarks is built for product teams, QA engineers, developers, and agencies. Yes — you can use it for design feedback, content reviews, client approvals, and UAT, not just bug reporting.
Very easy. Drop a single script tag into your site — or use our WordPress or HubSpot plugin. Most teams are collecting their first feedback within 2 minutes of signing up. No developer needed for the initial setup.
No. The PinMarks widget is lazy-loaded and runs entirely in the background — zero impact on your page performance or Core Web Vitals.
Yes. PinMarks is designed for exactly this. Your QA team or clients can annotate issues directly on the live site without needing an account. All feedback lands in one place with full technical context attached.
No. Anyone with access to your site can click the widget and submit feedback without signing up — perfect for client reviews and UAT sessions. Only your internal team members need a PinMarks account.
Plans start at $9/mo (billed annually) or $12/mo monthly. The Pro plan is $29/mo (annual) and Agency is $59/mo (annual). Every plan includes a 15-day free trial with no credit card required.
After 15 days your account moves to a read-only state — no data is lost. You can upgrade to any paid plan at any time to continue.
Stop chasing bugs.
Start pinning them.
Start collecting visual feedback today — fix bugs faster and keep your whole team in the loop.
15-day free trial · No credit card · Cancel anytime