How to resolve gated content in Webflow when it's either blocked for everyone or visible to all? Answered
Hey there, I'm having an issue where I tried implementing Gated Content into my website but it either block the content from the entire user base or is visible to everyone. Do you have any idea of where this could be coming from : https://preview.webflow.com/preview/cartes-top-omp2?utm_medium=preview_link&utm_source[…]emId=6903b10ba8812fab35942ee3&locale=fr-FR&workflow=preview
Comments
10 comments
Hey Jay null,
Can you share what gated content rules have you setup in Membertack?
i.e. which URLs are gated from the public and who do you want to provide access to for such pages?
Here's a guide for gating content, linking it here just for reference.
Currently I am not able to see any URL's being restricted under Gated content settings. If you share what's the requirement, it will help in troubleshooting the issue.
I'm actually using attributes to gate specific elements on the page like à video or certain links by applying the data-ms-content attribute
So can you explain what is the use-case here? I can see you have added the data-ms-content attribute for the video and the resources element with relevant gated content ID, but you have included ! mark in it's value, which will ensure that anyone who does not have the relevant plan (you set as gated content rule) will be able to see it, so that means the non-logged in user might also be able to see it.
In case you want it an element to be visible for members who are not on executive plan, you can wrap the existing element (with the attribute data-ms-content=!executive) inside another div block and for this parent div block you can set the data-ms-content="members" so that logged in members who do not have executive plan are shown the resource link for example.
Same goes for any other element that you have set the content attribute for.
Let me know if your use-case is something else and I can suggest something accordingly.
Thanks for you elaborate answer! There're actually 2 plans, an Executive and an Ultimate. For this page I want the video and the link to only be visible to the Ultimate plan members, however adding the data-ms-content attributes with "ultimate-1" to the video element itself turned out to not work...That's what confuse me right now. There's also on overlay div to this video which says that they have to subscribe to get the content
for which i used the data-ms-element with "executive" but that too proved not to work
Hey Jay null,
I was just testing your use-case in a personal dummy site with a video element and it seems to work as expected.
For testing purpose, can you set the element's custom attribute as data-ms-content="ultimate-1" to show the element only to users on Ultimate plan and it should ideally work.
If it does not work, can you add the attribute as mentioned above and let me know here once you make that change and publish the site, I can check the site to see what might be the issue then.
I've made the change if you want to check it out
Hey Jay null,
Yes, now as a logged out user, I am not able to see the video / the resource link (which is expected). If you want to get rid of the empty space, you can set those attributes to the wrapper element intstead, so that the whole block is not visible until a user has enough access level.
What is the experience that you notice when a logged in user (with Ultimate plan) tries to access the page? Are you facing any issues there?
The problem is that I'm able to see it as an Executive user, which really is the problem
It's very weird
Hey Jay null,
I signed up with a dummy account and subscribed to Executive plan and it does not show me the video / resources when I check the page as shown in the screenshot below.
Can you double-check if the user you are testing this with does not have the ultimate plan too?
Thank you very much !
Please sign in to leave a comment.