How to make certain CMS project pages password protected


Ideally I want to be able to have a toggle for whatever project pages I want to require a password to access it. Even if it is a simple overlay that goes over the page but unlocks when a password is put in. Is there a way to accomplish something like this?
Here is my public share link: Webflow - Rory's Portfolio

1 Like

Hello @coldcreative, you can’t do this yet for cms pages natively. You can just have an overlay like you mentioned and use some javascript to set up a password with an input element. Alternatively, you can have individual password protected pages natively for static pages, so you can just make your password protected projects into static pages. I hope this helps.

1 Like

Just adding- assuming security is not a factor you could build this pretty easily with 3 parts.

  • Build your overlay DIV with the password entry, give it an ID, and publish the site with it obstructing your content

Two scripts;

  • Check for a cookie, if it exists delete the ID’d DIV element
  • If the user fills in the password entry and clicks a submit button, check the password, and if it’s good, set the cookie and also delete the DIV

Any GPT can help you with those code pieces.

1 Like