Feedash is officially live! See what's new →

Website Annotation Tool

Website Annotation Tool: Pin Comments on Live Pages With Full Technical Context

Feedash lets designers, developers, and clients annotate live websites by pinning comments to exact page elements. Each annotation captures the CSS selector path, pixel coordinates, viewport dimensions, and browser, giving your team everything needed to locate and fix issues without guesswork.

1
Sarah K.

Can we change this button color to match the brand?

In Progress

Key benefits

01Annotate any live website with no plugin required
02Pins capture the element, selector, coordinates, and viewport
03Technical CSS data available for developer handoff
04Client annotations via share link with no signup required
05Annotate in desktop, tablet, and mobile viewports
06Overlay all annotations or filter by status and author
07Organise annotations into rounds for each revision phase
08Resolve annotations and track progress through to sign-off

How It Works

Three steps to better feedback.

01Step 01

Add your website

Enter your site URL and Feedash automatically captures a preview. Your project is ready in seconds.

02Step 02

Pin feedback on any page

Browse your website inside Feedash and click on any element to leave a comment. Add priorities and assign team members.

03Step 03

Collaborate and resolve

Track every piece of feedback from To Do to Approved. Share review links with clients and close the feedback loop.

What website annotation means in practice

Website annotation is the practice of attaching notes and comments directly to elements on a live webpage, much like using sticky notes on a printed design, but for the actual working site.

The key difference from screenshot annotation is that live annotations stay anchored to the real page. They are not images, and they are not static documents. They are comments tied to specific page coordinates, HTML elements, and viewport sizes.

Team adding pinned annotations to a live webpage

How Feedash handles website annotation technically

When a reviewer clicks an element to annotate it, Feedash records four key data points: the pixel coordinates of the click, the CSS selector path of the clicked element, the current viewport dimensions, and the browser and operating system being used.

This means a developer looking at the annotation does not need to hunt through the codebase. They can review the CSS selector in the pin data and navigate directly to the relevant element. Teams that want to act on annotations inside their workflow can also push them into ClickUp or Trello to manage them in a sprint backlog.

Code on screen showing CSS selector and element data

See how Feedash works in practice

Start collecting website feedback in under 2 minutes. Free plan available.

Annotation across multiple pages and viewports

A single website project in Feedash can include annotations across multiple pages. You can add multiple URLs to a project and switch between them inside the review interface. All annotations across all pages remain accessible from one central project dashboard.

For responsive websites, annotations can be made and reviewed in desktop, tablet, and mobile viewports. Each annotation records which viewport it was created on, so responsive issues are immediately clear without needing additional explanation.

Managing annotations across multiple pages and screen sizes

Frequently Asked Questions

Ready to collect better website feedback?

Join teams who use Feedash to cut revision rounds and speed up website approvals.

No credit card required. Free plan available.

Feedash uses essential cookies required for the service to function. Learn more in our Cookie Policy.