DEV Community

Cover image for I Built CollabPin to Keep Website Feedback in Context
Lucian DEV
Lucian DEV

Posted on Edited on

I Built CollabPin to Keep Website Feedback in Context

One thing that can become surprisingly messy during website projects is feedback.

A change starts in an email.

Then someone sends a screenshot.

Another detail comes through chat.

Someone else refers to “the section under the blue button,” and suddenly the people working on the website have to piece together exactly what needs to change and where.

I’ve run into this myself, and I’ve also heard the same frustration from people I collaborate with.

That was the starting point for CollabPin.

CollabPin is a Chrome extension for leaving and managing feedback directly on website elements.

The basic idea is simple:

open the website → select the element → leave the feedback → discuss it → resolve it

Instead of separating the feedback from the thing it refers to, the comment stays connected to the page.

Keeping the feedback close to the website

When Collaboration Mode is active, you can select an element on the page and leave a comment directly beside it.

Saved feedback appears as contextual pins attached to the relevant website elements.

From there, people involved in the project can reply inside the comment thread, assign feedback to a project member, and mark it as resolved when the work is finished.

There is also a Chrome side panel where the current page’s feedback can be reviewed without leaving the website.

I wanted the workflow to stay close to the actual page instead of becoming another separate workspace that everyone has to manage.

Clients and teammates don’t need their own paid license

Another thing I wanted to keep simple was collaboration.

Only the project owner needs a CollabPin license.

Clients or teammates can be invited to individual projects through private invitation codes and participate without purchasing their own license or creating a traditional CollabPin username and password.

For me, that matters.

If the purpose of the tool is to make feedback easier, the onboarding should not create another problem before collaboration can even start.

What CollabPin currently includes

The current version supports:

  • contextual feedback directly on website elements;

  • comment pins attached to the page;

  • threaded replies;

  • feedback assignment;

  • open and resolved states;

  • Chrome side-panel access;

  • multiple collaboration projects;

  • private invitation codes;

  • invited collaborators without separate paid licenses;

  • shared comments, replies, assignments, and project state between members.

If the website markup changes and CollabPin can no longer match a saved comment to the original element, the feedback itself remains available through the extension.

Why I built it this way

There are already good website-feedback tools available.

CollabPin is not an attempt to build the biggest collaboration platform.

I wanted something smaller and more direct.

A tool that works inside Chrome, stays connected to the website being reviewed, and handles the part of the process that usually becomes annoying:

What needs to change? Where? Who is handling it? Is it done?

That’s the workflow I’m trying to make simpler.

Like the other products I build, I’d rather keep CollabPin focused on the problem it is supposed to solve than keep adding features simply because they are possible.

CollabPin is available now

CollabPin is available for Chrome.

You can see how it works, the current features, pricing, and Chrome Web Store link here:

CollabPin - Website Feedback & Collaboration

If you work on websites with clients or teammates and have dealt with feedback being scattered across screenshots, email, chat, or documents, I’d also be interested to hear how you currently handle that process.

Top comments (0)