SeedProd Logo

Latest SeedProd News

WordPress Tutorials, Tips, and Resources to Help Grow Your Business

customize password protected page wordpress

How to Customize a Password Protected Page in WordPress 

Do you want to customize password-protected pages on your WordPress website? Creating custom locked pages keeps your branding consistent across your entire site. You can also use the space to promote other pages. 

Yet, changing the design of locked pages isn’t easy without a developer. This post explains how to customize a password-protected page in WordPress without writing code.

Video Guide

First, let’s look at why and when to customize password-protected pages in WordPress.

When Should I Customize Password Protected Page in WordPress?

There are several reasons for wanting to customize password-protected pages. The most common reason is to hide content from the public.

For instance, you might want to hide your WordPress site until it’s ready or only give clients access to preview your work. Or, you might have a membership website and want to password protect content with a WordPress form so only subscribers have access.

Whatever the reason, the result is a page where a password is required to gain access. Yet, the design is typically basic when you lock a page or create protected posts in WordPress.

Often, it’s a simple page with a box for entering a password and a submit button. Usually, the design reflects the WordPress theme you use. Aside from that, there isn’t much you can do to make it more interesting.

Here’s an example of what we mean:

default WordPress password protected page without customizations

If you edit and customize protected pages in WordPress, you can improve your design with the following features:

  • Your brand’s logo to increase trust and keep your branding consistent.
  • A custom message welcoming users, showing how to access your protected content.
  • Social media buttons to get users to follow your social channels.
  • Contact forms for users to get in touch if they have issues.
  • Links to other pages of your site to promote your products and services.

Instead of a basic page, you can turn locked pages into an ideal place to engage visitors, improve SEO, and generate leads.

Before we tackle the question: “How do I change a password-protected page in WordPress?” let’s look at how to enable password protection with the default WordPress settings.

How Do I Enable a WordPress Password Protected Page

To enable the WordPress password-protected page feature, follow these steps:

  1. Open the page or post you want to protect
  2. In the Publish meta box, click the Visibility option
  3. Choose Password Protected from the dropdown menu
  4. Enter the password you want users to enter to access the content
  5. Click the blue Publish button to save your changes

While this method is easy, the customization options are limited. We suggest using the methods below to create a completely customized password-protected page in WordPress.

How to Customize Password Protected Page WordPress

Customizing password-protected WordPress pages isn’t easy if you’re not tech-savvy. Usually, you need a developer to edit pages in WordPress with the changes you need.

We understand that hiring expert help isn’t an option for many site owners. That’s why we’ll walk you through 4 methods to customize a password-protected page in WordPress with the help of 3 easy-to-use WordPress plugins.

1. How to Customize Password Protected Pages with SeedProd

The first method uses SeedProd. It’s the best WordPress landing page builder and website builder, with a front-end visual editor.

SeedProd best WordPress landing page plugin

SeedProd comes with built-in Coming Soon and Maintenance Mode pages you can customize with its drag-and-drop builder. It lets you customize your entire WordPress site in minutes, with no coding required.

Plus, it includes access controls that let you restrict access to password protect pages. This ensures only the people you want can see the pages you’re working on.

You can also use SeedProd to:

  • Create a custom WordPress theme
  • Build custom WordPress sidebars
  • Create eCommerce websites
  • Showcase your WooCommerce products
  • Design a custom homepage
  • Create custom login pages

These features and functionality make SeedProd an essential custom password-protected page WordPress plugin and the best WordPress page builder.

Let’s look at the steps to edit and customize protected pages in WordPress with SeedProd.

First, get started with SeedProd here, then follow these instructions for installing a WordPress plugin to activate SeedProd on your website.

Step 1: Create a Coming Soon or Maintenance Mode Page

Next, create a coming soon or maintenance mode landing page using SeedProd. These landing pages include access controls for restricting access to your website.

We’ll show you how to customize a password-protected coming soon page for this tutorial.

To do that, click the SeedProd icon from your WordPress admin area. This takes you to the SeedProd dashboard, where you can add new pages and edit them in the customizer.

