Commenting for the Webflow CMS
Supercharge your Webflow CMS with comments that let people interact with your Collection content.
Enhanced User Engagement
By enabling comments in Webflow CMS, you create an interactive environment where users can engage not only with the content but also with each other, significantly increasing user interaction and time spent on the site.
Dynamic Content Feedback
Comments provide immediate and valuable feedback on the content, allowing creators and site owners to understand how their audience reacts to and perceives their work, leading to more informed content strategies.
Community Building within Niche Markets
For websites focused on specific topics or industries, a commenting system can foster a sense of community among like-minded individuals, encouraging regular visits and deeper user involvement.
Valuable Insights for Website Improvement
Comments can reveal insights about user preferences, usability issues, or new feature requests, providing direct input from the end-users that can be invaluable for website improvements and updates.
How it works
Add fully customizable commenting to a Webflow project. No coding is required; it's maintenance-free and comes with built-in moderation features, permission, user accounts, edit, delete, and reply functionality. Notifications, real-time commenting, and public profiles are in the roadmap.
We recommend starting with one of our cloneables. Click here for the full list of cloneable components.
Getting Started
We recommend starting with one of our cloneables - we've already released one for blog comments, one for live stream comments, and one for video comments. Click here for the full list of cloneable components.
Commenting will be a paid add-on - however, any paid Memberstack apps with at least one comment before January 1, 2024, will have raised limits on the free plan and heavily discounted pricing - for life!
Structure/Overview
There are something like 60 unique attributes in the commenting UI, so be very careful when updating the HTML structure. Frequent testing will be key to avoiding frustrating debugging sessions.
Each commenting section is called a "Channel" and has an attribute of data-ms-channel="". If the Channel ID is empty, then Memberstack will look to the page slug to decide where to save the comments, and when to load them. Inside of a channel are your posts and threads.
Public Custom Fields
Ensure that custom fields used in your commenting UI are marked as 'public'. This allows you to build your own usernames displayed with comments using the data attributes:
Note: If the field value is empty, the default text in your commenting UI will appear instead.
data-ms-post-creator="Your_Field_id"
data-ms-thread-creator="Your_Field_id"
Ordering Posts & Threads
Utilize the two available attributes to adjust the order as needed.
data-ms-channel-sort="newest" // default is oldest
data-ms-thread-sort="newest" // default is oldest
Pagination
Use the following attributes to set the maximum number of posts or threads to load at a time.
data-ms-post-load="100" // default 50 & max 100
data-ms-thread-load="100" // default 20 & max 100
Multiple Sections Per Page
If you want to display multiple commenting sections on a single page you'll need to manually set the Channel ID using the data-ms-channel="Your_Channel_ID" attribute.
Waiting for Moderation
If you enable moderation settings in the dashboard, or flag a comment as spam/hidden, we will display a message to the commenter. Place the following attributes on a div containing your "Wait for Moderation" prompt. Note there are 2 attributes. 1 for posts and 1 for threads.
data-ms-post="hidden"
data-ms-thread="hidden"
Constraints
Max character count for a post or thread is 5,000 characters.
Formatting is unavailable at this time.
Creating Moderators
In Memberstack's dashboard, admins can grant 'moderator' roles to members. Moderators have the authority to edit or delete any post, ensuring a clean and positive community environment.
Increased Content Reach
Comments often prompt users to share your content within their networks, increasing its reach and potential for virality.
Keeps Your Content Fresh
The comment section streamlines minor content additions and clarification based on user feedback. This helps keep your content fresh without the burden of republishing.
Discovering and Nurturing Superfans
Your biggest fans will be in the comment section telling everyone how great you are. You can engage superfans to create passionate brand ambassadors and sources of invaluable feedback.
Boosted Credibility and Trust
A busy comment section tells users your content is worth engaging with and provides social proof boosting trust in your brand.
Explore Memberstack Features
Keep track of total members, sign ups, active subscriptions, one time plans, trialing members, paying members, and more from a central dashboard.
Build one-off pages on your site to personalize the user experience for each member. Perfect for clients, businesses, and other high-value customers.
.png)
