Oops! Something went wrong while submitting the form
When you set a Website password or a password for individual pages and folders, your site visitors will see a password protection page before they can access your site. You can customize the design of this password protection page just as you would customize the design of any other page.
About this feature
Website password and Page and folder password protection are premium features. Your site must have an active hosting subscription. If you're on the Pro plan, you can also set site wide passwords on your webflow.io staging sites.
Your custom password page is located in your Pages Panel, under the Utility Pages section.
Anatomy of a password page
By default, your password page comes with a flexbox centered set of elements, which you can customize however you'd like. You can delete and rearrange any of these elements, except for the input form and submit button, which cannot be deleted.
Styling a password page
You can also add new elements to the page and style those however you'd like.
Styling the Error message
You can also style the error message site visitors see if they enter the wrong password. To edit the wrong password mode:
Select the div with class Utility Page Content
Go the the Elements Settings Panel
Switch to the "Wrong password" state under Password Form Settings
Style the Error Message
Good to know
Even if you're using password protection, your site/page(s) may come up in search results, if you've previously published the site or page(s) before setting password protection. However, people won’t be able to access actual page content without the password.
Browsers will try to remember log-in credentials. So, if you log in once, and aren’t asked for credentials later, it’s probably because your browser has saved your username and password.
Thanks for the feedback! This will help us improve our content.