Overview of the seedprod landing page dashboard

After that, click the Set Up a Coming Soon Page button.

Set up a password protected coming soon page with SeedProd

Step 2: Choose a Landing Page Template

After clicking to set up your coming soon page, you’ll see several WordPress password-protected page custom templates to use as a starting point for your page design.

wordpress password protected page custom template

For our example, we’ll use the Swipe coming soon template. To launch the template, hover your mouse over the thumbnail and click the tick icon.

Click the tick icon to launch your coming soon page template in the drag and drop page builder

Your coming soon page template will now appear in the drag and drop page builder, where you can customize it to suit your brand.

SeedProd coming soon landing page builder

Step 3: Customize Your Protected Page Content

SeedProd’s page builder comes with various content blocks. This makes it easy to customize password-protected page messages without prior design experience.

You can choose from standard blocks such as headlines, buttons, images, videos, dividers, etc.

Standard content elements in SeedProd

Or you can use landing-page specific blocks to drive more leads and conversions, such as:

  • Giveaways – Add a RafflePress giveaway to your page with the ready-made giveaway block.
  • Contact Forms – Automatically add contact forms made with WPForms to your landing page.
  • Optin Forms – Boost your leads with sign-up forms that come with custom templates and styles
  • Countdown Timers – Create a sense of urgency with live countdowns.
  • Social Buttons – Grow your social media followers with social profile and sharing buttons.
  • And much more.
use landing page specific blocks to increase your website conversions

You can add any of these features to your page by dragging them from the left-hand panel to your live page preview on the right.

Then you can click on any page element to edit the content, choose a custom block template, and add advanced customizations.

You can include a password input field on your page, so users have to type a password for access.

To do that, drag the Custom HTML block onto your live page editor.

Add the custom HTML landing page block

Then click the block to edit the content. Now paste this shortcode seed_bypass_form into the content editor with square brackets on either side.

Enter seedprod's password field shortcode

You won’t see the password input field until previewing your live page. Then users will be asked to “please enter your password.”

Step 4: Publish Your WordPress Custom Password Protected Page

Once you’re happy with the customizations for your protected WordPress page, it’s time to publish it. 

To publish a password-protected page in WordPress using SeedProd, click the down arrow next to the Save button, then click Publish.

Publish your password protected landing page in WordPress

You’ll then see a lightbox popup telling you that your page is published. You can then click the See Live Page button to preview your changes.

Preview your custom password protected page

To make your page live, head back to your SeedProd dashboard and under the Coming Soon Mode section, switch the Inactive toggle to Active.

Activate your custom password protected coming soon page

Your custom password-protected page is now live!

Example of a customized password protected page in WordPress

If you want to change a password-protected page in WordPress again, click the Edit Page button in SeedProd. Then, you can change your page message, content, and style again.

2. How to Customize Protected Form Pages with WPForms

It’s also possible to customize password-protected form pages in WordPress. Then anyone trying to access specific forms on your site will have to enter a password.

The easiest way is to make a protected form in WordPress using WPForms with the Form Locker addon. Then you can customize the page containing your form with the Form Pages addon.

Why not check out this in-depth WPForms review for the full details.

Let’s look at the steps needed to password protect WordPress forms next.

Create a New WordPress Form

First, make a password-protected form using these instructions. Then make sure you’ve activated the Form Pages addon.

You can do that by navigating to WPForms » Addons and making sure the Form Pages addon status is Active.

Activate the WPForms form pages addon

Next, head to WPForms » All Forms and click Edit on the form you created in the previous step.

Edit your WordPress password protect form

Enable Form Pages

Then click the Settings tab and choose the Form Pages option. Check the Enable Form Pages Mode box on the right-hand side, and other settings will appear.

Enable the form pages mode

Publish Your Form Page

You can enter a title and message for your form page and choose a custom permalink. Then you can add a custom logo image and choose a color scheme that matches your site’s branding.

Customize your password protected form page

Remember to click the Save button to preserve your changes.

