How to gate individual CMS collection items by plan type in Memberstack and Webflow while keeping all visible?
Hey guys,
I'm building a resources index page in Webflow that pulls from a single cms collection. Within that collection there will be 3 resource types, and each type will only be accessible to subscribers of that plan. How do I gate specific items? I want all items to be visible, regardless of a user's subscription plan.
I'm a newbie so there's probably an easy solution I just haven't found yet
Comments
3 comments
My first thought, assuming the user is supposed to click on a button on the collection to go to a cms page, is to have a number field in the cms collection that’s invisible to the user, then assign a number (e.g 1, 2, 3) to a cms item based on which “plan” it should be associated with, then have 3 buttons on the collection with conditional visibility so that button 1 is the only one that shows if it’s plan 1 etc, add a custom attribute to each of the buttons to ensure the user has that plan (gated content feature)
Shadi null thanks for the suggestion!
There actually won't be buttons - instead, the page will just have cards that all link to articles within the cms collection. There will be tags on that cards that indicate which plan that particular resource belongs to.
So if a user clicks a card that corresponds to the plan they've subscribed to, they'll be taken to that cms page. If they are not subscribed to that plan, they will be taken to the access denied page.
Jeff Harmon I think these articles should help.
https://docs.memberstack.com/hc/en-us/community/posts/17106670731035-Gated-Content-Within-the-CMS-
https://docs.memberstack.com/hc/en-us/articles/11264724752667--Code-Display-or-Hide-Elements-Based-on-Custom-Fields
Please sign in to leave a comment.