Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Allow Users to Hide/Show Passwords on WordPress Login Screen

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.

Show or Hide Password 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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

5 CommentsLeave a Reply

  1. 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.

    • We will be sure to keep an eye out for an alternative we would recommend for updating this article.

      Admin

  2. hide show password has not been updated for over a year and I cant find an alternative. Need solution for woocommerce.

  3. I think showing the password is awful. but may be needed at time. thanx for the plugin link

    Shahraar Khan

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.