How to Create a Frontend Lost Password Page for WordPress - ProfilePress

Creating a Password Reset Page

When you install ProfilePress for the first time you are prompted to create pages for the smooth operation of the plugin. a custom password reset page is created for you during that process. However, if you dismissed that prompt or just want to customize or create a custom password reset or lost password page, you should follow these instructions.

The page you are creating will contain a shortcode from the Forms & Profiles Section. This page will be used to allow users to reset their passwords on the website.

Perfecto Password Reset Form (White)

Note: the terms password reset, lost password and forgot passwords are used interchangeably in this tutorial and they all mean the same thing.

Step One – Building the Password Reset Form

  1. Hover on ProfilePress and click on Forms & Profiles
  2. Click on Add New and select the Password Reset form type
  3. Enter a name for the form
  4. Select your preferred template
  5. Design the form with the drag & drop builder or the Advanced shortcode builder.

You can preview how the form will look like by clicking on the “Live Preview” button.

After saving the form a shortcode will be generated for that particular form. Click on Forms & Profiles>>Registration and copy the shortcode for the newly created form.

Step Two –  Creating the Page

  1. Navigate to “Pages -> add new” in your WordPress dashboard.
  2. Create a new page and give it a title.
  3. Add the form shortcode you copied earlier to the page content.
  4. Save the page

NB: If you are using Gutenberg Block Editor you need to add the Shortcode block then paste the shortcode in the field

We have what we call the Password Reset Handler Form. This is the form that is displayed when users click the link emailed to them after requesting a password reset. ProfilePress has the below form design for this purpose and we will be sticking to it.

Resetting password via Ajax lost password form in WordPress

If you don’t like the above form look, you can always customize it to your heart content if you use the advanced shortcode builder.

Step Three – Finishing up

After creating the page, you need to set the page as the default password reset page in the global settings section. This will cause all password reset links on your site to redirect/point to the page.

  1. Hover on ProfilePress and click on Settings
  2. Select the Global Settings tab
  3. Scroll down to the password reset page section and select the newly created custom password reset page.
  4. Click on Save Changes.

That’s it 😁

Having done that, all visit to https://profilepress.net/wp-login.php?action=lostpassword will be redirected to your front-end lost password page.

That’s all. We hope this article helped you create a custom forgot password page for WordPress.

What are you waiting for? Get the powerful ProfilePress WordPress plugin today.