Hide content on a page for members and non-members

Article author
Josh Lopez
  • Updated

Using Memberstack 2.0? There is an updated version of this article here.

Use data attributes and links to hide individual contents of a page.

About this article

  • Difficulty level: Easy

  • Technical background needed: Beginner

  • Estimated time required to complete: 5-15 mins

This feature is available on website builders that support data attributes (like Webflow, Duda, Carrd, HTML).


What and Why?

When you create a new type of members-only content, Memberstack automatically creates an attribute you can use to hide elements on a page (instead of the entire page). This is handy if you want to place some members-only content on a public-facing page. It could be a button, a video, a banner message, a coupon, etc.


Note: If Memberstack fails to load, this content will be visible to everyone. We don't recommend hiding extremely sensitive information with Memberstack.



Tag members-only content



You can find the "contentID" at the bottom of the memberships page after you create some members-only content.


For example...


Elements with the data-ms-content ="basic" attribute are only visible to members with a basic membership.

Hide content from a particular membership



You can create this attribute by adding an "!" before the value. It's the opposite of members-only content.


For example...


Elements with a data-ms-content="!basic" attribute are hidden from members with the basic membership.


Hide content from all active members



Content with the data-ms-content="!members" attribute are hidden from all active members no matter what membership they have, e.g. signup links.




Hide content for all non-members



Content with the data-ms-content="members" attribute are hidden from all non-members.


Keywords: hide, content, page, members, non-members, active, members-only, attribute, elements


Was this article helpful?



Please sign in to leave a comment.