How to Create a Custom Password Reset Page in WordPress
When you install ProfilePress for the first time, you are prompted to create pages for the smooth operation of the plugin. A custom WordPress password reset page is created for you during that process. However, you should follow these instructions if you dismiss that prompt or want to customize or create a custom password reset or lost password page.
The page you create will contain a shortcode from the Forms & Profiles Section. This page will allow users to reset their passwords on the website.
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
- Hover on ProfilePress and click on Forms & Profiles
- Click on Add New and select the Password Reset form type
- Enter a name for the form
- Select your preferred template
- 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
- Navigate to “Pages -> add new” in your WordPress dashboard.
- Create a new page and give it a title.
- Add the form shortcode you copied earlier to the page content.
- 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 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.
If you don’t like the above form look, you can always customize it to your heart’s content using 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.
- Hover on ProfilePress and click on Settings
- Select the Global Settings tab
- Scroll down to the password reset page section and select the newly created custom password reset page.
- Click on Save Changes.
That’s it ?
Having done that, all visit to https://profilepress.com/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.