---
title: Add a Comment on a Website
description: "Pin a structured comment (a 'heurio') on any live website element with the Heurio Chrome extension — including a note, suggestion, severity, and optional guideline reference."
canonical: "https://www.heurio.co/docs/how-to-use-heurio/add-a-comment-on-a-website"
section: How to use Heurio
updated: 2026-05-11
---
# Add a Comment on a Website

## How to add a comment on a website

_Total time: PT1M_

1. **Turn on the Heurio Chrome extension** — Open the website you want to evaluate and click the Heurio icon in Chrome's toolbar. This automatically creates a new project for the site and enables the Heurio overlay.
2. **Click any element to add a comment** — Click on the UI element you want to flag. A comment popup appears anchored to that element with a screenshot already attached.
3. **Add a note, suggestion, severity, and guideline** — Type your note and recommendation. Pick a severity (Neutral, Low, Medium, High, Critical) and optionally reference a built-in heuristic (e.g. Nielsen's 'Visibility of System Status') so the feedback is anchored to a recognized usability principle.
4. **Share the project with your team** — Open the Share popup, invite teammates by email with 'Can edit' or 'Can view' permissions, or copy the project link to share with stakeholders.

> **In short:** turn on the [Heurio extension](https://chromewebstore.google.com/detail/heurio/pjdbofhiijhapnmpgilkeammkanglfdj), click any element on a live website, and fill in your note, suggestion, severity, and guideline.

<DocVideo src="/docs/how-to-use-heurio/add-a-comment-on-a-website/creating-a-heurio-short.mp4" poster="/docs/how-to-use-heurio/add-a-comment-on-a-website/creating-a-heurio-short.jpg" width={932} height={720} />

Creating a heurio in the [Heurio extension](https://chromewebstore.google.com/detail/heurio/pjdbofhiijhapnmpgilkeammkanglfdj).

## Why this matters

A heurio captures the same context that a screenshot, a Slack message, and a JIRA ticket would — combined. By pinning [visual feedback](/ux-glossary#visual-feedback) directly to the element on the live site, you remove guesswork for developers and designers and keep every comment tied to a concrete piece of UI.

## 1. Turn on the [Heurio extension](https://chromewebstore.google.com/detail/heurio/pjdbofhiijhapnmpgilkeammkanglfdj)

1. **Go to the website** you want to evaluate.
2. **Turn on** the [Heurio extension](https://chromewebstore.google.com/detail/heurio/pjdbofhiijhapnmpgilkeammkanglfdj) by clicking on its icon in the browser toolbar. This automatically creates your project and enables Heurio's interface on the website.

## 2. Create a comment

1. **Click on** an element of the website.
2. **Add Details:** In the popup, enter your feedback, including:
    - **Note:** A brief description of the issue or aspect requiring attention.
    - **Suggestion:** Recommendations for resolving the identified issue or improving the element.
    - **Severity:** Rate the impact of the issue on a scale, helping prioritize which items to address first.
    - **Guideline:** Select a relevant guideline from Heurio's [built-in options](/guidelines), ensuring consistency and alignment with established standards.

## 3. Share your project

After placing comments (heurios), [invite team members](/docs/how-to-use-heurio/invite-team-members) to view and collaborate on them. This facilitates a streamlined feedback process, ensuring all perspectives are captured.

## Frequently asked questions

### What is a 'heurio'?

A heurio is a single comment pinned to a specific element on a live website. It bundles a screenshot, the page URL, the element selector, captured device info, your note and suggestion, a severity, and an optional heuristic guideline reference.

### Does Heurio capture the device and browser automatically?

Yes. Each heurio records the timestamp, operating system, browser version, screen resolution, and the DOM selector of the element so teammates have full context when they open the comment.

### Can I leave a comment without selecting an element?

Comments are designed to be anchored to a specific element so screenshots and DOM selectors stay meaningful. Click anywhere on the page to drop a pin on the nearest element.

### Do I need to choose a heuristic guideline for every comment?

No. The guideline reference is optional. Use it when you're running a structured heuristic evaluation; skip it for general bug reports, copy fixes, or open-ended feedback.

### Will my teammates see the comment in real time?

Yes. Once you share the project, every teammate with access sees new heurios and updates in real time — in both the Chrome extension and the Heurio web app.