In Sitejet, you can protect individual pages from unauthorized access with a password. Even with publicly accessible websites, it is possible that certain subpages need to be protected against access by unauthorized persons. These can be subpages that are for employees only or pages that are under construction and feature new designs or content that aren't ready to be made public. In the creation process, we recommend that you work with a placeholder site and set a password for the draft pages you are working on. With Sitejet, you can protect individual subpages with a password easily.

Note: The password-protected pages feature is designed for basic access control and is not intended for storing sensitive information, such as personal identifiable information (PII) or financial data. We recommend using more secure methods for handling sensitive content.

If you are using Sitejet with Plesk or cPanel, it is very likely that this feature will be implemented differently. Please contact your provider's support team for more information.

Password protects a page

To set a password for a specific subpage, open the page settings by clicking on "Pages" at the top of the CMS. The settings for all pages and subpages of the website are displayed in the menu on the right. Introductory information about this menu can be found in the articles on navigation, creating subdomains, and SEO.

Open the cog icon and click on the downward arrow to open more settings. You can now enter the password for the respective subpage in the "Password" field. The orange lock in front of the name quickly indicates which pages are password-protected.

Then, save the project so that the change is applied. This may take a little longer than usual. When you access the password-protected subpage, the following message will be displayed once the change has been applied:

Customize the design of the password page

For security reasons, the design of the password page can only be adjusted with CSS and not with the editor. To do this, you can set CSS defaults for the .ed-protection class. For example, the following code would center the password prompt on the page.

.ed-protection {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

Become a part of our Community!

Exchange ideas with other web designers about current developments, tips, and tricks and show your favorite sites. Get advice and talk to us about possible features you would like to see on Sitejet. You can join the Sitejetters community here.

Back to the top