Back to all lessons
Lesson library

Password protect your site or web pages

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.
If your account hasn’t yet switched over to Workspaces, please visit our legacy lesson about how to password protect your site or web pages. You can also learn how to check if your account is on Workspaces.
This video features an old UI. Updated version coming soon!

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:

  1. How to password protect individual pages
  2. How to password protect all pages in a folder
  3. How to password protect all pages in a Collection
  4. How to password protect your entire website
  5. How to design the password page

How to password protect individual pages

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.

Set a password on a page

To set a page-level password:

  1. Open the Pages panel in the Designer
  2. Click the settings “cog” to the right of the page that you would like to set a password on
  3. Toggle “onPassword protection in the General section
  4. Set a unique password
  5. Click Save
  6. Publish your site
Note: You’ll need to add a Site plan in order to unlock password protection on pages and folders.
The page settings panel includes a general section with a page name input field, password protection on/off switch and a text input field for a password. The password protection area is highlighted.
Password-protect a page in the Designer.

How to password protect all pages in a folder

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.

Set a password on a 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.

The Password protection section in the Folder’s settings shows that Password protection is toggled “on.”

How to password protect all pages in a Collection

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.

Set a password on a Collection template page

To password-protect Collection pages:

  1. Open the Pages panel in the Designer
  2. Click the settings “cog” to the right of the Collection template page for the Collection that you would like to set a password on
  3. Toggle “onPassword protection in the General section
  4. Set a unique password
  5. Click Save
  6. Publish your site

How to password protect your entire website

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).

Note: Site password protection is not available for free, unhosted sites in a free Workspace. 

Set a password on your entire site

To set a site-wide password on your entire site:

  1. Go to Site settings > General tab > Website password
  2. Toggle Password protection to “on
  3. Set a unique password
  4. Click Set password
  5. Publish your 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.
The Website password section in the General tab. Password protection is toggled to “on.”

How to design the password page

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.

The Password Utility page with a “lock” image, heading, form field label, form text field, and submit button.

Access the password 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.

Customize and style the 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:

  1. Go to Pages panel > Utility pages > Password page
  2. Select the Utility page form element on the canvas 
  3. Go to Element settings > Form settings
  4. Select the “Wrong password” state
  5. Enter your new error message in the Text block on the canvas
Try Webflow — it's free