This demo shows how to collect client feedback on website designs through on-page comments organized in review rounds. The feature is only visible when logged in as a design partner.
From the editor, click the feedback icon in the top right and select Get feedback. Choose whether clients should review a single home page or the full website. When selecting home page only, the first page at the top of Manage Pages becomes the review page. For full website reviews, clients can navigate to any page currently marked as online in Manage Pages. Offline pages remain hidden during review.
Set an optional due date as a target for comment submission. Due dates do not trigger email notifications and clients can submit feedback after the deadline. After setup, the Feedback icon displays a sidebar for client comments. Copy the review link from the sidebar and send it to clients via email or text. Clients do not need to log in to view the design.
Clients click the link and land directly on the design. A welcome popup explains the process. If a due date was set, a countdown appears in the bottom bar. To leave comments, clients click anywhere on the design. Hovering over the design shows blue outlines around blocks, columns, and stacks for precise commenting. Comments remain anchored to their original location if the screen is resized.
Clicking opens a comment box that accepts up to 10,000 characters of typed or pasted text. The commenter's first and last name from the website account settings appears on each comment. Hovering over pin initials previews the comment. Clicking the initial pin reopens the comment. Comments cannot be deleted or edited, but unlimited replies can be added to each thread.
Comments save automatically but must be bulk submitted using the send to designer button for designers to see them. The submission popup shows total comments made and highlights pages without comments. An optional overall feedback note of up to 10,000 characters can be added. If zero comments exist sitewide, the overall feedback field becomes required before submission. After submission, designers receive email notification.
For interactive content like FAQ accordions, a prompt to open accordion appears in the comment bubble to reveal and review hidden content. Grid galleries with popup views show an open gallery prompt. Hamburger menus display an open menu prompt when clicked. Comments can be added inside opened hamburger menus. Other call to action links like buttons are not clickable. Navigation to other pages happens through the bottom bar dropdown or by typing URLs.
The arrow icons in the bottom bar tour all comments made on the current page by reopening each one. The progress circle updates when each page is visited, regardless of whether comments were added. After reviewing all pages, click send to designer, review pages needing more comments, add a general note, and send feedback.
Once submitted, clients are taken to the website preview and cannot leave further comments until the designer is ready. Past comments cannot be reviewed. The preview allows normal website navigation, but if the designer has marked the website as offline, the preview becomes inaccessible on future visits.
Designers receive an email notification when clients submit feedback. The email includes any overall notes and an attached file of all comments for historical records. Clicking view feedback in the email opens the comments in context. Comments appear in the sidebar as a to-do list. Clicking any comment navigates to its pinned location.
In preview mode, comment pins overlay the design for quick viewing. Switching to editor mode hides pins unless clicking a comment in the sidebar. Design edits proceed normally with comments accessible when needed. After making adjustments, click the circle beside comments to mark them complete. A green tick replaces the blue initials on the pin. Alternatively, add a reply instead of resolving.
For multi-page reviews, the page dropdown shows comments on other pages with a number in brackets indicating comment count. View comments on each page and mark as resolved or add responses. Designer profile initials appear on replies. When all comments sitewide have at least one response or resolution, the Done next steps button turns green.
Choose to either send the design back for another review round or finish the feedback review. Sending back for another round shows resolved comments as green ticks to clients and displays any designer responses. Finishing the review prevents clients from seeing designer responses and allows starting a completely new feedback review.
When sending back for another round, set a new due date that appears in the client bottom bar. After setup, copy the new link from the waiting sidebar and send it to clients.
Clients opening the new link see the welcome popup again. Previously resolved comments show green ticks. Clients can reopen resolved comments if more work or clarity is needed. Navigate all pages, view designer responses, and click send to designer when ready. Review before sending, add an optional overall note, and send feedback. New comments are sent to the designer.
Designers view new round comments in the sidebar and mark as resolved or reply. Navigate to pages with comments indicated by numbers in brackets. Once all comments have at least one reply or resolution, click done next steps. Choose to send back for another round or finish the feedback. Finishing the review completes the process. New feedback reviews can be started at any time, repeating the entire workflow.
