As a writer, I’ve always used WordPress’s password protection feature to lock pages with sensitive information I’m working on. It’s a useful way to keep drafts and confidential content away from the public. But I’ve often struggled with making that password-protected page look good.
The default password-protected page isn’t very appealing—it looks plain and might not leave the best impression if visitors stumble upon it. It doesn’t match the style or professionalism of your website, and that can be jarring.
It got me thinking about how you can make those pages more user-friendly and aligned with your site’s branding.
In this guide, I’ll share the solution I found to customize the appearance of your password-protected WordPress pages without writing any code. This way, you can keep your site’s look consistent and ensure that even the protected pages offer a positive experience for your visitors.
Why Customize a Password Protected Page in WordPress?
If you want to create exclusive content on your WordPress site that only members or clients can access, WordPress’s password protection feature is a handy tool. It allows you to protect a WordPress page or even your entire website easily.
However, the default design for a password protected page is quite basic. It’s just a plain box asking for a password:

This is where customization can help. By tailoring the look and feel of password protected pages, you can:
- Create a more engaging experience for your visitors.
- Keep a consistent and professional brand identity.
- Guide users seamlessly towards entering the password or taking desired actions.
With this in mind, I’ll show you how to enable password protection and ways to customize the default page, specific pages, different sections, and your entire website.
Before diving into the customization methods, let’s first look at how to password protect a page in WordPress.
Wie man eine WordPress-Seite mit einem Passwort schützt
You can password protect WordPress pages using the default WordPress visibility settings by following these steps:
- Öffnen Sie die Seite oder den Beitrag, den Sie schützen möchten
- Klicken Sie in der Metabox Veröffentlichen auf die Option Sichtbarkeit
- Wählen Sie im Dropdown-Menü die Option Passwortgeschützt
- Geben Sie das Passwort ein, das die Benutzer eingeben müssen, um auf den geschützten Inhalt zuzugreifen.
- Klicken Sie auf die blaue Schaltfläche Veröffentlichen, um Ihre Änderungen zu speichern.

You now know how to password protect your WordPress page. After saving your changes, you can visit your site and see the password protected page in action:

Now, let’s see how to customize WordPress password-protected pages.
Customizing A Password Protected Page in WordPress
1. Customize Specific Password Protected Pages
First, let’s look at how to customize specific pages you’ve password protected. When you customize these pages, you make them look professional and consistent with the rest of your site. This improves user experience and strengthens your brand’s appearance.
My top choice for customizing individual password protected pages, is SeedProd. It’s one of the best WordPress website builders with a front-end visual editor.

It also includes Access Controls that let you restrict access to pages you password protect. This ensures only the people you want can see the pages you’re working on. You can then use its advanced customization options to change the page design.
SeedProd has many customization options for password-protected pages, including:
- Templates and Layouts: Choose from pre-designed templates or create your own custom layout using the drag-and-drop interface.
- Typography: Access a wide range of fonts and typographic controls for all text elements on your page.
- Color Schemes: Apply custom color palettes to your entire page or individual elements.
- Form Customization: Design custom password input fields and submit buttons with various styles and effects.
- Advanced Design Options: Add custom backgrounds, overlays, borders, and even animations to your page elements.
- Responsive Controls: Adjust your design for different devices to ensure a consistent look across all screen sizes.
For a full walk-through, please see the video tutorial below:
Alternatively, you can follow these written instructions:
First, get started with SeedProd here. Then follow these instructions for installing the SeedProd page builder plugin.
Als Nächstes erstellen Sie eine Landing Page im Modus " Demnächst" oder "Wartung". Dies sind spezielle zugangskontrollierte Seiten zur Einschränkung Ihrer Website.
To do that, click the SeedProd icon from your WordPress admin. This takes you to the SeedProd dashboard, where you can add new pages and edit them in the customizer.

Klicken Sie anschließend auf die Schaltfläche Coming Soon-Seite ein richten.

Als Nächstes sehen Sie mehrere benutzerdefinierte Vorlagen, die Sie als Ausgangspunkt für Ihr Seitendesign verwenden können.

Für unser Beispiel verwenden wir die Vorlage Swipe coming soon. Um die Vorlage zu starten, fahren Sie mit der Maus über die Miniaturansicht und klicken Sie auf das Häkchensymbol.

Your coming soon page template will appear in the drag-and-drop page builder. Here, you can begin to customize the password protected page to suit your brand.

