Have you seen the eye icon on the password field of many popular websites and apps? Clicking on this icon reveals the password you are typing which is great if you are on a mobile device or unfamiliar with the typing interface you are using. In this article, we will show you how to allow users to hide/show passwords on WordPress login screen.
Password masking (those bullets that appear when you type a password) became a normal practice in user interface design for computer screens. The reason for that was to prevent other people from looking into your screen and memorizing your password. However, recently many user experience designers have started arguing that password masking is unnecessary and should be stopped. One of the reasons which make people feel that is the increased usage of mobile devices and tablet PCs. People who are in favor of password masking argue that users may still need to enter password on a non-private screen, like in offices, screen projectors, or in crowded public spaces.
The simple answer to this debate is to provide users with an option to decide whether they would like to hide or unmask their passwords as they type. To provide this functionality in your WordPress powered website, the first thing you need to do is install and activate the hideShowPassword plugin. This plugin works out of the box, and there are no settings for you to configure. Simply logout of WordPress admin area and see it in action on your WordPress login screen.
While password unmasking can improve user experience, we still strongly recommend our users to use strong passwords. If you are running a multi user WordPress site, then you can force strong passwords on other users as well.
We hope this article helped you learn how to add hide/show passwords icon in WordPress login screen. Do you think password unmasking is irrelevant and unneccesary? Let us know by leaving a comment below.
Shelton says
Hi there, I am looking for something like this for the woocommerce side of things, i.e. the sign up/log in page that is within the website.
The closest I got is a Jquery something, but I have no idea how to install any of that.
WPBeginner Support says
We will be sure to keep an eye out for an alternative we would recommend for updating this article.
Admin
Deb says
hide show password has not been updated for over a year and I cant find an alternative. Need solution for woocommerce.
WPBeginner Support says
For that message, you would want to take a look at our article here: https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Admin
Shahraar Khan says
I think showing the password is awful. but may be needed at time. thanx for the plugin link
Shahraar Khan