You cannot natively create a comment area in Webflow CMS where readers can submit and display comments, because Webflow doesn’t support user-generated content directly. However, you can achieve this using third-party tools.
- Integrate platforms like Disqus, Hyvor Talk, or Facebook Comments to embed a comment section.
- These services handle user accounts, spam control, and comment moderation.
- You’ll typically need to:
- Sign up for the service and create a new site/project.
- Get the embed script or install snippet specific to your blog’s structure.
- Add an Embed element in your blog post template page in Webflow.
- Insert the embed script and configure any required parameters (usually using the blog post URL or ID).
- Go to Pages → CMS Collection Pages → Blog Post.
- Drag a Embed element into the desired spot (usually below the rich text block).
- Paste the embed code from your comment platform, such as the Disqus universal code.
- Use Webflow’s dynamic fields if the code requires a unique ID or slug to associate comments with the correct post.
3. (Optional) Style the Embed Container
- You can use Custom CSS within Webflow's Embed block or site-wide settings to style the container if needed.
- Most third-party comment platforms offer customization options from their dashboards.
4. Test the Setup
- Publish your site and view a blog post.
- Confirm the comment widget loads and that new comments are saved and displayed correctly.
Summary
Webflow CMS doesn’t offer built-in comment functionality, but you can embed third-party commenting services like Disqus or Hyvor Talk into the CMS blog post template using an Embed element with custom code.