Der Page Builder von SeedProd ähnelt dem WordPress Customizer, da Sie Änderungen in Echtzeit vornehmen können.
It also has WordPress blocks. These blocks make it easy to customize the password-protected page without prior design experience.
Sie können aus Standardblöcken wie Überschriften, Schaltflächen, Bildern, Videos, Trennlinien usw. wählen.

Oder Sie können Landing Page-Blöcke verwenden, um mehr Leads und Konversionen zu erzielen, wie z. B.:
- Werbegeschenke - Fügen Sie Ihrer Seite ein RafflePress Werbegeschenk mit dem vorgefertigten Werbegeschenk-Block hinzu.
- Kontaktformulare - Fügen Sie mit WPForms erstellte Kontaktformulare zu Ihrer Landing Page hinzu.
- Optin-Formulare - Erhöhen Sie die Anzahl der Leads mit Anmeldeformularen, die über benutzerdefinierte Vorlagen und Stile verfügen.
- Countdown-Timer - Schaffen Sie ein Gefühl der Dringlichkeit mit Live-Countdowns.
- Soziale Schaltflächen - Erhöhen Sie die Anzahl Ihrer Follower in den sozialen Medien mit sozialen Profilen und Schaltflächen zum Teilen.
- Und vieles mehr.

Sie können diese Funktionen zu Ihrer Seite hinzufügen, indem Sie sie von der linken Seite auf Ihre Live-Seitenvorschau auf der rechten Seite ziehen.
Klicken Sie dann auf ein beliebiges Element, um den Inhalt zu bearbeiten. Sie können auch eine benutzerdefinierte Blockvorlage auswählen und erweiterte Änderungen hinzufügen.
Sie können ein Passwort-Eingabefeld auf Ihrer Seite einrichten. Die Benutzer müssen ein Kennwort eingeben, bevor sie auf "Senden" klicken, um auf Ihre geschützten Inhalte zuzugreifen.
Ziehen Sie dazu den benutzerdefinierten HTML-Block auf den Editor Ihrer Live-Seite.

Klicken Sie dann auf den Block, um den Inhalt zu bearbeiten. Fügen Sie nun diesen Shortcode seed_bypass_form mit eckigen Klammern auf beiden Seiten in den Inhaltseditor ein.

You won’t see the password input field until you preview your live page. Then, the system will ask users to “please enter your password.”
Set Up Password Protection on Specific Pages
After customizing your page with the bypass form shortcode, you’ll want to set up password protection for specific pages of your WordPress site.
To do this, click the Page Settings tab at the top of the builder and select the Access Controls heading. Next, add a password in the ‘Bypass URL’ field. This acts as a password for your page, and also a link clients and team members can use to get past the password protection and access the page.

You can also exclude pages from password protections, such as your dashboard, admin, and login, so you don’t get locked out of your site.
Now, you need to decide which pages will be password protected. This could be pages with members-only content, lead magnets, or even an unfinished landing page.
Simply find the ‘Include URLs’ heading and add the WordPress password protected page you want to restrict in the text box. For example, you can add specific landing pages and posts, or even use this feature for password protected categories.

Sobald Sie mit den Anpassungen für Ihre geschützte WordPress-Seite zufrieden sind, können Sie sie veröffentlichen.
Um eine passwortgeschützte Seite zu veröffentlichen, klicken Sie auf den Abwärtspfeil neben der Schaltfläche Speichern und dann auf Veröffentlichen.

Es erscheint ein Popup-Fenster, das Ihnen mitteilt, dass Ihre Seite veröffentlicht ist. Sie können dann auf die Schaltfläche Live-Seite anzeigen klicken, um eine Vorschau Ihrer Änderungen anzuzeigen.

Um Ihre Seite live zu schalten, gehen Sie zurück zu Ihrem SeedProd-Dashboard. Schalten Sie unter dem Abschnitt "Coming Soon Mode" den Schalter "Inactive" auf "Active" um.

Ihre individuelle, passwortgeschützte Seite ist jetzt live!

Wenn Sie Ihre Seite erneut ändern möchten, klicken Sie in SeedProd auf die Schaltfläche Seite bearbeiten. Dann können Sie die Nachricht, den Inhalt und den Stil Ihrer Seite erneut ändern.
2. Customize Default Password-Protected WordPress Page
When you password protect a WordPress page from the WordPress editor, your page inherits the styling from your WordPress theme.
To customize it, you can use a visual editor plugin like CSS Hero. It lets you edit the CSS of any page without editing the code.
First, get CSS Hero here and install the plugin on your website. Then, navigate to your password-protected page in WordPress.
Klicken Sie in der WordPress-Verwaltungsleiste oben auf Ihrer Seite auf die Option Anpassen mit CSS Hero.

