{"id":36911,"date":"2022-04-24T15:00:14","date_gmt":"2022-04-24T13:00:14","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=36911"},"modified":"2022-05-18T09:53:39","modified_gmt":"2022-05-18T07:53:39","slug":"how-to-create-custom-reset-my-password-page","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-create-custom-reset-my-password-page\/","title":{"rendered":"How to Create a Custom Reset My Password Page"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]You may be wondering how much of your WordPress website is customizable. The answer is, as you may expect, pretty much all of it. While your landing pages<\/a> and home page<\/a> are typically the heart of your website, and the focus of your visitors\u2019 attention, you shouldn\u2019t neglect the rest of your website \u2013 including your reset password page \u2013 when it comes to the overall user experience.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]In this article, we will be demonstrating a way to customize your website\u2019s reset password page: the page your users see when they attempt to change their login credentials. But before we get into the details of the how to, we would like to delve into the reasons why you would want to create a custom password reset page.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Let\u2019s get to it.[\/vc_column_text][vc_empty_space height=”80px”][vc_widget_sidebar sidebar_id=”new-top-picks-banner”][vc_empty_space height=”80px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Why Create a Custom Reset My Password Page<\/h2>\n

[\/vc_column_text][vc_column_text]Primarily, the reason why you might want to customize your password reset page is, as we\u2019ve mentioned before, user experience. There\u2019s nothing wrong with WordPress\u2019s default pages, even if your theme does not come with its own reset password page: WordPress has a very good system for user registration<\/a>. However, these pages show WordPress branding and logo, and may look to your visitors like they are leaving your website.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Now, while that may not exactly confuse your internet-savvy visitors, you are still at the very least missing an opportunity to reinforce your brand and make the reset password page look like an integral part of the website.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]What\u2018s more, many hackers use WordPress\u2018s default functions to launch automated attacks<\/a> on websites. By changing away from the default values, you make their job a little bit harder.[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

How to Customize Your Reset Password Page<\/h2>\n

[\/vc_column_text][vc_column_text]You can easily customize your reset password page by using a suitable WordPress plugin. The plugin we will be using is Theme My Login<\/a>. This free plugin has several functionalities, but we will be using it to modify your reset password page. Before you begin using this plugin, we suggest brushing up on the basics of shortcodes in WordPress<\/a>.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]After having installed and activated the plugin<\/a>, navigate to the plugin\u2018s general settings by selecting Theme My Login\/General<\/strong> from your WordPress dashboard.[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"Theme <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]The section you need is the Slugs<\/strong> section of the General<\/strong> screen. This is where you can find the URLs for the login pages customizable using this plugin. You can change them to your preference, and click the Save Changes<\/strong> button when you\u2018re done. We are happy with the default version of the URLs, so we won\u2018t be changing it.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]To customize your reset password page, copy your Reset Password<\/strong> slug from its adjacent field. In our case, it is resetpass<\/em>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Reset <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]The next thing you need to do is create your reset password page. All the plugin did was establish a functionality for redirection.[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

How to Use Theme My Login\u2019s Shortcodes<\/h2>\n

[\/vc_column_text][vc_column_text]To create your custom reset password page, do as you would for any other page. We will be using the default Gutenberg page editor, but the solution should work much the same for Elementor and Classic Editor users. We have created a page and added some placeholder text<\/a>.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]To make this page a reset password page, you need to add a shortcode to it. Click the plus<\/strong> sign and select a shortcode block from the menu. If you are using Elementor, you need a shortcode widget from the left hand-side menu, while if you are a Classic Editor user you can just place the shortcode wherever you like it while in the text view of the page editor.[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"Add <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Next, you need to enter the shortcode into the shortcode block. The shortcode you need is [theme-my-login action=”resetpass”]<\/em>. Of course, if you have changed the default settings, you will have to enter your own slug. You also need to make sure that the URL slug<\/a> in the Permalink<\/strong> section of the Page<\/strong> tab on the right hand-side corresponds with the URL slug in the plugin\u2018s General<\/strong> screen. Once you are done, click the Publish<\/strong> button.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]And your custom password reset page is ready.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Reset <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Of course, this is just the core functionality. You can make many other alterations and modifications to the password reset page, as well as login, registration and password recovery pages using this plugin.[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

In Conclusion<\/h2>\n

[\/vc_column_text][vc_column_text]As you have seen, creating a custom reset password page is not a bugbear, even if you are not a seasoned, tech-savvy WordPress user: all you need is a free and simple plugin and some few minutes to set everything up.
\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

Improve your website’s UX and reinforce your brand by creating a custom reset password page – we will show you how.<\/p>\n","protected":false},"author":16990,"featured_media":37051,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[251,4,13],"class_list":["post-36911","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-password","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/36911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/16990"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=36911"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/36911\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/37051"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=36911"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=36911"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=36911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}