What Your Client Sees
When the client opens their preview link, they see the website in a full-screen preview with a chat-style feedback sidebar.
The Feedback Sidebar
The feedback system works like a chat conversation:
- Client messages appear as gray bubbles on the left
- Agency messages (your replies) appear as orange bubbles on the right
- The sidebar keeps a running thread of all comments for the current version
The sidebar can be collapsed to a floating orange bubble with a comment count badge. Clicking the bubble expands it back. The collapsed/expanded state is remembered across sessions using localStorage.
Leaving a Comment
- Client opens the feedback sidebar
- Types their feedback in the message field
- Presses Send
- The comment appears instantly as a gray bubble
- You see the comment in your Client Portal dashboard
Viewport Selector
Above the preview iframe, clients can switch between three device views:
- Mobile (390px) — See how the site looks on a phone
- Tablet (768px) — See the tablet layout
- Desktop (full width) — See the full desktop view
This helps clients review responsive design without needing to resize their browser.
Approving a Version
When the client is happy with the site, they click Accept Version. Comments lock after acceptance. You receive a notification. The project shows as approved.
Unlock Comments
If you send a new version after the client accepted, an Unlock Comments button appears. Clicking it allows the client to comment again on the new version. This keeps the feedback flow clean — locked comments stay on the old version, new comments apply to the new one.