Guide

Annotate a website: pinpoint feedback on the live page

Annotating a website means leaving comments right where they belong, pinned to the element on the real page. This is how a website annotation tool replaces the screenshot-and-email round and gets you notes you can build in one pass.

Updated July 8, 2026. By David Malewski, founder of bepeq.

staging.clientsite.com
1
2
1

Client · Home

“The headline is too faint, and the button could be bolder.”

DesignImportant

On the page

Comments pinned to the real element, not described.

No login

Clients annotate from a shared link.

Any device

Desktop, tablet and mobile widths.

Why annotate

Why annotating beats describing

Words about a location are a translation step. A pin on the element removes it entirely.

Unambiguous location

The comment is attached to the element, not described in words. No more mix-ups between “the top button” and the actual one.

No screenshot round

No downloading images, drawing arrows and emailing them back. Annotation happens on the real, live page.

No login for the client

A shared link is enough. Every sign-up step you remove raises how many stakeholders actually respond.

Vague notes get sharpened

The bepeq Pilot checks each annotation for clarity live and asks the client a follow-up before it reaches you.

Status on every point

Open, in progress, done. The client sees what you’ve taken on and stops asking what happened to their note.

Straight to sign-off

When the round is done, the annotations roll up into a binding, timestamped PDF sign-off.

How it works

From a link to ready-to-build notes

Four steps, no account for the client, and the context comes attached to every comment.

  1. 1

    Share a link to the live page

    Send your client a single link to the staging site. No account, no install. They open it in any browser, on desktop or mobile.

  2. 2

    Click the element

    They click the exact spot that needs to change: a headline, an image, a button. A pin drops right there.

  3. 3

    Write the note

    They type what should change. bepeq checks the note for clarity and asks a follow-up if it’s vague, so what you get is specific.

  4. 4

    You get located, ready points

    Each annotation arrives with its page, element and screen state attached. No decoding “the box up top”, just build.

Where annotation pays off most

The clarity check is the difference. A pin says where; the follow-up question makes sure the note says what, so you’re not building on a guess.
What to look for

What a good website annotation tool needs

Three things separate a real annotation tool from a comment box.

On the live page, not screenshots

A real annotation tool marks up the actual site, so the context is always live and correct.

Works on responsive layouts

Desktop, tablet and mobile widths, so a note on the mobile view lands on the mobile view.

Handles protected staging

A proxy or screenshot fallback lets you annotate password-protected or un-embeddable pages too.

How bepeq does it

Annotate your next project with bepeq

Clients pin feedback directly on your live staging site, with no login. The Pilot sharpens vague notes, rounds stay traceable, and the sign-off is a timestamped PDF. Start free with a full project.

Start bepeq for free

Client

“Not sure about the section up top.”

✦ bepeq Pilot asks back

What exactly bothers you: color, image or text?

Hero image brighter, headline higher contrast.

ready
FAQ

Questions about annotating websites

What does it mean to annotate a website?

Annotating a website means leaving comments directly on the live page, pinned to the exact element you’re talking about, instead of describing it in an email or on a screenshot. Each annotation carries its location and context, so the person acting on it knows precisely what and where.

What is a website annotation tool?

A website annotation tool lets clients and reviewers drop pinpoint comments onto a live site. Good ones cover the whole path beyond collecting: clarity checks, revision rounds, task status and a documented sign-off at the end.

Can I annotate a password-protected staging site?

Yes. A capable tool loads the page through a proxy or falls back to a screenshot mode for pages that can’t be embedded, so you can annotate almost any staging setup.

Do clients need to install anything?

No. With bepeq the client opens a shared link in the browser and annotates right away, on desktop or mobile, with no account and nothing to install.

Feedback and sign-off in one place

Clients pin their feedback right on the live page, no login required. Revision rounds stay traceable, and the sign-off is documented as a PDF.