Dies zeigt einen einfachen visuellen Editor, mit dem Sie Ihre WordPress-Seite bearbeiten und anpassen können.

With CSS Hero, you can customize various elements of your password-protected page, including:
- Typography: Change font styles, sizes, and colors for the page title, form labels, and other text elements.
- Form Elements: Modify the appearance of the password input field, including its border, background color, and placeholder text.
- Button Design: Customize the submit button with different colors, hover effects, rounded corners, or even add icons.
- Layout Adjustments: Alter the positioning and spacing of elements, add padding or margins, and adjust the overall layout of the form.
- Background Effects: Beyond simple colors, you can add gradients, patterns, or even background images to the entire page or specific sections.
- Responsive Design: Ensure your customizations look good on all devices by adjusting styles for different screen sizes.
Klicken Sie auf die Kopfzeile, um das Optionsfeld auf der linken Seite zu öffnen. Dann können Sie eine Farbe aus dem Farbwähler auswählen.

Click your page’s background. You can change it by choosing a color or gradient from the list, or you can add your own background image.

Der Nachteil bei der Verwendung von CSS Hero ist, dass Sie keine Elemente wie Kontaktformulare, Anmeldeformulare und soziale Schaltflächen hinzufügen können. Für diese Elemente empfehlen wir die unten beschriebene SeedProd-Methode.
Passen Sie Ihre Seite weiter an, klicken Sie auf verschiedene Elemente und fügen Sie benutzerdefinierte Farben und Schriftarten hinzu.
Wenn Sie mit Ihrem Entwurf zufrieden sind, klicken Sie auf die Schaltfläche Speichern und veröffentlichen. Klicken Sie dann auf das Symbol " Beenden" in der oberen rechten Ecke des Bildschirms.

Dadurch gelangen Sie zu Ihrem neu bearbeiteten gesperrten Seitendesign mit dem dazugehörigen Passwortformular.

3. Show a Custom Protected Page on Your Entire Website
You can also use SeedProd to customize and show a password protected page on every page of your website. That way, users will need to enter a password to access any of your content.
The steps to password protect your WordPress website are the same as above. Go to SeedProd » Landing Pages, and in the Coming Soon panel, click Edit Page.

From there, click the Page Settings tab and find the Access Controls heading. Here, scroll to the ‘Include/Exclude URLs’ area and click the ‘Show on the Entire Website’ radio button.

Once you’ve saved the changes, your custom password page will appear on every page of your entire site.
Häufig gestellte Fragen
Da haben Sie es!
Weitere Tipps zum WordPress-Passwortschutz
You now know how to customize password-protected pages in WordPress.
Das Anpassen geschützter Seiten in WordPress kann entmutigend wirken, muss es aber nicht sein. Mit den oben genannten Methoden können Sie atemberaubende, geschützte Seiten erstellen, ohne eine einzige Zeile Code zu schreiben.
Sie brauchen Ihre PHP-Datei nicht zu bearbeiten oder eine Ihrer Themadateien manuell zu ändern. Mit dem praktischen Page Builder von SeedProd müssen Sie nicht bei Null anfangen und können wichtige Elemente zur Lead-Generierung wie Opt-in-Formulare einfügen, um Ihr Geschäft auszubauen.
Worauf warten Sie also noch?
Weitere Tipps zum Passwortschutz Ihrer WordPress-Website finden Sie in diesen Expertenanleitungen:
- Wie man eine WordPress-Website mit einem Passwort schützt: Der ultimative Leitfaden
- Wie man eine WordPress-Seite mit einem Passwort schützt (Schritt für Schritt)
- Wie man eine WordPress-Site während der Entwicklung mit einem Passwort schützt
- Wie Sie Ihre WordPress-Website vor Hackern schützen (17 Expertentipps)
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte hinterlassen Sie einen Kommentar mit Ihren Fragen und Ihrem Feedback.
Sie können uns auch auf YouTube, X (früher Twitter) und Facebook folgen, um weitere hilfreiche Inhalte für Ihr Unternehmen zu erhalten.