Patrick Schlesinger

PagePin gives WordPress agencies and developers two tools for client feedback and bug reporting — Pinshots for screenshot-based bug reports and Pinpoints for DOM-based comment threads. Self-hosted, GDPR compliant, no cloud dependencies.
<h4>Pinshots — Bug Reporting</h4>
Screenshot-based feedback with visual markers. Place numbered markers anywhere on the page, add notes, and capture everything in a single screenshot. Perfect for quick bug reports, design reviews, and client feedback rounds.
<ul>
<li>Three Marker Types — Negative (red) for bugs, Positive (green) for approvals, Note (orange) for comments</li>
<li>One-Click Screenshots — Capture the current page instantly with all markers included</li>
<li>Email Delivery — Send feedback with screenshot attachment to up to 5 recipients</li>
<li>Custom Watermark — Brand every screenshot with your own text</li>
<li>Adjustable Compression — Image quality from 10% to 100%</li>
<li>Undo/Redo — Ctrl+Z / Ctrl+Y to undo and redo marker placements</li>
<li>Drag & Drop — Reposition markers by dragging them to the correct location</li>
</ul>
<h4>Pinpoints — Client Feedback</h4>
DOM-based comment threads attached directly to page elements — like Google Docs comments, but for your live website. Comments persist even when the page layout changes, making it ideal for ongoing collaboration and iterative design feedback.
<ul>
<li>Element-Attached Threads — Click any element to start a comment thread on it</li>
<li>Smart Element Matching — Comments survive layout changes through CSS selectors, content fingerprinting, and multi-signal scoring</li>
<li>@Mentions — Mention team members or external guests in comments to notify them</li>
<li>Resolve & Reopen — Mark threads as resolved and reopen them when needed</li>
<li>Sidebar Overview — All pinpoints listed in a slide-out sidebar with unread badges</li>
<li>Visual Indicators — Numbered badges on the page show where pinpoints are attached</li>
<li>Tag System — Organize pinpoints with custom colored tags (Bug, Design, Content, Urgent, or your own)</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Pin — Press Ctrl+Alt+F (or click the floating button) and click anywhere on your site</li>
<li>Capture — Screenshot, element position, and browser context are captured automatically</li>
<li>Ship — Feedback is delivered to your inbox or discussed in a pinpoint thread</li>
</ol>
<h4>Key Features</h4>
Screenshots & Markers
<ul>
<li>Three annotation tools with automatic numbering</li>
<li>Keyboard shortcuts: Ctrl+Alt+F to activate, keys 1/2/3 for tool selection</li>
<li>Customizable floating feedback button with inactivity auto-hide</li>
<li>Dual screenshot engines (html2canvas and html-to-image)</li>
<li>Touch support for tablets and mobile devices</li>
</ul>
Collaboration
<ul>
<li>External Collaborators — Invite anyone via Magic Link email or shareable URL (no WordPress account needed)</li>
<li>Collaborator Reuse — Grant existing guests access to additional pinpoints without creating new links</li>
<li>@Mention Notifications — Mention collaborators in comments to send email notifications with Magic Link access</li>
<li>Auto-Grant Access — Mentioning a collaborator automatically grants them access if they don’t have it yet</li>
<li>Share Modal — Internal link for team members, external sharing with guest dropdown or new guest creation</li>
<li>Thread Notifications — All thread participants (including collaborators) are notified of new comments</li>
<li>Configurable Link Expiry — Set Magic Links to expire after 7, 30, or 90 days</li>
</ul>
Admin & Management
<ul>
<li>Admin dashboard with feedback statistics and quick links</li>
<li>Feedback overview with status filters (New, Sent, Resolved) and bulk actions</li>
<li>Post/Page metabox showing pinpoint count per content</li>
<li>Admin bar integration with live feedback counter badge</li>
<li>Collaborator management with type display, inline email editing, and access control</li>
<li>Tag management with custom colors and usage statistics</li>
<li>8-step setup wizard for first-time configuration</li>
</ul>
Security & Access Control
<ul>
<li>Role-based access — control who can create, view, and resolve feedback</li>
<li>Granular pinpoint permissions (create, view, resolve per role)</li>
<li>Spam protection: honeypot, submission timing, rate limiting with escalation</li>
<li>Optional CAPTCHA: reCAPTCHA v2/v3, hCaptcha, Cloudflare Turnstile</li>
<li>Rate limit escalation (5 min → 15 min → 1 hour → 6 hours → 24 hours)</li>
</ul>
Privacy & Standards
<ul>
<li>100% self-hosted — your server, your database, your data</li>
<li>GDPR compliant — no external calls unless CAPTCHA is enabled</li>
<li>Clean uninstall — all data removed when plugin is deleted</li>
<li>Multilingual — English and German included, translation-ready</li>
<li>WordPress Coding Standards (WPCS 3.0) and PHPStan Level 5</li>
</ul>
<h4>Use Cases</h4>
<ul>
<li>Web Agencies — Collect and manage client feedback across projects</li>
<li>Developers — QA testing, bug reporting, and code review workflows</li>
<li>Support Teams — Visual bug reports from users with full context</li>
<li>Design Reviews — Attach comments to specific design elements for iterative feedback</li>
<li>Content Teams — Request page changes with visual annotations</li>
<li>Client Onboarding — Share feedback links with clients who don’t have WordPress accounts</li>
</ul>
<h4>Public Feedback Mode</h4>
Enable public feedback to allow website visitors (even without login) to submit visual feedback. Protected by multiple spam prevention measures:
<ul>
<li>Honeypot fields</li>
<li>Submission timing checks</li>
<li>Rate limiting per IP and session</li>
<li>Optional CAPTCHA (reCAPTCHA v2/v3, hCaptcha, Cloudflare Turnstile)</li>
</ul>
For more information visit <a href="https://pagepin.io" rel="nofollow ugc">pagepin.io</a>
<h3>Support</h3>
<ul>
<li>Website: <a href="https://pagepin.io" rel="nofollow ugc">pagepin.io</a></li>
<li>Support: service@pagepin.io</li>
</ul>
<h3>Third Party Services</h3>
This plugin connects to external services ONLY when you explicitly enable CAPTCHA protection:
<h4>Google reCAPTCHA (v2 or v3)</h4>
When enabled, user interaction data is sent to Google for spam verification. 
* Service: https://www.google.com/recaptcha/ 
* Privacy Policy: https://policies.google.com/privacy 
* Terms of Service: https://policies.google.com/terms
<h4>hCaptcha</h4>
When enabled, user interaction data is sent to hCaptcha for spam verification. 
* Service: https://www.hcaptcha.com/ 
* Privacy Policy: https://www.hcaptcha.com/privacy 
* Terms of Service: https://www.hcaptcha.com/terms
<h4>Cloudflare Turnstile</h4>
When enabled, user interaction data is sent to Cloudflare for spam verification. 
* Service: https://www.cloudflare.com/products/turnstile/ 
* Privacy Policy: https://www.cloudflare.com/privacypolicy/ 
* Terms of Service: https://www.cloudflare.com/website-terms/
Important: No data is sent to external services unless you explicitly enable CAPTCHA in the plugin settings. Without CAPTCHA, the plugin operates entirely on your own server.
<h3>Privacy</h3>
<h4>Data Collection</h4>
This plugin collects and stores the following data locally on your WordPress server:
For authenticated users (logged-in): 
* User ID (WordPress user reference) 
* Feedback content (screenshots, markers, messages) 
* Page URL where feedback was submitted 
* Timestamp
For public/anonymous feedback (when enabled): 
* Email address (if provided by the visitor) 
* IP address (for rate limiting only) 
* Session token (anonymous identifier) 
* Feedback content (screenshots, markers, messages) 
* Page URL and timestamp
For external collaborators (when enabled): 
* Display name 
* Email address (optional, for Magic Link invitations and @mention notifications) 
* Authentication token (for session-based access) 
* Access grants (which pinpoints the collaborator can view) 
* Last access timestamp
<h4>Data Retention</h4>
<ul>
<li>Feedback data: Stored until manually deleted by an administrator</li>
<li>Rate limiting data (IP/Session): Automatically deleted after 24 hours</li>
<li>Screenshots: Stored until feedback is deleted</li>
<li>Collaborator data: Stored until manually deleted by an administrator</li>
</ul>
<h4>Data Location</h4>
<ul>
<li>Database: WordPress database tables (prefixed with your WordPress table prefix)</li>
<li>Screenshots: <code>/wp-content/uploads/pagepin/</code> directory</li>
</ul>
<h4>GDPR Compliance</h4>
<ul>
<li>All data is stored locally on your server</li>
<li>No analytics or tracking is performed</li>
<li>No data is shared with third parties (unless CAPTCHA is enabled)</li>
<li>Data can be exported and deleted upon request via WordPress admin</li>
<li>IP addresses are pseudonymized after rate limit period</li>
</ul>
<h4>Consent</h4>
For public feedback mode, we recommend: 
* Linking to your privacy policy in the feedback form 
* Enabling the GDPR consent checkbox in plugin settings 
* Informing visitors about data collection in your site’s privacy policy