When you navigate to that particular form’s page, you’ll see a modern, customized password-protected form with its own dedicated page.

Customized WordPress password protect form

3. How to Customize Protected Form Pages in SeedProd

Another way to customize password-protected form pages in WordPress is to use SeedProd’s landing page builder and WPForms.

First, create a password-protected form using the instructions linked earlier; then, in the SeedProd page’s overview, click the Edit Page button in the Coming Soon Page section.

Edit your coming soon page

Once the page builder opens, click the Page Settings tab at the top of your screen and click the Access Controls section. This is where you can restrict access to certain pages and single posts and set your user roles.

You can also set bypass rules so only specific IP Addresses can view your private content.

Navigate to SeedProd's access controls settings

Next to the Include/Exclude URLs heading, click the Include URLs option, and paste the URL of your protected form page. Now click the Save All Changes button.

Include your form page's URL

Once you’ve done that, click the Design tab at the top of the page and drag the Contact Form block onto your live page preview.

Add the seedprod contact form block to your landing page

Now, click the block and choose your password-protected form in the drop-down menu. This will add your form to the page and show a password input field for users to access.

Choose your password protected form in the WPForms drop down menu

When users navigate to your form page, they’ll have to enter a password to unlock it.

Example of a custom password protect page with password protected form

4. How to Customize Default Password Pages with CSS Hero

Our final solution for customizing password-protected pages is to edit your CSS with a visual editor plugin. This means you can edit the CSS of any page without editing the code manually.

For this method, we’re using CSS Hero, one of the best plugins for easily customizing your WordPress site by pointing and clicking.

CSS Hero is ideal for customizing the standard page you see when password-protecting WordPress using the default WordPress visibility option. 

So instead of a password page like the one below, you can pinpoint each area individually and change the look.

Default WordPress password protected page

Install CSS Hero

Get CSS Hero here and install the plugin on your website to do this yourself. Then navigate to your password-protected page in WordPress.

From the WordPress admin bar at the top of your page, click the Customize with CSS Hero option.

Customize your password protected page with CSS hero

This will reveal a simple point-and-click visual editor you can use to edit and customize your WordPress page.

Customize Your Design

Use the CSS Hero Editor to customize your WordPress password protect page

For example, to customize the background color for the header area, click it to open the options panel on the left-hand side. Then you can choose a color from the color picker tool.

Customize the CSS of your header

Click your page’s background and choose a color or gradient from the list to change your background color. You can also add your background image.

add a background gradient to your password protected page

The only drawback of using CSS Hero is that you can’t add crucial elements like contact forms, signup forms, social buttons, etc. For that, we suggest using the SeedProd method above.

Continue customizing your page, clicking different elements, and adding custom colors and fonts. 

Publish Your Changes

Then when you’re happy with your design, click the Save and Publish button and click the Quit icon in the top-right corner of your screen.

click Save Changes then quit to exit the page designer

This will take you to your newly edited password-protected page, complete with its’ custom design and password form.

WordPress password protect page customized with CSS Hero

There you have it!

Customizing Password Protected Pages is Easy

While customizing protected pages in WordPress can seem daunting, it doesn’t have to be. Using the methods above, you can create stunning locked pages without writing a single line of code.

You don’t need to edit your PHP file or change any of your theme files manually. With SeedProd’s handy page builder, you won’t have to start from scratch and can include essential lead generation elements like opt-in forms to grow your business.

So what are you waiting for?

SeedProd is here to help you grow your business in all ways! For more small business tips, check out our blog. Here are a few of our favorite relevant posts:

We hope this article helped you learn how to customize a password-protected page in WordPress easily. For updates on more helpful content like this, please follow us on Facebook and Twitter.

Get SeedProd

Join Our Newsletter

Subscribers to get Free WordPress Tips and Resources

We do not sell or share your information with anyone.

Let's Connect

Most Popular

Copyright © 2022 SeedProd LLC. SeedProd is a trademark of SeedProd, LLC

PayPal Verified Badge
WPBeginner Verified Badge