¿Desea permitir a los usuarios ocultar / mostrar su contraseña en las distintas pantallas de acceso de su sitio WordPress?
WordPress añade automáticamente un botón de mostrar / ocultar contraseña a la página de acceso por defecto. Sin embargo, es posible que desee añadir un botón ocultar / mostrar contraseña a otras pantallas de acceso, sobre todo si ejecuta un sitio de membresía o una tienda en línea.
En este artículo, le mostraremos cómo puede permitir a los usuarios ocultar / mostrar su contraseña en diferentes pantallas de acceso de WordPress.
¿Qué es el botón Ocultar / Mostrar contraseña en la pantalla de acceso de WordPress?
Proteger su sitio web con una contraseña larga y compleja dificultará la intrusión en su sitio web WordPress.
Sin embargo, hay muchas formas de intentar robar tu contraseña. A veces, no basta con usar una contraseña segura para mantener a salvo tu sitio web.
Aquí es donde entra en juego la característica de ocultar/mostrar contraseña.
Si te diriges a tu URL de acceso a WordPress y empiezas a escribir tu contraseña, te darás cuenta de que WordPress enmascara tu contraseña por defecto. Cada número, letra o símbolo que escriba en el campo “Contraseña” se muestra como un punto.
Aunque alguien esté mirando la pantalla mientras escribes, no podrá ver tu contraseña. Esto es especialmente importante si accedes a tu blog de WordPress en un lugar público, como una biblioteca.
Sin embargo, a veces puede ser útil mostrar la contraseña del usuario mientras escribe.
Las contraseñas más seguras utilizan una mezcla de letras mayúsculas y minúsculas, símbolos y números. Estas contraseñas complicadas pueden ser difíciles de escribir sin cometer errores. Al mostrar la contraseña, los usuarios podrán detectar cualquier error tipográfico o de otro tipo antes de hacer clic en el botón “Acceder”.
La buena noticia es que WordPress hace que sea fácil de quitar / eliminar este enmascaramiento. Simplemente haga clic en el icono del ojo situado a continuación del campo “Contraseña” y WordPress mostrará la contraseña a medida que la escribe.
Para ocultar de nuevo la contraseña, basta con hacer clic en el símbolo del ojo.
Esta característica funciona en la pantalla de acceso estándar de WordPress. Sin embargo, hay otros lugares donde es posible que desee utilizar la característica de ocultar / mostrar la contraseña.
Dicho esto, veamos cómo puede permitir a los usuarios ocultar / mostrar su contraseña en algunas de las pantallas de acceso / acceso más comunes de WordPress. Si prefiere saltar directamente a un método en particular, entonces puede utilizar los siguientes enlaces.
- Método 1. Cómo permitir a los usuarios ocultar / mostrar contraseñas en la pantalla de acceso de WooCommerce
- Método 2. Cómo permitir a los usuarios ocultar / mostrar contraseñas en las pantallas de acceso de membresía
Método 1. Cómo Permitir a los Usuarios Ocultar / Mostrar Contraseñas en la Pantalla de Acceso de WooCommerce
Muchas tiendas online permiten a los clientes guardar su información creando una cuenta. Esto facilita que el cliente vuelva a comprar en su tienda en línea en el futuro.
Elregistro de usuarios también puede ser una forma de obtener la dirección de correo electrónico del visitante, para poder enviarle correos electrónicos de marketing y animarle a comprar más productos y servicios. Para más información, consulta nuestra selección de los mejores servicios de correo electrónico para pequeñas empresas.
Si estás usando WooCommerce para crear tu tienda, entonces el plugin crea una página de Mi Cuenta automáticamente. Si alguien visita esta página, WooCommerce le mostrará un formulario de acceso siempre y cuando no esté conectado a una cuenta.
Si se fija en el campo “Contraseña”, verá el conocido icono de ocultar/mostrar contraseña. El visitante puede elegir ocultar o mostrar su contraseña, simplemente haciendo clic en este icono.
Aunque WooCommerce crea la página Mi cuenta automáticamente, es posible que desee añadir el formulario de acceso a otras áreas de su sitio web. Por ejemplo, puede que quieras animar a los compradores a acceder a su cuenta cuando intenten finalizar compra / pago.
También existe la posibilidad de que hayas borrado accidentalmente la página Mi cuenta por defecto de WooCommerce.
La buena noticia es que puedes añadir el formulario de acceso de WooCommerce a cualquier página, entrada o área preparada para widgets usando el siguiente shortcode:
[woocommerce_my_account]
Para obtener instrucciones paso a paso, consulte nuestra guía para principiantes sobre cómo añadir un shortcode.
Una vez que hayas añadido el shortcode, simplemente visita tu sitio web. Ahora verás un formulario de acceso a WooCommerce con un botón para ocultar / mostrar la contraseña.
Método 2. Cómo permitir a los usuarios ocultar / mostrar contraseñas en las pantallas de acceso a la membresía
Un sitio web de membresía es una forma de ganar dinero en Internet permitiendo a los usuarios pagar por contenidos premium, características y acceso a una comunidad.
MemberPress es el mejor plugin de membresía para WordPress. Viene con todo lo necesario para aceptar pagos, crear diferentes niveles de membresía, restringir el acceso al contenido basado en esos niveles, y mucho más.
También es fácil de establecer. Para obtener más información, consulte nuestra guía paso a paso para crear un sitio WordPress MemberPress.
Una vez activado el plugin, MemberPress puede crear automáticamente todas las páginas que necesitas para convertir tu sitio web WordPress en un sitio de membresía avanzado. Esto incluye una pantalla de acceso donde los miembros pueden elegir ocultar o mostrar su contraseña, como puedes ver en la siguiente imagen.
Para crear una página de acceso a la membresía, simplemente vaya a MemberPress ” Ajustes.
A continuación, haga clic en la pestaña “Páginas”. Ahora verá todas las páginas que MemberPress puede crear automáticamente, incluida la página de acceso a MemberPress.
Para seguir adelante y crear todas estas páginas, basta con hacer clic en el botón Opciones de actualización.
Ahora si vas a Páginas ” Todas las Páginas, verás que MemberPress ha creado una página de acceso donde los usuarios pueden ocultar o mostrar su contraseña.
Después de crear una página de acceso, es una buena idea añadirla al menú de WordPress para que los miembros puedan encontrarla fácilmente. Para más información, puedes consultar nuestra guía sobre cómo añadir un menú de navegación en WordPress.
Esperamos que este artículo te haya ayudado a aprender cómo permitir a los usuarios ocultar / mostrar contraseñas en la pantalla de acceso de WordPress. Puede que también quieras ver nuestra guía definitiva sobre seguridad en WordPress y nuestra selección de expertos sobre el mejor software de chat en vivo para pequeñas empresas.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
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.
Administrador
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/
Administrador
Shahraar Khan says
I think showing the password is awful. but may be needed at time. thanx for the plugin link
Shahraar Khan