How can I use Memberstack to gate a button feature? I have a filter feature that should only be available in a specific plan, but I’d like to display it as a button and show a banner after it’s clicked. Any guidance would be greatly appreciated!
How to hide a filter button from non-premium users using Memberstack while showing a banner on click?
Answered
5 comments
Hi Nihat,
You may consider using the Hosted content feature. If you're looking to use code, I covered something similar here
Hey Nihat Avcı, +1 to what Chukwudi said.
An alternative solution could be to have a copy of the existing filter and disconnect it from actual filter functionality. You can add the gated content attribute to the filter element to only be accessible for the specific plan and for the dummy filter, you could setup the pop-up functionality which asks them to upgrade when they click the button in the dummy filter div.
AJ, do you mean two different filter button, one is data-ms-content=!members, and other is data-ms-content=members? This looks pretty easy actually.
Chukwudithank you, this seems also a solid workaround.
Hey Nihat Avcı, yes that would work if you want it to be separate for logged in and logged out members. If you want the use-case to work for say Plan A user separately and all other plan users separately, you could opt to use data-ms-content with appropriate content-id as mentioned here. Hope this helps.
+1 to two different filter button, one is data-ms-content=!members, and other is data-ms-content=members
Or you can use data-ms-content="YOUR_CONTENT_ID" to make it only visible to members with plans that grant access to that gated content
Please sign in to leave a comment.