How to gate Webflow CMS content in Memberstack without redirects by hiding article body on the same page?

Post author
Łukasz Pawluczuk

Hi everyone 🙂 I have a case where I need to have gated content – in Webflow I have collection magazine-articles that has reference field to magazine issues collection. My client wants to sell subscription based access to all magazine issues and articles and sell access to single issue with on-time payment and wants it to work not with redirectiong to the same redirect page but show user that has no access to article only title and lead to this article and hide article body – is it possible?

Comments

5 comments

  • Comment author
    Abdullateef Ademoye

    Łukasz Pawluczuk it's possible, you need to relate each article to each available subscription/one-time payment.

    I have done something similar, you might need to right some javascript codes to manage those scenarios.

    0
  • Comment author
    Łukasz Pawluczuk

    Do I get it right that I need to create gated content ID in Memberstack and create text field in CMS to put this ID and than bind that filed here data-ms-content="{{CONTENT-ID}}" ? So All articles from one magazine issue will have same CONTENT-ID binded to plan in Memberstack for this magazine issue. And article body element will have attribute data-ms-content="{{CONTENT-ID}}" so i can hide/show it. I hope i get it right, time to test

    0
  • Comment author
    Abdullateef Ademoye

    Łukasz Pawluczuk That should work as well.

    0
  • Comment author
    A J

    Łukasz Pawluczuk, your approach should work for your use-case. Here's a free template which could give you some design ideas for showing the users with no access (partial content or no content) when they try to access the article. But, for your use-case, you might not need to add two fields of content like shown in the template, but the gated content ID binding should work.

    Feel free to share if you face any blockers during implementation.

    0
  • Comment author
    Łukasz Pawluczuk

    Thanks a lot! :)

    0

Please sign in to leave a comment.