Blocking Access to Pages & Folders With Gated Content

Article author
Josh Lopez
  • Updated

Use this feature to block access to pages, folders, and page elements in Webflow. Just tell Memberstack what you want to hide, and who should have access. where to send folks who don’t have access.

Note that Memberstack is a front-end authorization service, meaning if Memberstack fails to load (and a visitor knows the page URL for you content) they will be able to access it. If this is a concern, please complete this checklist to make your site as secure as Google Photos. 

Step 1 → Navigate to Gated Content in your Dashboard

  1. Click on “Plans
  2. Create a new plan or click on an existing plan.
  3. Click on “Gated Content”
  4. Next, we’ll create some gated content.

navigate_to_gated_content.gif

Step 2 → Gate a page, Folder, or CMS collection

  1. Click the green “+ Add” button.

    step_1.gif

  2. Start by naming your content. It can be the same name as a paid plan, a user role, or really anything you like. Note: keep the name short and simple. We’ll use the name to generate an ID you can use later on.

    step_2.gif

  3. Click “Restrict specific URLs” to designate what pages and folders to hide.

    1. Use “Starts with” to hide pages inside of a folder.

    2. Use “Equal to” for exact pages.

      step_3.gif

  4. Specify where to send people who try to access gated content, but don’t have access.

    step_4.gif

  5. Click “Grant access via plans” to select which plans will “Unlock” this content. You’ll notice that multiple plans can unlock the same gated content, which is super handy for creating user roles and pricing models which incrementally unlock more and more content.

    step_5.gif

  6. Click “Save” and you’re done!

Common errors

Error: The provided URL already exists

This pops up when you’ve gated the same page/folder in multiple places. You can only gate a page or folder once. However, you can Unlock that one page or folder through more than one plan. So, use Gated Content to lock the page, and then use plans to unlock it in as many ways as you like.

Next Steps

Learn how to show and hide elements on a page in Webflow → 

 

Was this article helpful?

Comments

0 comments

Please sign in to leave a comment.