Skip to main content

Comment anywhere on your live website

The website feedback tool that turns scattered screenshots, Slack threads, and tickets into comments pinned to the exact element — for product teams, agencies, QA, and designers.

  • Free forever plan
  • No credit card
  • Reviewers need no account
Annot8 — Website feedback pinned to the exact spot that's broken on Product Hunt
lumora.energy

Run your home on sunshine

Get my free quote

A live demo of the widget — press C and click anything to leave feedback, inspect an element, record your screen, or chat. Nothing leaves this page.

Feedback lands in the tools your team already lives in. Eleven providers, no glue code.

  • Slack
  • Linear
  • Jira
  • GitHub
  • GitLab
  • Asana
  • Trello
  • Microsoft Teams
  • Discord
  • Email
  • Webhooks
  • All eleven

Product tour · 29 sec

See both sides of the feedback loop

What a visitor does on your site, and what your team does with it next.

Reply to a pinned comment, resolve it, and open another pin.

lumora.energy
Annot8 widget demo showing a reply, resolved feedback, pinned comments, activity, and theme settings.

Recorded in Annot8 with sample data.

Every comment, conversation, request, and number about your product, in one inbox — pinned to the pixel it came from.

Anchored, not attached

A comment stores the element selector and page context so reviewers can locate the issue again.

One inbox, four surfaces

Feedback, live chat, public requests, and analytics share a team, a project key, and a place to land.

One script tag

No SDK to wire up, no staging rebuild, and no browser extension for the people reviewing your work.

THE PLATFORM

Four surfaces, one workspace

Annot8 is not a single widget bolted onto your site. It is four surfaces that share one inbox, one team, and one project key — so feedback, conversations, requests, and the numbers behind them all live in the same place.

VISUAL FEEDBACK

Pin a comment to the exact element

Click any element and leave a comment right there, or drag to mark a whole region. Every thread arrives with the browser, viewport, and URL already attached.

  • Screenshots of the element or the full viewport
  • Screen recordings with console errors and failed requests
  • Voice notes when typing it out is slower
  • Issue types, labels, priorities, and assignees

LIVE CHAT

The same widget answers questions

Conversations land in the dashboard next to your feedback instead of in a separate tool, with the same team and the same inbox.

  • An AI assistant that drafts replies from your own context
  • Full appearance control over the launcher and panel
  • Typing indicators, read receipts, and conversation ratings

FEEDBACK PORTAL

A public board your users can vote on

Users post ideas, upvote what matters, and watch the roadmap move from open to under review to planned to in progress.

  • Hosted at www.annot8.app/p/<your-portal-link>
  • Boards you define, with moderation and triage
  • Shareable feedback links and questionnaires

PRODUCT ANALYTICS

Whether the fix actually mattered

Know what changed after you shipped, without bolting a second script onto the page.

  • Visitors, sessions, pageviews, and bounce rate
  • Traffic sources, devices, and top pages
  • Funnels, custom events, and a real-time view

AI TRIAGE

The pile thins itself

Feedback tools fail at volume, not at zero. Annot8 reads every thread as it arrives so the inbox stays a queue instead of becoming an archive.

New threads are checked against existing feedback, so the fifth report of the same bug is flagged as a likely duplicate of the first instead of starting its own pile.

Each thread comes in with a suggested type, a suggested priority, and a summary — so triage is mostly done before you open the inbox.

Annot8 reads the thread's sentiment, drafts a response in your voice, and pulls out what actually has to be done.

Have we seen this checkout bug before?

  • Fifth report of this bug
  • 94% match with thread #218
  • Same element, same console error
  • Merge into #218

THE AGENT

Some feedback arrives already fixed

Connect a repository and the Agent takes a thread the rest of the way: it reads the report, finds the responsible code, writes a scoped patch, and opens a draft pull request. Nothing lands without your review.

Element, page, browser, console and network errors, the visitor's own words — the run starts from evidence, not a guess.

