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.

Annotix – Drag, Annotate, Feedback vs Atarim – Visual Feedback, Review & AI Collaboration