Transform Your WordPress Reset Password Page: A Step-by-Step Customization Guide

First impressions are crucial, even on your password reset page. ✨

Through our testing of WordPress customization options, we discovered that a well-designed password reset page enhances your site’s professionalism and improves user experience.

We have thoroughly tested various methods for customizing the WordPress reset page in our demo environments, comparing different strategies to identify the most effective solutions.

Our research has uncovered several impactful ways to enhance branding and improve this often-neglected aspect of your site.

In this guide, we will outline the most reliable techniques we have identified for customizing your WordPress password reset page.

The Importance of Customizing the WordPress Reset Password Page

Customizing your lost password page enhances the user experience and presents a more professional image.

This is particularly crucial for eCommerce stores or membership sites where customers frequently visit these pages.

By default, WordPress shows its own logo and branding. While this may be acceptable for internal use, it can appear unprofessional to customers and disrupt the overall design consistency of your site.

Creating a custom reset password page allows you to replace the default branding with your own. You can align it with your website’s design, add your logo, and include additional helpful content to foster trust with your users.

You may have already explored our guides on adding a custom user registration form and login page.

Now, let’s explore how to customize the reset password page. Use the quick links below to jump directly to your preferred method:

1. Easily Customize the Reset Password Page with Formidable Forms
2. Customize All Membership Pages with ‘Theme My Login’
3. Create a Fully Customizable Password Reset Page Using WPForms
4. Comprehensive Guides on Customizing WordPress Pages

Step 1: Customize Your Password Reset Page with Formidable Forms (Simple)

The simplest way to customize the WordPress password reset page is by using Formidable Forms. Our tests show that it allows you to replace the default password reset page with a shortcode.

Note that while this method doesn’t let you modify the password reset form itself, you can surround it with your own content. For instance, you can include text, images, and other elements using the standard WordPress post editor.

For more information, check out our review of Formidable Forms.

Step 1: Install Formidable Forms and its Addon

Begin by installing the free version of the plugin. In your WordPress dashboard, go to Plugins » Add New and search for ‘Formidable Forms’. Install and activate the plugin.

To access the user registration features, you will need to upgrade to the premium version. After purchasing, install the premium Formidable Forms plugin.

For detailed instructions, refer to our step-by-step guide on how to install a WordPress plugin.

After installation, navigate to the Formidable Forms » Global Settings section in your dashboard and select ‘Click to enter a license key manually.’

You can locate your license key in your account on the Formidable Forms website. After entering this key, click the ‘Save License’ button.

Next, install the User Registration addon by navigating to Formidable » Add-Ons. On this page, locate the User Registration addon and click the ‘Install’ button.

Step 2: Create a Custom Reset Password Page

Now, you can create a custom reset password page by going to Pages » Add New.

Start by giving the page a title, then click the + button. In the popup that appears, begin typing ‘Shortcode.’

Simply click on the appropriate block to add it to the page.

You can now insert the following shortcode: [frm-reset-password].

At this stage, feel free to add any additional content you wish to display on the password reset page.

Step 3: Publish and Configure Your Page

Once you are satisfied with the layout of the page, click the ‘Publish’ button to make it live.

Finally, you need to instruct WordPress to use this custom page instead of the default password reset page. To do this, navigate to Formidable » Global Settings and select the ‘Registration’ tab from the menu.

Next, select the ‘Reset Password Page’ dropdown menu and choose the page you just created.

Make sure to click the ‘Update’ button at the top of the page to save your settings.

You can now visit your WordPress site to see your customized reset password page in action.

Method 2: Customize All Membership Pages with ‘Theme My Login’ (Free)

For a unified user experience, it’s recommended to maintain consistent styling across all your membership pages. Theme My Login is a free plugin that enables you to replace the default WordPress dashboard, login, logout, registration, forgot password, and reset password pages.

While it may not offer extensive customization options, all the pages will adopt the style of your WordPress theme.

Step 1: Install the Plugin

First, you need to install and activate the Theme My Login plugin. For detailed instructions, refer to our step-by-step guide on installing a WordPress plugin.

After activation, Theme My Login automatically generates URLs for your custom login, logout, registration, lost password, and reset password pages. You can view these URLs by navigating to theTheme My Login » Generalpage.

To replace any of these pages, simply create a new page with the exact same URL.

Step 2: Create a New Page and Insert Shortcode

To set up a custom password reset page in WordPress, navigate to Page » Add New. Click the ‘+’ icon and start typing ‘Shortcode.’

When the appropriate block appears, click on it to add it to your page.

In the block, insert the following shortcode:

[theme-my-login action="lostpassword"]

You can also include additional content on the password reset page, such as your logo.

Step 3: Save and Edit the Page Quickly

Once you’re satisfied with the page layout, click on ‘Save draft.’

Then, go to Pages » All Pages and locate the password reset page you just created.

Hover over the page and click the ‘Quick Edit’ button that appears.

Step 4: Configure the Slug and Publish the Page

In the ‘Slug’ field, enter ‘lostpassword.’

Next, open the ‘Status’ dropdown and select ‘Published.’

After that, click on ‘Update.’ Now, if you visit your WordPress blog, the password reset page will be live.

To replace other default WordPress membership pages, repeat this process, ensuring you use the correct URL slug and shortcode for each page:

• Login Page: Use the slug login and the shortcode [theme-my-login].
• Logout Page: Use the slug logout and the shortcode [theme-my-login action="logout"].
• Register Page: Use the slug register and the shortcode [theme-my-login action="register"].
• Reset Password Page: Use the slug resetpass and the shortcode [theme-my-login action="resetpass"].

Method 3: Create a Custom Password Reset Page Using WPForms

