Gated Content within Webflow CMS Collections Answered

Post author
Paul Main

I have just joined this great community and I'm looking for a few answers as we begin development on a new dashboard for our members. This is going to involve a few things but my immediate question was around being able to provide certain items within a CMS collection to people on a free plan (with paid members being able to access considerably more content). I will describe the user case below:

1) We are trying to encourage as many people to sign up as possible (even if this is a free plan). We will have a call to action to sign up to either a free or paid for membership (and maybe a premium tier in the future).

2) We would like all members to have access to a dashboard where they can see what resources they have access to and, more importantly, the resources they 'could' have access to. At present, you are either in the club or out of the club, which means the entire collections are gated. It would be great to allow free users to download a few freebies. It would be great to decide whether something is free or not in webflow within the CMS collections.

I hope this makes sense!




  • Comment author
    Duncan Hamra
    • Edited
    • Official comment

    +1 to what Josh said! 

    If you want to differentiate between free and paid items in the same CMS collection you can also update the slug of each free item to begin with "free-" and use that to grant access to those items. 

  • Comment author
    Josh Lopez

    Welcome to the community Paul!

    To achieve your desired setup, you can use Memberstack's plans and gated content features. Here's how you can implement it:

    1. Create Plans: Start by setting up your free and paid plans in Memberstack. You mentioned the possibility of a premium tier in the future, so you can plan for that as well. You can find step-by-step instructions on how to create plans here.

    2. Gated Content: Once you have your plans set up, you can gate access to specific content within your CMS collections. This means you can choose which resources are available to free users and which are exclusive to paid members. You can find detailed instructions on how to gate content in Memberstack here.

    3. Dashboard Access: To provide all members with access to a dashboard where they can see their resources, you can create a dedicated dashboard page in your website. By integrating Memberstack's front-end API, you can fetch and display the relevant information for each member.

    Here's an example of how you can implement this:

    1. Create a dashboard page in your website where members can view their resources.

    2. Use Memberstack's components to quickly add Memberstack functionality to webflow or build your own and use data-attributes. You can find detailed instructions on how to use data-attributes here.

    3. Customize the dashboard page to show the resources available to the member based on their plan.

    By following these steps, you can create a dashboard that provides all members with access to their resources and showcases the additional resources available to paid members.

    I hope this helps you get on the right path!

  • Comment author
    Paul Main

    This is a great start, what detailed instructions, I would like to say this will be enough but I will probably be back in the future. I will keep you posted on the progress. Thanks again for your diligence.

  • Comment author
    Paul Main

    This might be the answer Duncan, even my technical skills could handle this!


Please sign in to leave a comment.