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
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.
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