It walks your repository, matches the report to the files behind it, and names exactly what it intends to touch.

A scoped patch on its own branch. Never a force-push, never straight to main.

Diff, reasoning, and a link posted back on the thread. You review, edit, and merge — the Agent never merges itself.

Automations can hand a thread to the Agent the moment it arrives — a crash with console errors can have a draft PR waiting before anyone has read it.

Fix the promo code bug Jonas reported

  • 1 console error: applyPromo is not a function
  • Element: form#promo › Apply
  • Safari 17.4 · production · /checkout
  • 2 replies read — reproduced by Dana

CAPABILITIES

Everything feedback needs to get fixed

The surfaces above are the shape of it. This is the detail — the things that decide whether a piece of feedback gets fixed or just gets logged.

Capture

What a piece of feedback arrives with.

  • Guest reviewers never pay

    Clients and stakeholders comment through a share link with no account and never consume a paid seat — 3 on Free, unlimited on every paid plan.

  • Screen recording

    Reviewers capture a clip with console errors and failed network requests attached, so bugs arrive reproducible.

  • Voice notes

    Reviewers who would rather talk than type record straight into the thread.

  • Region select

    Drag a box around a whole area when the problem is the layout, not one element.

Workflow

How the pile gets to done.

  • Automations

    Rules that label, assign, prioritise, and notify the moment feedback arrives.

  • Labels and issue types

    Your own taxonomy — bug, copy, visual, performance — instead of someone else's.

  • Resolution insights

    Median and p90 first-response and time-to-resolve, per project, so you can see triage getting faster.

  • Notifications that land

    In-app, email, and web push, with per-person preferences so nobody mutes the whole thing to get quiet.

Guardrails

Who can do what, and where it runs.

  • Every environment

    Separate feedback lanes for development, staging, and production on the same project key.

  • Roles and permissions

    Owners, admins, and members, with billing and destructive actions kept to the people who should have them.

  • Your branding

    Set the widget's accent, launcher label, corner, and light or dark treatment to fit your product.

  • Origin-verified sessions

    Public widget writes use short-lived sessions bound to an allowed website origin.

SOLUTIONS

Built for agencies and product teams

Same widget, four very different jobs.

Agencies and freelancers

Send clients a link and let them mark up the staging site themselves. No account, no Loom, no forty-message email chain — and guest reviewers never eat a seat.

Product teams

Collect requests on a public board, watch what gets upvoted, and push the ones you commit to straight into Linear with the original context attached.

QA and engineering

Bugs arrive with the element, the URL, the browser, the viewport, a recording, and the console errors from that session. Reproduction stops being archaeology.

Designers

Point at the eight pixels that are wrong instead of describing them. Comments stay anchored to the element through scrolling, resizing, and the next deploy.

Enterprise ready

Built to sit inside the stack you already have

Feedback is only useful where the work happens. Annot8 sends it to the tools your team already uses, with domain allowlists for the widget and role-based access for your workspace.

Integrations

Integrates with the tools you use most

Push a thread into your tracker as an issue that links straight back to the pinned element, or route it to the channel your team already watches.

  • SlackLinearJiraGitHub
  • GitLabAsanaTrello
  • Microsoft TeamsDiscordEmailWebhooks

Security

Domain controls and workspace permissions

Browser-origin checks and short-lived sessions limit public widget submissions. Project keys are public identifiers, not passwords; origin checks do not authenticate visitors. Private workspace access requires sign-in and membership.

Control

Roles, environments, a clean production inbox

Owners, admins, and members, with billing and destructive actions held back. Development, staging, and production keep separate feedback lanes within the same project, not isolated security environments.

Email notifications work on every plan, including Free. Third-party integrations and webhooks unlock on Pro.

ADOPTION

Live in minutes, not a sprint

One script tag stands between you and the first pinned comment. Everything after that happens on the page itself.

