Use a password to restrict access to your content and control who can access specific pages, Collections, or your entire website.
Note: We’re transitioning to Workspaces, and this lesson has been updated to reflect that change. Visit the Workspaces blog post to read more about these updates and changes.
Sometimes you may want to hide your web content from web surfers. You can do that by not publishing your content, or saving pages as a draft. However, if you wish to share the content only with specific people, you can password-protect it.
If you're hosting your site with Webflow, you can protect your entire site or specific pages on your site. You can also customize the design of your password page, which will appear when site visitors try to access a password-protected page.
In this lesson, you’ll learn:
You can set unique passwords on each site page. This is useful if you want to password protect pages to share with clients or a specific audience (e.g., internal documentation, sensitive client prototypes, etc.) If you have pages that you do not need to share privately, you can save them as a draft instead.
To set a page-level password:
To hide the content of multiple pages at a time, you can set a password on each page — or you can add the pages to a folder and set a password for the entire folder.
Each folder can have its own, unique password, just as all pages can have their own passwords. Setting a folder-level password will overwrite passwords previously set on pages or folders within that folder. Child pages and folders will inherit the password of their parent folder.
To set a folder-level password in the Designer, enable Password protection in the Folder settings. Type in the unique password that will apply to all pages in that folder. Then, publish your site.
You can also password protect a Collection template page, so all auto-generated pages in that Collection will display the password page when a user tries to access them. This way, you can hide pages of a Collection that you're still designing.
To password-protect Collection pages:
You can control who can access a site that is still a work-in-progress by requiring a password on all of its domains. This is useful if you want to publish your site for testing or private demos.
Site password protection is available on all sites with a paid site plan (Basic, CMS, Business, and Ecommerce). Site password protection is also available on all sites (free and paid) that are in a Workspace with a paid Workspace plan (Core, Growth, and Enterprise).
To set a site-wide password on your entire site:
Important: Setting a site-wide password will overwrite passwords set on pages or folders within that site. You cannot set new passwords on pages or folders unless you remove the site password in Site settings.
Site visitors who stumble upon a password-protected URL will be redirected to the password page. They’ll need to enter the password you set before proceeding to the password-protected page.
You can customize the design of your password page in the Designer. You can access this page through the Pages panel > Utility pages > Password page.
By default, the password page comes with a centered set of elements, which you can customize however you'd like. You can delete and edit all of the default elements on your password page, except for the input form and submit button, which cannot be deleted. You can also add new elements to the page and style those however you'd like.
Additionally, you have the ability to edit and style the error message that site visitors see if they enter the wrong password. To edit the error message:
Something went wrong while submitting the form. Please contact support@webflow.com