If you want to replace the standard password reset page with a fully customized form, we recommend using WPForms.

This plugin includes a ‘User Password Reset Form’ template that you can personalize with your own text, images, and branding. You can also add or remove fields to gather exactly the information you need from your users.

At CanadaCreate, we have utilized it to create our annual surveys and contact forms, and we have found it to be very user-friendly. For more information, check out our WPForms review.

Step 1: Install WPForms and the Addon

Begin by installing and activating the WPForms plugin. For detailed instructions, refer to our comprehensive guide on installing a WordPress plugin.

Once activated, navigate to WPForms » Settings and input your license key. This information is available in your WPForms account.

After entering the license key, install the User Registration addon, which enables you to create customized user registration, password reset, and login forms for your website.

In the dashboard, go to WPForms » Addons and locate the User Registration Addon.

Click on ‘Install Addon’ to download it, then select ‘Activate’ to enable it.

Step 2: Create Your Form Using a Template

You are now ready to create your personalized password reset form by visiting the WPForms » Add New page. Here, enter a title for your new form.

Once that is complete, scroll to the ‘User Password Reset Form’ template and click on the ‘Use Template’ button.

WPForms will now load the User Password Reset Form template.

To modify any field with your own text, label, or description, simply click on it and use the settings in the left-hand menu.

For instance, the template includes a ‘Submit’ button. To customize the button label, simply click to select the field and enter your desired text in the ‘Submit Button Text’ field.

You can also modify the actions that occur when a user submits their password reset request by navigating to Settings » Confirmations.

In this section, open the ‘Confirmation Type’ dropdown menu and select whether to redirect the user to a different page or URL, or simply display a message instructing them to check their inbox for a password reset email.

Additionally, you can personalize the message by typing it into the small text editor. For instance, you might want to remind users to check their spam folders.

Once you are satisfied with the form setup, click the ‘Save’ button located at the top right corner of the screen.

Step 3: Embed the Form on a New Page

To replace the default WordPress password reset page, create a new page with the slug ‘one-password.’ Then, add the form to this page.

The simplest way to do this is by clicking the ‘Embed’ button in the WPForms editor and selecting ‘Create New Page.’

Begin by entering a title for your new password reset page. You will modify the URL slug later, so feel free to choose any title you like.

Once you’ve completed that, click on ‘Let’s Go.’

You will be directed to the WordPress page editor, where the form has already been included on the new page. You can customize this page further by adding additional text, a unique logo, or relevant categories and tags.

When you are satisfied with the appearance of the page, click the ‘Save draft’ button.

Step 4: Configure the Slug and Publish the Page

Next, navigate to Pages » All Pages and locate the password reset page you just created.

Click on the ‘Quick Edit’ option.

In the ‘Slug’ field, enter ‘lostpassword.’

Then, open the ‘Status’ dropdown menu and select ‘Published.’

Step 5: Install and Activate WPCode

Now, you need to ensure that the default ‘Lost your password?’ link on the WordPress login form directs users to your new custom page. The simplest way to achieve this is by using the free WPCode plugin.

WPCode is a highly regarded code snippets plugin utilized by over 2 million WordPress websites. It simplifies the process of adding custom code to WordPress without requiring you to modify the functions.php file.

With WPCode, even those new to web development can modify their website’s code without the fear of making errors that often lead to common WordPress issues.

Start by installing and activating the free WPCode plugin. For detailed instructions, refer to our comprehensive guide on installing a WordPress plugin.

Step 6: Create a New Code Snippet

Once activated, navigate toCode Snippets » Add Snippet.

Here, you will find pre-made snippets that enable you to upload additional file types to WordPress, disable attachment pages, completely turn off comments, and much more.

Simply hover over ‘Add Your Custom Code’ and click on ‘Use snippet’ when the option appears.

To begin, enter a title for your custom code snippet. Choose something descriptive to help you recognize it in the WordPress dashboard.

Next, open the ‘Code Type’ dropdown menu and select ‘PHP Snippet.’

In the code editor, insert the following code snippet:

add_filter( 'lostpassword_url', 'my_lostpassword_url' );
function my_lostpassword_url() {
return site_url('/lostpassword/');
}

Next, navigate to the ‘Insertion’ section. WPCode allows you to add code in various locations, such as after each post, only on the frontend, or exclusively for the admin area.

To apply the custom PHP code site-wide, including your blog or WooCommerce store, ensure ‘Auto Insert’ is selected. Then, open the ‘Location’ dropdown and select ‘Run Everywhere.’

Once that’s done, scroll back to the top of the screen and toggle the ‘Inactive’ switch to ‘Active.’

Step 7: Activate the Snippet

Finally, click ‘Save Snippet’ to make the PHP snippet active.

Now, visit the standard WordPress login page.

By clicking the ‘Lost your password?’ link, you will be redirected to the custom password reset page you just created.

Depending on your site’s configuration, you might need to update the password reset links on other pages.

If you’ve set up a custom login page for WordPress using a plugin like WPForms, it’s advisable to add the new password reset link to that form as well.

Comprehensive Guide to Customizing WordPress Pages

We hope this tutorial has helped you learn how to personalize the WordPress reset password page. You may also be interested in tutorials on enhancing WordPress login security:

• The Ultimate Guide to Creating a Custom WordPress Login Page
• Why and How to Limit Login Attempts in WordPress
• Essential Tips for Securing Your WordPress Admin Area
• How to Implement Security Questions on the WordPress Login Screen
• Step-by-Step Guide to Adding a Custom Login URL in WordPress

If you enjoyed this article, please subscribe to our YouTube Channel for WordPress video tutorials. You can also connect with us on Twitter and Facebook.