Gate your first page

One of the most important aspects of any membership-based site is gated content making it so only people who should be allowed to access the content are the ones who can access it let’s go ahead and set that up we have this success paid page here and let’s just say we want to get this we only want people who’ve paid to be able to see this so right now if I open a new tab and paste in that success page then it will take me there even though I’m not signed in I don’t have the plan nothing let’s stop that from happening now what we’re going to need to do you can just gate it and

send people to the home page but it’s probably better to give them some sort of access denied page I’ve made this blank page here let’s head over to Memberstack and go to our components where we’re going to get an access denied page if we go through here should pay well there we go all right now we’ve got a couple and let’s grab this one here because it probably matches the partial design that we have on the site more than any of the other ones so copy that go over here and paste this upgrade to access content beautiful

that is our access to night page let’s publish that and then head back over to membersack where we’re going to actually set up our gated content rules here we are again let’s click gated content and click gate content let’s just call this paid only Grant access to yes members on specific plans you can also click all members if it’s something that you just want logged in visitors to be able to see not Anonymous visitors in this case members on specific plans and let’s click paid just like that so restricted URLs what we can do here is

add a URL we can select starting with or equal to Let’s head back into Webflow here and get our success paid URL as we can see here it is Success Dash paid let’s make that work and let’s do equal to success paid and our access to nine URL the page we just set up is access dash deny there are some other things in here but we’re not going to touch them for now let’s go ahead and save that now if I

over here success paid on my non-logged in browser don’t try to open that as we can see what is going to happen is it’s going to take us to access denied it is not going to let us access that other page well that’s how you gate entire pages but what about gating individual pieces of content this page here is where people are being redirected if they don’t have the paid plan let’s go ahead and just go back here into Webflow click that page and let’s say this is upgrade to access content let’s say for example

we want to show an additional message saying you don’t have an account and we only want to show this to people who are logged in let’s click that right now and then go over here to content type and do gated content ID members let’s save that and publish now this is going to show to anyone who is a member and I am not a member so we don’t have it now let’s say we want the opposite we want it to only show to

non-members so me in this case as you can see it’s going to add an exclamation mark in front let’s save that and let’s publish that and then what we’re going to see is this is actually going to show to me there we go now it’s saying you don’t have an account and that works with members it also works with plans so what I can do over here is as we can see in Webflow it asks for the content ID just like that and the content ID for the plan is something that you can find over

here this is the price ID and then if we go to gated content which we’ve set up it has our content ID right there so if I use this instead of members it is only going to show to people who have the paid plan that is it for gating content