PagePin – Client Feedback & Bug Reporting

Pin it. Ship it. Visual feedback infrastructure for WordPress.

nativeinfotech

Annotix – Drag, Annotate, Feedback gives your team a way to annotate any page on the frontend, capture screenshots, track status, assign items, set priority, and collaborate through threaded replies – all without leaving the site.
Built by <a href="https://nativeinfotech.com/" rel="nofollow ugc">Native Infotech</a>.
Demo video: <a href="https://youtu.be/VQssYhmuh0E" rel="nofollow ugc">https://youtu.be/VQssYhmuh0E</a>
<h4>Core Features</h4>
<ul>
<li>Click-to-annotate – click anywhere on any page to drop a feedback pin.</li>
<li>Area selection – drag to select a specific region of the page before capturing. Selection is draggable and resizable with corner handles.</li>
<li>Screenshot capture – optionally attach a viewport screenshot via bundled html2canvas. The library is lazy-loaded on demand for faster page loads.</li>
<li>Annotation tools – draw rectangles, circles, and arrows over the selected area before saving.</li>
<li>Markdown toolbar – format feedback descriptions with bold, italic, bullet lists, numbered lists, links, and inline code.</li>
<li>File attachments – upload images, PDFs, documents, spreadsheets, and other files alongside feedback. Attachments open in a new tab and display file-type badges.</li>
<li>Priority levels – tag each feedback item as Urgent, High, Normal, or Low with colour-coded badges and dots.</li>
<li>Assignment – assign feedback items to specific team members from a dropdown.</li>
<li>@Mentions – type @ in any comment or reply to mention a user and trigger an instant notification.</li>
</ul>
<h4>Collaboration</h4>
<ul>
<li>Threaded replies – discuss feedback with your team in context under each pin.</li>
<li>Inline editing – edit your own feedback descriptions and replies in place.</li>
<li>Delete with confirmation – delete your own feedback or replies with a skippable confirmation dialog.</li>
<li>Resolve / Unresolve – track completion state for each item. Resolved pins turn green.</li>
<li>Draggable pins – reposition saved pins by dragging them to a new location.</li>
</ul>
<h4>Sidebar & Navigation</h4>
<ul>
<li>Pins sidebar – a collapsible sidebar lists all feedback on the current page with status filters (Unresolved / Resolved).</li>
<li>Pages overview – an expandable pages panel shows feedback counts across all pages on the site.</li>
<li>Priority dots – sidebar items display colour-coded priority indicators for quick scanning.</li>
</ul>
<h4>Email Notifications</h4>
<ul>
<li>Digest mode (recommended) – batches all activity into a single email at a configurable interval (15 / 30 / 60 minutes).</li>
<li>Smart mode – digest by default, but sends instant emails for assignments and @mentions.</li>
<li>Configurable – enable or disable notifications, choose delivery mode, and toggle instant alerts for assignments and mentions independently.</li>
</ul>
<h4>Security & Permissions</h4>
<ul>
<li>Role-based access – assign each WordPress administrator as Client, Dev, or No Access.</li>
<li>Client role – full access: create, edit own descriptions, move pins, assign, reply, resolve, delete, and upload attachments.</li>
<li>Dev role – limited access: view, reply, and resolve/unresolve only.</li>
<li>No Access – cannot see or use Annotix.</li>
<li>Zero public routes – all REST endpoints require authentication with valid permissions.</li>
<li>Rate limiting – built-in abuse protection on all REST endpoints.</li>
</ul>
<h4>Performance</h4>
<ul>
<li>Lazy-loaded screenshot library – the 195 KB html2canvas library is only fetched when the user actually takes a screenshot, not on every page load.</li>
<li>Non-blocking font loading – Google Fonts are loaded via the WordPress enqueue API instead of a render-blocking CSS import.</li>
<li>Session caching – REST responses are cached in sessionStorage for instant rendering on repeat visits, with background refresh.</li>
<li>Transient caching – mention-user queries are cached with a 5-minute WordPress transient to reduce database load.</li>
<li>Conditional loading – all plugin assets only load for logged-in users who have been granted access.</li>
</ul>
<h4>Who is it for?</h4>
Annotix – Drag, Annotate, Feedback is designed for small teams (web agencies, freelancers, internal teams) where the designer, developer, and client all have WordPress administrator accounts and need a fast way to review and annotate the live site.
<h3>Third-Party Services</h3>
This plugin loads the Inter and Manrope font families from Google Fonts (<code>fonts.googleapis.com</code>) on frontend pages for logged-in users who have feedback access. No personal data is sent by the plugin itself, but the browser will make a request to Google’s servers to retrieve the font files.
<ul>
<li>Service: <a href="https://fonts.google.com/" rel="nofollow ugc">Google Fonts</a></li>
<li>Terms of Service: <a href="https://policies.google.com/terms" rel="nofollow ugc">https://policies.google.com/terms</a></li>
<li>Privacy Policy: <a href="https://policies.google.com/privacy" rel="nofollow ugc">https://policies.google.com/privacy</a></li>
</ul>
This plugin bundles the html2canvas library (MIT license) for optional screenshot capture. The library is loaded locally from the plugin directory and makes no external requests.
<ul>
<li>Project page: <a href="https://html2canvas.hertzen.com/" rel="nofollow ugc">https://html2canvas.hertzen.com/</a></li>
<li>License: <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">MIT</a></li>
</ul>

Annotix – Drag, Annotate, Feedback

Annotate any page on the frontend with screenshots, comments, file attachments, threaded replies, and email notifications.

PagePin – Client Feedback & Bug Reporting vs Annotix – Drag, Annotate, Feedback