Mountain Thirteen Media

<p><strong>Noted Visual Feedback</strong> adds a lightweight feedback overlay to your WordPress site. Pin comments anywhere on any page, start threaded discussions, and share a review link with clients or teammates. No screenshots, no separate tools, no external accounts.</p>
<p>All feedback data is stored in your own WordPress database in custom tables. The plugin makes no external HTTP calls of any kind.</p>
<h4>What’s included</h4>
<ul>
<li>Pin comments anywhere on any page, anchored by position or by page element</li>
<li>Threaded replies on each pin</li>
<li>Page-scoped share links for guest reviewers (no WordPress account required)</li>
<li>Password and expiry controls on share links</li>
<li>Admin dashboard with pin list, pin detail view, and per-pin resolve/delete</li>
<li>CSV export of pins and comments</li>
<li>Email notifications on new pins and replies</li>
<li>Opt-in “Powered by Noted” attribution (off by default)</li>
<li>Works with any theme or page builder</li>
</ul>
<h4>How it works</h4>
<ol>
<li>Install and activate the plugin.</li>
<li>Visit any page on your site and append <code>?noted</code> to the URL.</li>
<li>Click anywhere on the page to place a pin and leave a comment.</li>
<li>Generate a share link for that page from the admin and send it to a reviewer. They enter their name and can start leaving feedback immediately.</li>
</ol>
<h4>Noted Pro</h4>
<p>A separate premium plugin, Noted Pro, extends this free plugin with:</p>
<ul>
<li>Drawing annotations (rectangles, arrows, freehand)</li>
<li>Text-edit suggestions with accept/reject workflow</li>
<li>Priority and category labels on pins</li>
<li>Internal-only pins hidden from guests</li>
<li>Bulk resolve</li>
<li>Password-protected and expiring share links</li>
<li>Export to Asana, Trello, Slack, Jira, Linear, GitHub Issues, Monday.com</li>
<li>Generic webhook export</li>
<li>White-label mode</li>
<li>WordPress Multisite support</li>
</ul>
<p>Learn more at <a href="https://wpnoted.com/pricing/" rel="nofollow ugc">wpnoted.com/pricing</a>. Noted Pro installs alongside this plugin; you do not need to replace or reconfigure anything.</p>
<h3>External Services</h3>
<p>This plugin does not connect to any external services. All feedback data is stored locally in your WordPress database.</p>
<h3>Source Code</h3>
<p>The frontend review overlay is a TypeScript module compiled to <code>assets/js/noted-overlay.min.js</code>. The human-readable source and build instructions are available in two places:</p>
<ol>
<li><strong>Public repository:</strong> <a href="https://github.com/RedZephon/noted-visual-feedback" rel="nofollow ugc">https://github.com/RedZephon/noted-visual-feedback</a></li>
<li><strong>Included with every release</strong> under the <code>overlay-src/</code> directory inside the plugin zip.</li>
</ol>
<p>Build with Node 18+:</p>
<pre><code>cd overlay-src && npm install && npm run build
</code></pre>
<p>This produces the bundle that the plugin enqueues. See <code>overlay-src/README.md</code> for details on layout and tooling (Vite + TypeScript). The admin-side JavaScript at <code>assets/js/noted-admin.js</code> is not compiled and can be read directly.</p>


Noted Visual Feedback

Collect visual feedback with pinned comments directly on your live WordPress site. All data stored locally in your WordPress database.

nativeinfotech