1STEP 1

Paste one script tag

It loads lazily and stays invisible to ordinary visitors. No SDK, no rebuild, no extension for your reviewers.

index.htmlCopy
<script
  src="https://www.annot8.app/widget.js"
  data-project-id="your-project-key"
  data-convex-url="your-backend-url"
  defer></script>

2STEP 2

Anyone on the page can pin

Teammates, clients, or guest reviewers with a share link. The comment anchors to the element, with the browser, viewport, and URL attached.

Add to cart1

RORina· now

Does nothing on Safari — tap and no cart.

3STEP 3

It resolves where it started

Threads push to Linear, GitHub, or Slack with a link back to the page, so the fix starts exactly where the feedback landed.

ENG-412 · Hero CTA overlapDone
#product-feedbackPosted
acme/storefront#418Merged

Thread #221 resolved on the page, automatically

PRICING

Per-seat pricing, nothing hidden

Seats are for the people who manage feedback. Anyone who only leaves it never needs one.

FREE

$0

forever

For indie makers and side projects.

PRO

$8

/ seat / mo, billed yearly

Ships with 10 Agent Credits each month.

BUSINESS

$16

/ seat / mo, billed yearly

Ships with 20 Agent Credits each month.

ENTERPRISE

Custom

talk to sales

Custom terms, onboarding, and volume pricing.

QUESTIONS

The ten we get asked most

Still stuck? Talk to us — contact our team for help.

Do reviewers need an Annot8 account to leave feedback?

No. Share a review link and guests can pin comments straight onto the page without signing up, and they never take up a paid seat. The Free plan includes 3 guest reviewers; every paid plan makes them unlimited.

How do I install Annot8 on my website?

Add one script tag with your project key. There is no SDK to wire up, no rebuild, and no browser extension for your reviewers. The widget loads lazily and stays hidden from ordinary visitors.

Does Annot8 work with React, Next.js, Vue, or a static site?

Yes. Annot8 is a plain script tag, so it works on any stack and any host — React, Next.js, Vue, Svelte, Astro, WordPress, Webflow, or hand-written HTML. It does not care how the page was built.

Can I use it on localhost and staging as well as production?

Yes. One project key covers every environment, and feedback is filed into separate lanes for development, staging, and production so a local experiment never pollutes your production inbox.

What context gets captured with each comment?

Every thread records the element it was pinned to, the page URL, the browser, and the viewport size. Reviewers can also attach a screenshot, a screen recording, or a voice note, and Annot8 collects console errors and failed network requests from the session so developers can reproduce the issue.

Which tools does Annot8 integrate with?

Slack, Microsoft Teams, Discord, Jira Cloud, Linear, Asana, Trello, GitHub, GitLab, email, and outbound webhooks. Annot8 can push threads into a tracker or notify a channel; provider statuses do not sync back. Integrations are available on Pro and above.

How does the AI triage work?

New threads are categorised, given a suggested priority, and checked against existing feedback so likely duplicates are flagged instead of piling up unnoticed. Annot8 can also summarise long threads, read their sentiment, draft a reply, and pull out action items. AI triage is available on Pro and above.

Can I control which sites the widget loads on?

Yes. Each project restricts the widget to the domains you authorise, so the script cannot be lifted and run on someone else's site.

Is there a free plan?

Yes, and it does not expire. The Free plan covers indie makers and side projects with 2 projects, 3 team seats, 50 feedback threads a month, and 3 guest reviewers. Paid plans add integrations, analytics, live chat, AI triage, and screen recording.

How is this different from sending screenshots in Slack?

A screenshot loses the thing that makes feedback actionable: where it happened. Annot8 stores the element selector and page context so reviewers can locate the issue again, with the browser, viewport, URL, and console output already attached.

Ship feedback, not screenshots

One script tag, any stack, and the people reviewing your work never need an account.

Free forever plan · No credit card · 3 guest reviewers included