Comments in Webflow: A new feature to improve team collaboration

‍"Everything on a single interface."

That's always been the Webflow promise!

As of yesterday, feedback and comments can now be efficiently centralized in one place, facilitating faster resolution. This is great news for all Webflow users!

In this article, we'll explore this feature in detail and show you how it can improve your web development process.

Why use comments in Webflow?

Webflow's comments feature offers several benefits that can improve your team's collaboration and efficiency:

1. Improved communication: Comments enable direct and precise communication between team members. You can leave comments on specific elements, avoiding misunderstandings and improving clarity.
2. Real-time collaboration: Although comments are not displayed in real time (you'll have to refresh your site to see new comments), they do enable a form of real-time collaboration. Team members can see each other's comments, respond to them and resolve issues quickly from a single interface, without the need for additional tools. (Alternative to Markup)
3. Increased efficiency: With comments, you don't need to leave the Webflow Designer to give or receive feedback. This saves time and improves the efficiency of your website design process.

⚠️ For the moment, the commenaitre feature is not accessible from the editor mode. It is therefore only available to members of your workspace.

How to use comments effectively in Webflow

Here's a step-by-step guide to using comments in Webflow :

1. Add a comment: Click on the comment icon in the upper toolbar to enter Comment mode. Then click on the canvas element where you wish to add a comment, type your message and post it.
2. Edit or delete a comment: Hover over your comment and select the appropriate option.
3. Resolve comments: Click on the tick icon on the comment thread to resolve it. You can also unresolve and reopen comment threads from the comments panel when the Show resolved filter is activated.
4. Mention members or guests in comments: You can @mention members or guests of your workspace to include them in comment threads and draw their attention to a specific part of your site design.
5. View and filter comments: In Comment mode, comments appear on the canvas and in the comments panel. You can filter comments in the comments panel to view only comments on the current site page and/or to include resolved comments.
6. Set e-mail notifications for comments: You can choose which comments you receive e-mail notifications for, or disable e-mail notifications for comments altogether.

But the best way to understand is... try out Webflow's comments feature for yourself. You'll soon discover how it can improve your processes 😉

A few points to note

• When a site is duplicated, transferred or restored from a backup, comments are treated in a specific way. For example, when a site is duplicated, comments are removed from the new site. When a site is restored from a backup, comments are retained.
• When a site page or element is deleted, comments are also affected. For example, when an element is deleted, comments made on that element are moved and attached to the parent element of the deleted element.
• All workspace roles, including guest roles, can use comments. Comments are not yet available for content editors.
• Comment threads are limited to 1000 per site and each individual comment thread can have 20 replies. (That's good enough ahah)

In conclusion, Webflow's new comments feature now offers the possibility of centralizing feedback and streamlining communication within your team. Available to all members and guests of your workspace, it represents a valuable tool for improving collaboration. Despite some expected improvements , such as the ability to leave feedbacks from the editor mode, this feature marks a significant step towards a smoother, more efficient web design process.