<p><strong>Annotix – Drag, Annotate, Feedback</strong> 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.</p>
<p>Built by <a href="https://nativeinfotech.com/" rel="nofollow ugc">Native Infotech</a>.</p>
<p>Demo video: <a href="https://youtu.be/VQssYhmuh0E" rel="nofollow ugc">https://youtu.be/VQssYhmuh0E</a></p>
<h4>Core Features</h4>
<ul>
<li><strong>Click-to-annotate</strong> – click anywhere on any page to drop a feedback pin.</li>
<li><strong>Area selection</strong> – drag to select a specific region of the page before capturing. Selection is draggable and resizable with corner handles.</li>
<li><strong>Cleaner screenshot selection</strong> – the Pins panel auto-hides shortly after feedback mode starts and shows a soft drag-to-select notice so screenshots are not blocked by the sidebar.</li>
<li><strong>Screenshot capture</strong> – optionally attach a viewport screenshot via bundled html2canvas. The library is lazy-loaded on demand for faster page loads.</li>
<li><strong>Screenshot format controls</strong> – choose JPEG or PNG output and set JPEG quality from the General settings tab.</li>
<li><strong>Annotation tools</strong> – draw arrows, rectangles, and circles over the selected area before saving. The arrow tool is selected by default for faster callouts.</li>
<li><strong>Markdown toolbar</strong> – format feedback descriptions with bold, italic, bullet lists, numbered lists, links, and inline code.</li>
<li><strong>Guest feedback link</strong> – allow clients without WordPress accounts to submit feedback through a private token URL.</li>
<li><strong>File attachments</strong> – upload images, PDFs, documents, spreadsheets, and other files alongside feedback. Attachments open in a new tab and display file-type badges.</li>
<li><strong>Priority levels</strong> – tag each feedback item as Urgent, High, Normal, or Low with colour-coded badges and dots.</li>
<li><strong>Assignment</strong> – assign feedback items to specific team members from a dropdown.</li>
<li><strong>@Mentions</strong> – type @ in any comment or reply to mention a user and trigger an instant notification.</li>
</ul>
<h4>Collaboration</h4>
<ul>
<li><strong>Threaded replies</strong> – discuss feedback with your team in context under each pin.</li>
<li><strong>Inline editing</strong> – edit your own feedback descriptions and replies in place.</li>
<li><strong>Delete with confirmation</strong> – delete your own feedback or replies with a skippable confirmation dialog.</li>
<li><strong>Resolve / Unresolve</strong> – track completion state for each item. Resolved pins turn green.</li>
<li><strong>Draggable pins</strong> – reposition saved pins by dragging them to a new location.</li>
</ul>
<h4>Sidebar & Navigation</h4>
<ul>
<li><strong>Pins sidebar</strong> – a collapsible sidebar lists all feedback on the current page with status filters (Unresolved / Resolved).</li>
<li><strong>Pages overview</strong> – an expandable pages panel shows feedback counts across all pages on the site.</li>
<li><strong>Priority dots</strong> – sidebar items display colour-coded priority indicators for quick scanning.</li>
</ul>
<h4>Email Notifications</h4>
<ul>
<li><strong>Digest mode</strong> (recommended) – batches all activity into a single email at a configurable interval (15 / 30 / 60 minutes).</li>
<li><strong>Smart mode</strong> – digest by default, but sends instant emails for assignments and @mentions.</li>
<li><strong>Configurable</strong> – enable or disable notifications, choose delivery mode, and toggle instant alerts for assignments and mentions independently.</li>
</ul>
<h4>Admin Feedback</h4>
<ul>
<li><strong>Plugin feedback form</strong> – send bug reports, questions, or feature requests to Native Infotech directly from the WordPress admin settings.</li>
</ul>
<h4>Security & Permissions</h4>
<ul>
<li><strong>Role-based access</strong> – assign each WordPress administrator as Client, Dev, or No Access.</li>
<li><strong>Guest token access</strong> – optionally enable a private share link for non-WordPress clients. Guests can view page pins and create new feedback, but cannot edit, resolve, delete, or manage existing feedback.</li>
<li><strong>Client role</strong> – full access: create, edit own descriptions, move pins, assign, reply, resolve, delete, and upload attachments.</li>
<li><strong>Dev role</strong> – limited access: view, reply, and resolve/unresolve only.</li>
<li><strong>No Access</strong> – cannot see or use Annotix.</li>
<li><strong>Zero public routes</strong> – all REST endpoints require authentication with valid permissions.</li>
<li><strong>Rate limiting</strong> – built-in abuse protection on all REST endpoints.</li>
</ul>
<h4>Performance</h4>
<ul>
<li><strong>Lazy-loaded screenshot library</strong> – the 195 KB html2canvas library is only fetched when the user actually takes a screenshot, not on every page load.</li>
<li><strong>Smaller screenshot files</strong> – JPEG output at configurable quality keeps feedback screenshots lightweight.</li>
<li><strong>Deferred screenshot saving</strong> – feedback submissions return faster by saving screenshots after the REST response is flushed when supported by the server.</li>
<li><strong>Non-blocking font loading</strong> – Google Fonts are loaded via the WordPress enqueue API instead of a render-blocking CSS import.</li>
<li><strong>Session caching</strong> – REST responses are cached in sessionStorage for instant rendering on repeat visits, with background refresh.</li>
<li><strong>Transient caching</strong> – mention-user queries are cached with a 5-minute WordPress transient to reduce database load.</li>
<li><strong>Conditional loading</strong> – all plugin assets only load for logged-in users who have been granted access.</li>
</ul>
<h4>Who is it for?</h4>
<p>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.</p>
<h3>Third-Party Services</h3>
<p>This plugin loads the <strong>Inter</strong> and <strong>Manrope</strong> font families from <strong>Google Fonts</strong> (<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.</p>
<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>
<p>This plugin bundles the <strong>html2canvas</strong> library (MIT license) for optional screenshot capture. The library is loaded locally from the plugin directory and makes no external requests.</p>
<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>
<p>This plugin includes a voluntary feedback form in the admin settings (Settings > Website Feedback > Feedback). If you choose to submit feedback, your name, email address, subject, and message are sent to Native Infotech via your site’s WordPress mail system. No data is collected automatically — submission only occurs when you click “Send Feedback”.</p>
<ul>
<li>Native Infotech: <a href="https://nativeinfotech.com/" rel="nofollow ugc">https://nativeinfotech.com/</a></li>
<li>Privacy Policy: <a href="https://nativeinfotech.com/privacy-policy/" rel="nofollow ugc">https://nativeinfotech.com/privacy-policy/</a></li>
</ul>


Annotix – Visual Website Feedback & Annotation

Collect visual feedback on any page — clients click, annotate, screenshot and comment without leaving your site.

Noted Visual Feedback vs Annotix – Visual Website Feedback & Annotation