Pinora – QA & Client Feedback

Description

Stop collecting website feedback in endless email threads. With Pinora, your clients click the element they want to talk about, type a note, and a numbered pin stays on the page. Everyone on the project sees everyone else’s notes, live, on the page and on a shared board.

Built by AVANGARDISM, a web agency that uses it on its own client projects. Free, for good: no account, no premium version, no external service.

How it works

1. Send your client the invitation link from Tools > Pinora.
2. They type their first name once, then click + Note and click any element of any page.
3. A screenshot is taken, the element is framed, the note is saved with its severity.
4. Your team sees the numbered pin on the page and the card on the board, within 15 seconds, without reloading.
5. Move cards from To do to In progress to Done, answer, export.

Features

• Pin notes on any element, on any page, with the page, the section and the screen size recorded automatically.
• Automatic screenshots of what the reviewer was looking at, with the element framed and the click point marked.
• Shared in real time: everyone who opened the link sees the others’ notes, on the pages and on the board.
• Feedback board in three columns with drag and drop, filters by page, person and severity, and answers.
• “View on the page” links that scroll to the element, open the note and make the element blink.
• Slack notifications with the screenshot and a direct link, sent by your own server.
• Markdown and JSON export, grouped by page and section, ready to paste into a ticket or an AI assistant.
• Four severities: blocker, major, minor, nice to have.
• No account for your clients: a shared key in the link is enough.
• Lightweight: visitors who never opened a review link only download a few hundred bytes.
• Works behind page caches: review mode is decided in the browser, not on the server.
• Accessible: usable with the keyboard alone (Tab to an element, Enter to pin it), screen reader announcements, WCAG AA contrast, reduced motion respected.
• Translation ready, French included.

Your data stays yours

Notes are stored as a private post type in your own database, screenshots in your own uploads folder. Nothing is sent to AVANGARDISM, ever. The only outgoing call is the optional Slack webhook, which you configure yourself.

Need a website?

AVANGARDISM designs and builds websites, e-commerce stores and business software, with a user-first approach. Let’s talk about your project.

External services

This plugin can send notifications to Slack, only if you enter a Slack incoming webhook URL in Tools > Pinora (or define PINORA_SLACK_WEBHOOK).

• What is sent: when a note is created, its text, author first name, page path, section name, screen width, severity, the public URL of its screenshot and links back to your site.
• Where: to the webhook URL you provided, on hooks.slack.com, directly from your server.
• When: each time a new note is created, and when you click “Save and send a test”.
• Slack terms of service: https://slack.com/terms-of-service — privacy policy: https://slack.com/trust/privacy/privacy-policy

No other external request is made. The screenshot library (html2canvas) is bundled with the plugin and served from your site.

Privacy

Notes store the first name typed by the reviewer, the text of the note, the page path, the screen size and the browser user agent. Screenshots may show whatever was on the reviewer’s screen within the page. They are saved in wp-content/uploads/pinora/ under random, unguessable names so that Slack can display them. Delete a note to delete its screenshot.

Credits

Screenshots are drawn with html2canvas 1.4.1 by Niklas von Hertzen, MIT license. Non-minified source: https://github.com/niklasvh/html2canvas/tree/v1.4.1