Overview

PureDevs WP Locker provides several customization options that allow you to personalize the password entry experience for your visitors. While the plugin works great with default settings, these customization options help you match the password page to your site’s purpose and branding.

All customization options are accessible through the plugin’s settings page and require no coding knowledge.

Form Heading

The form heading is the main title displayed at the top of the password entry page. This is the first thing visitors see when they attempt to access your protected site.

Default Value

By default, the heading reads “Protected Site”, which provides a generic but clear message to visitors.

Customization Options

You can customize this heading to better communicate why your site is locked. Here are some examples:

  • “Site Under Development” – For development environments
  • “Coming Soon” – For pre-launch sites
  • “Private Access Required” – For private websites
  • “Maintenance Mode” – During site updates
  • “Client Preview” – For client review sites
  • “Staging Environment” – For staging servers

How to Customize

  1. Navigate to Settings → PureDevs WP Locker
  2. Locate the Form Heading field
  3. Enter your desired heading text
  4. Click Save Changes
Pro Tip

Keep your heading concise and clear. Aim for 2-4 words that immediately communicate the purpose of the password protection to visitors.

Button Label

The button label is the text displayed on the submit button that visitors click to submit their password. This small detail can enhance user experience and clarity.

Default Value

The default button label is “Submit”, which is simple and universally understood.

Alternative Labels

Consider these alternatives based on your site’s purpose:

  • “Enter” – Simple and direct
  • “Continue” – Suggests progression
  • “Access Site” – Clear call-to-action
  • “Unlock” – Metaphorical and engaging
  • “Go” – Minimal and modern
  • “Verify” – Security-focused

How to Customize

  1. Navigate to Settings → PureDevs WP Locker
  2. Locate the Button Label field
  3. Enter your desired button text
  4. Click Save Changes
Best Practice

Choose action-oriented button text that clearly indicates what will happen when clicked. Avoid ambiguous labels that might confuse visitors.

Visual Design

The password entry page comes with a clean, modern design that works well out of the box. The interface features:

  • Clean Layout: Centered, minimalist design that focuses on the password entry
  • Modern Styling: Soft decorative elements and professional appearance
  • Responsive Design: Automatically adapts to all screen sizes and devices
  • Accessible: High contrast and clear typography for readability

Color Scheme

The default design includes:

  • Soft purple decorative elements in the background
  • Green accent color for the submit button
  • Clean white background with dark text
  • Professional typography and spacing
Advanced Customization

For complete design control including colors, fonts, and layout, see the Template Override documentation.

Customization Examples

Example 1: Development Site

Form Heading: “Development in Progress”

Button Label: “Access Dev Site”

Use Case: Clearly indicates the site is under development while maintaining a professional appearance.

Example 2: Coming Soon

Form Heading: “Coming Soon”

Button Label: “Preview Site”

Use Case: Perfect for pre-launch sites where you want to build anticipation while allowing preview access.

Example 3: Client Review

Form Heading: “Private Client Preview”

Button Label: “View Project”

Use Case: Professional presentation for client review sites with clear purpose communication.

Example 4: Maintenance Mode

Form Heading: “Site Maintenance”

Button Label: “Continue”

Use Case: Friendly message during site updates that doesn’t alarm visitors.

Testing Your Customizations

After making customization changes, it’s important to test how they appear to visitors:

Testing Steps

  1. Save your customization changes in the settings page
  2. Open a new incognito/private browser window
  3. Navigate to your site’s homepage
  4. Review the password page with your customizations
  5. Test on mobile devices to ensure responsive design
  6. Verify the button label and heading are clear and readable
Important

Always use an incognito/private window for testing to see the password page as visitors will see it. Your regular browser session may bypass the password page due to existing authorization cookies.

Current Limitations

The basic customization options are limited to text changes. The following customizations are NOT available through the settings page:

  • Color scheme changes
  • Font family or size modifications
  • Layout or positioning adjustments
  • Adding custom HTML or images
  • Custom CSS styling
Advanced Solution

For complete design control, you can override the password form template. Learn more in the Template Override Guide.

Best Practices

Clarity Over Creativity

While it’s tempting to use creative wording, prioritize clarity so visitors immediately understand what the page is and what action is required.

Consistency

If your site has branding or specific terminology, use consistent language on the password page. For example, if you call it “preview access” elsewhere, use that same term here.

Context

Consider who will see this page and customize accordingly. A development team will understand different terminology than potential clients or general visitors.

Mobile-Friendly

Remember that headings will appear on mobile devices too. Avoid overly long text that might break poorly on small screens.