PagePin – Client Feedback & Bug Reporting
| 开发者 | pagepin |
|---|---|
| 更新时间 | 2026年4月2日 19:25 |
| 捐献地址: | 去捐款 |
| PHP版本: | 8.1 及以上 |
| WordPress版本: | 6.9 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- Three Marker Types — Negative (red) for bugs, Positive (green) for approvals, Note (orange) for comments
- One-Click Screenshots — Capture the current page instantly with all markers included
- Email Delivery — Send feedback with screenshot attachment to up to 5 recipients
- Custom Watermark — Brand every screenshot with your own text
- Adjustable Compression — Image quality from 10% to 100%
- Undo/Redo — Ctrl+Z / Ctrl+Y to undo and redo marker placements
- Drag & Drop — Reposition markers by dragging them to the correct location
- Element-Attached Threads — Click any element to start a comment thread on it
- Smart Element Matching — Comments survive layout changes through CSS selectors, content fingerprinting, and multi-signal scoring
- @Mentions — Mention team members or external guests in comments to notify them
- Resolve & Reopen — Mark threads as resolved and reopen them when needed
- Sidebar Overview — All pinpoints listed in a slide-out sidebar with unread badges
- Visual Indicators — Numbered badges on the page show where pinpoints are attached
- Tag System — Organize pinpoints with custom colored tags (Bug, Design, Content, Urgent, or your own)
- Pin — Press Ctrl+Alt+F (or click the floating button) and click anywhere on your site
- Capture — Screenshot, element position, and browser context are captured automatically
- Ship — Feedback is delivered to your inbox or discussed in a pinpoint thread
- Three annotation tools with automatic numbering
- Keyboard shortcuts: Ctrl+Alt+F to activate, keys 1/2/3 for tool selection
- Customizable floating feedback button with inactivity auto-hide
- Dual screenshot engines (html2canvas and html-to-image)
- Touch support for tablets and mobile devices
- External Collaborators — Invite anyone via Magic Link email or shareable URL (no WordPress account needed)
- Collaborator Reuse — Grant existing guests access to additional pinpoints without creating new links
- @Mention Notifications — Mention collaborators in comments to send email notifications with Magic Link access
- Auto-Grant Access — Mentioning a collaborator automatically grants them access if they don't have it yet
- Share Modal — Internal link for team members, external sharing with guest dropdown or new guest creation
- Thread Notifications — All thread participants (including collaborators) are notified of new comments
- Configurable Link Expiry — Set Magic Links to expire after 7, 30, or 90 days
- Admin dashboard with feedback statistics and quick links
- Feedback overview with status filters (New, Sent, Resolved) and bulk actions
- Post/Page metabox showing pinpoint count per content
- Admin bar integration with live feedback counter badge
- Collaborator management with type display, inline email editing, and access control
- Tag management with custom colors and usage statistics
- 8-step setup wizard for first-time configuration
- Role-based access — control who can create, view, and resolve feedback
- Granular pinpoint permissions (create, view, resolve per role)
- Spam protection: honeypot, submission timing, rate limiting with escalation
- Optional CAPTCHA: reCAPTCHA v2/v3, hCaptcha, Cloudflare Turnstile
- Rate limit escalation (5 min → 15 min → 1 hour → 6 hours → 24 hours)
- 100% self-hosted — your server, your database, your data
- GDPR compliant — no external calls unless CAPTCHA is enabled
- Clean uninstall — all data removed when plugin is deleted
- Multilingual — English and German included, translation-ready
- WordPress Coding Standards (WPCS 3.0) and PHPStan Level 5
- Web Agencies — Collect and manage client feedback across projects
- Developers — QA testing, bug reporting, and code review workflows
- Support Teams — Visual bug reports from users with full context
- Design Reviews — Attach comments to specific design elements for iterative feedback
- Content Teams — Request page changes with visual annotations
- Client Onboarding — Share feedback links with clients who don't have WordPress accounts
- Honeypot fields
- Submission timing checks
- Rate limiting per IP and session
- Optional CAPTCHA (reCAPTCHA v2/v3, hCaptcha, Cloudflare Turnstile)
安装:
- Go to Plugins > Add New in your WordPress admin
- Search for "PagePin"
- Click Install Now and then Activate
- Complete the setup wizard
- Download the plugin ZIP file
- Go to Plugins > Add New > Upload Plugin
- Select the ZIP file and click Install Now
- Activate the plugin
- Complete the setup wizard
- The setup wizard guides you through initial configuration on first activation
- Or navigate to PagePin > Settings to configure manually:
- Set up email recipients for feedback delivery
- Select authorized user roles for each feature
- Enable/disable floating button, public feedback, and collaborators
- Create tags for organizing feedback
屏幕截图:
常见问题:
What are Pinshots?
Pinshots are screenshot-based bug reports. Activate the toolbar with Ctrl+Alt+F, place numbered markers (Bug/OK/Note) anywhere on the page, add optional notes, and capture a screenshot. The feedback is sent via email with the screenshot attached.
What are Pinpoints?
Pinpoints are DOM-based comment threads attached to specific elements on your page. Click any element to start a discussion thread on it. Comments persist even when the page layout changes, similar to comments in Google Docs.
What is the difference between Pinshots and Pinpoints?
Pinshots are for quick, one-time bug reports — take a screenshot with markers and send it via email. Pinpoints are for ongoing discussions — attach comment threads to page elements for iterative feedback and collaboration.
What is the keyboard shortcut to activate the tool?
- Windows/Linux: Ctrl + Alt + F
- Mac: Cmd + Option + F
Who can use the feedback tool?
By default, only Administrators. You can enable additional roles (Editor, Author, etc.) in the plugin settings. For pinpoints, you can separately control who can create, view, and resolve threads.
Can visitors submit feedback without logging in?
Yes! Enable "Public Feedback" in settings. This allows any website visitor to submit visual feedback. Multiple spam protection measures are included.
How do external collaborators work?
Enable "External Collaborators" in Settings > Collaborators. You can then invite guests via the share modal in any pinpoint thread — either with an email (sends a Magic Link) or without (generates a shareable URL). Collaborators can view and comment on assigned pinpoints without a WordPress account. Mentioning a collaborator with @ in a comment automatically grants them access if they don't have it yet.
Where are screenshots stored?
Screenshots are stored locally in /wp-content/uploads/pagepin/. They are NOT added to the Media Library.
Can I customize the watermark?
Yes, you can set custom watermark text in the plugin settings. It appears on every screenshot.
Is the plugin GDPR compliant?
Yes. The plugin only stores necessary data locally on your server. No data is sent to external services (unless you enable third-party CAPTCHA).
Does it work with any theme?
Yes, the plugin uses isolated CSS with high z-index values that don't conflict with themes. The "Ember Glass" design system provides a consistent dark-mode UI.
What spam protection is included?
For public feedback: Honeypot fields, submission timing validation, IP-based rate limiting with escalation (blocks increase from 5 minutes to 24 hours), session rate limiting, and optional CAPTCHA integration (reCAPTCHA v2/v3, hCaptcha, Cloudflare Turnstile).
Can I use multiple email recipients?
Yes, you can configure up to 5 email recipients with custom subject lines. The first recipient receives the email directly, others are added as BCC.
What happens when I uninstall the plugin?
All data is removed: database tables, plugin options, and uploaded screenshots. This ensures a clean uninstall.
Does it support touch devices?
Yes, the tool fully supports touch interactions on tablets and mobile devices.
更新日志:
- Fix: Expired collaborator tokens are now auto-renewed when visiting a share link or granting access
- Fix: Collaborator floating button added so guests can reopen the Pinpoint sidebar after closing it
- Fix: AJAX 400 errors for collaborators caused by non-public endpoint calls (updateMatchScore, openPinpointFromUrl)
- New: Guest collaborators can now use @mentions to reference team members and other collaborators
- Improvement: Pinpoint sidebar auto-opens for collaborators on page load
- Fix: Missing vendor libraries (html2canvas, html-to-image, tribute) caused 404 errors and broken frontend feedback mode
- Thanks to Stefan for reporting this issue
- Improvement: Setup wizard fully localized in English with translation support
- Fix: Contrast issue with Pinpoint role headings in setup wizard
- Fix: Duplicate @mention notifications prevented
- Fix: Self-mention no longer triggers email notification
- Fix: Collaborator and email mentions now work in initial pinpoint comments
- Fix: Guest collaborators show generic avatar in mention autocomplete
- Fix: Pinpoint reply textarea sizing and overflow
- Improvement: Inline styles moved to CSS classes for better maintainability
- Improvement: Refined wizard step descriptions for clarity
- New: Tag/Label system for organizing feedback and pinpoints
- New: External collaborators via Magic Link (no WordPress account needed)
- New: Token-based shareable links for quick feedback rounds
- New: Redesigned share modal with internal link, guest reuse, and new guest creation
- New: Collaborator reuse — grant existing guests access to additional pinpoints
- New: @mention collaborators in comments with automatic email notification
- New: Auto-grant access when mentioning a collaborator who cannot see the pinpoint yet
- New: Collaborators see all accessible pinpoints across pages in sidebar
- New: Copy link button for active external access entries
- New: Admin collaborator list with type column, inline email editing
- New: Admin bar integration with badge counter
- New: Comment count badges on pinpoint indicators
- New: Extended setup wizard with collaborator and tag configuration
- Improvement: Enhanced mention system with @email invites and !@name share links
- Improvement: Collaborator thread notifications include magic link for direct access
- Initial WordPress.org release
- Screenshot capture with html2canvas and html-to-image
- Three feedback tools (Negative, Positive, Note) with automatic numbering
- Pinpoint feature: DOM-based comment threads with @mentions
- Email sending with screenshot attachment and watermark
- Admin interface with overview, settings, and bulk actions
- Public feedback mode with spam protection (honeypot, rate limiting, CAPTCHA)
- Role-based access control for authenticated users
- Undo/Redo functionality (Ctrl+Z / Ctrl+Y)
- Drag & Drop marker repositioning with touch support
- Multilingual support (German/English)
- WordPress Coding Standards and PHPStan Level 5 compliance