Webflow Commenting Plugin

Add a comment section to your Webflow CMS blog.

Engage with your audience and improve the SEO of your blog posts or articles by adding a comment section to your Webflow CMS pages.

A commenting app built for Webflow blog sites

Full Design Control In Webflow

Customize your blogs' comment section to look however you want - no more embedding widgets with limited design flexibility (like Disqus)

Member commenting through Outseta or Memberstack

Display display profile data (like name, username, profile image, or any custom field) with your members' blog comments. Limit commenting on blog posts to registered members.

Endless customization possibilities

With over 40+ optional settings and features, plus the design flexibility of Webflow, you can create a blog commenting experience that suits the needs not only you (as a site owner), but also your users.

Pagination
Delete Button
Custom Fields
Pagination
Delete Button
Custom Fields
Guest posting
Interactions
Reply Notifications
Guest posting
Interactions
Reply Notifications
Public Profiles
Commenting
Upvoting
Upvote Count
Favoriting
Upvoting
Explore more features

Potter ipsum wand elf parchment wingardium. It fire-whisky plums large seek. Hermione venom firs’ hall hat.
Newt you’ve owl peg-leg mewing candles cup. Thieves it wizard of a his pumpkin.

What our customers are saying

Claudia Nathan

Finding Supersparks was a huge win for us, such a simple and effective way to extend Webflow and boost our user engagement and UGC. It integrates seamlessly with our no code stack and once configured we haven't had to worry about it at all, it just runs in the background for us. Ian is one of the most hands-on founders and this product's features are not to be underestimated, they've already helped us massively in growing and engaging our community.

The Supersparks team listens to their customers and are very responsive. The 100% customizable forum capabilities with Webflow is one of the strong points of the Suparsparks tool - plus, a much-appreciated modern design and intuitive use allowing smooth navigation to top it all off ! I would recommended without hesitation. I’m very proud to fly the flag of Supersparks in the land of Molière (France)

Franklin Parrish

I came across Supersparks when I was looking for a discussion board solution for my website and it met all my criteria and more. I really loved how seamlessly it integrated into Webflow and was able to match up with my site’s design, color scheme, and branding.

Raymmar Tirado

Supersparks fills the gaps with Webflow when it comes to community / user generated content. It’s simple to implement, especially if you are familiar with Attributes, and opens up a whole new world of possibilities for Webflow websites.

We have loved using Supersparks for Caffeine. It's super easy to implement and the team is really responsive to any questions. Excited to have such an easy comments feature that we can roll out on future projects too.

Billy Howell

Supersparks is a great tool that I always recommend to clients. It saves hours of time in Webflow and the team is super responsive when we have questions.

Victoria Rudi

Less than 2 minutes … That’s how long it took me to add a comments section to my blog articles. It seemed surreal, especially considering the long hours I had previously spent trying to figure it out by myself. Supersparks is awesome, especially for those who don’t have extensive Webflow background.

Really nice addition to my Webflow website and great support by the team! Fast and reliable. Curious what the future will bring in terms of new features. I would highly recommend it!

Supersparks has been an integral part of getting my startup online. The team has been so quick to respond/follow through, and are constantly improving Supersparks in ways their customers need.

How to add a comment section to a Webflow site's blog

Why add comments to your Webflow blog?

Over the years comment sections have lost some of their allure, mostly because they can be a breeding ground for spammers and trolls. But in 2023, they can still have major SEO & audience engagement benefits on sites, such as:

  • SEO - Increasing time spent on page, more content & keywords to rank for, and ongoing updates to pages without needing to publish new content (Google loves content updates).
  • Audience engagement - More content for your readers to read, questions / feedback from readers can inform ideas for future content, and by creating a sense of community with your audience, it can result in higher retention.

How can I enable comments on my Webflow blog?

Unlike tools like Wordpress, Webflow does not offer native commenting functionality. So the app we are going to use in this tutorial is Supersparks, which can enable comment sections on your blog in 2 minutes, is 100% no-code, and is customizable in the Webflow Designer.

Enable commenting on your Webflow blog or CMS pages with member & guest commenting. Customize the comments section in the Webflow designer. No code needed!

After signing up, you can get started with the installation by doing the following👇

1. Copy and paste a comments component

Copy a component of your choosing in Supersparks and paste it into the CMS collection page of your blog. We recommend the IGN component, which comes pre-installed with nested replies.

Screen Shot 2023-11-17 at 1.09.36 PM
Select a styled or unstyled component
Screen Shot 2023-11-17 at 1.09.54 PM
Copy the component to clipboard
Screen Shot 2023-11-17 at 1.11.05 PM
Paste the component into the blog CMS page in the Webflow Designer


2. Adapt the design of the Webflow comments component

All of Supersparks’ components are customizable in the Webflow Designer, so you can redesign them to your liking or remove any unwanted elements. For example, I can change the form submit button color to blue in the Webflow Designer.

Screen Shot 2023-11-17 at 1.11.30 PM


3. Copy & paste the Supersparks code snippet

Copy & paste the code of the Supersparks app into the < head > tag of the CMS’s page settings of your blog and click save.

Screen Shot 2023-11-17 at 1.12.08 PM
Copy the code snippet from Supersparks
Screen Shot 2023-11-17 at 1.12.34 PM
b) Paste the code inside the tag of your page settings


4. Publish your site and test!

Once your site is published, visitors will now be able to write and post comments for your website. Comments will then be unique to each blog post.

ezgif.com-gif-maker (22)


5. Manage settings and comments

Once your comment section is live, you can can view, approve, and delete comments from the Supersparks dashboard.

Screen Shot 2023-11-17 at 2.13.33 PM

There are also multiple settings that can be custom configured for your comments section. One we recommend is memberships, which allows you to automatically connect registered user data (from Webflow Memberships or Memberstack) with comments. So if a logged in user leaves a comment, data like name, username, and profile image automatically gets displayed with their comments. Logged in users can even delete their own comments! See this feature in action below:

ezgif.com-gif-maker (20)
Member commenting example

And if you want to avoid spam and offensive content, not only does Supersparks offer a spam filter, but a pre-moderation setting which allows site owners to approve any new comment on your site.

6. Extra functions

In addition to Supersparks membership settings, there are a wide range of extra functions that we encourage you to check out. One of them is the ability to hide & show replies, which enables similar replies functionality to Youtube’s comment section - see an example below of this with Supersparks’ reviews feature:

ezgif.com-gif-maker (21)