Safeguard your website or web pages with passwords

Use a password to restrict access to your content and control who can access specific pages, Collections, or your entire website.

At times, you might prefer to shield your online content from internet users. This can be achieved by either not making your content public or keeping pages in a draft state. However, if you intend to share the content exclusively with certain individuals, you can secure it with a password.

If you are utilizing Webflow for hosting your site, you have the option to safeguard your entire site or specific pages within your site. Additionally, you can personalize the design of your password page that will be displayed when visitors attempt to access a password-protected page.

Crucial: The files you upload to Webflow are not restricted—meaning they are publicly available and searchable, but they may not be crawled or indexed by search engines unless the file is on a publicly viewable webpage or linked from somewhere else. Password protection can prevent assets on your site from being discovered or indexed. For more details on asset privacy, refer to Webflow’s resources.

This tutorial will cover:

  1. How to secure individual pages with passwords
  2. How to password protect all pages within a folder
  3. How to password protect all pages in a Collection
  4. How to password protect your entire website
  5. How to revoke a password from a page, folder, or site
  6. How to customize the password page’s design

Securing individual pages with passwords

You can assign distinct passwords to each page on your site. This is beneficial if you want to protect pages with passwords for clients or a specific target audience (e.g., internal documentation, confidential client prototypes, etc.). For pages that don’t need private sharing, you can keep them as drafts.

Setting a password for a page

To implement a password for a specific page:

  1. Access the Pages panel within the Designer
  2. Click on the settings “cog” beside the page where you want to set a password
  3. Turn on “Password protection” in the General section
  4. Create a unique password
  5. Click Save
  6. Publish your site
Note: You need to subscribe to a Site plan to enable 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.

Securing all pages within a folder with passwords

To conceal the content of multiple pages simultaneously, you can set a password for each page or group the pages in a folder and secure the entire folder with a password.

Each folder can have its distinct password, just like individual pages can. Applying a folder-level password will override any preexisting passwords set on pages or folders within that folder. Subpages and folders will inherit the password from their parent folder.

Setting a password for a folder

To establish a password for a folder in the Designer, activate Password protection in the Folder settings. Input the unique password that will be enforced on all pages within that folder. Then, publish your site.

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

Securing all pages within a Collection with passwords

You can password protect a Collection template page, so that all automatically generated pages in that Collection will prompt the password page when accessed by a user. This allows you to hide pages of a Collection that are still in the development phase.

Setting a password for a Collection template page

To password-protect Collection pages:

  1. Access the Pages panel in the Designer
  2. Click on the settings “cog” next to the Collection template page for the Collection where you wish to set a password
  3. Toggle “onPassword protection in the General section
  4. Create a unique password
  5. Click Save
  6. Publish your site

Securing your entire website with a password

You can regulate access to a site under construction by requiring a password for all its domains. This is handy when you want to publish your site for testing or private demonstrations.

Website password protection is accessible on all sites with a paid site plan (Basic, CMS, Business, and Ecommerce). Furthermore, website password protection is available on all sites (free and paid) in a Workspace with a paid Workspace plan (Core, Growth, and Enterprise).

Note: Website password protection is not applicable for free, non-hosted sites in a complimentary Workspace.

Setting a password for your entire site

To enable a site-wide password for your entire site:

  1. Proceed to Site settings > General tab > Website password
  2. Switch Password protection to “on
  3. Create a unique password
  4. Click Set password
  5. Publish your site

Crucial: Activating a site-wide password will supersede passwords set on pages or folders within that site. New passwords cannot be set on pages or folders while a site password is active in Site settings.

Revoking a page, folder, or site password

You can eliminate passwords previously set on individual pages, folders, Collection template pages, or your entire site.

To remove a password from individual pages, folders, or Collection template pages:

  1. Access the Pages panel in the Designer
  2. Click on the settings “cog” next to the specific page, folder, or Collection template page where you had previously set a password
  3. Go to Access control > Restrict access
  4. Set Restrict access to “Public”
  5. Click Save
  6. Publish your site
If you want to eliminate a password from your whole website:Proceed to Site settings > General tab > Website passwordSwitch off Password protection to “offLaunch your siteHow to create the password pageUsers who chance upon a password-protected URL will be redirected to the password page. They must input the password you created before accessing the password-protected page.Get to the password pageYou can personalize the appearance of your password page in the Designer. This page can be accessed via the Pages panel > Utility pages > Password page.

Personalize and design the password pageInitially, the password page comprises a centralized set of elements that you can adjust to your liking. You are free to alter or erase all the default elements on your password page, except for the input form and submit button, which are unremovable. It is also possible to incorporate new elements to the page and design them as desired.Moreover, you can modify and style the error message shown to users if they input an incorrect password. To edit the error message:Access Pages panel > Utility pages > Password pageChoose the Utility page form element on the canvas Open Element settings > Form settingsSelect the “Wrong password” stateInsert your fresh error message in the Text block on the canvas

Ewan Mak
Latest posts by Ewan Mak (see all)