Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo permitir a los usuarios ocultar / mostrar contraseñas en la pantalla de acceso de WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

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

How to allow users to hide/show passwords on WordPress login screen

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

The hide/show password field on the WordPress login page

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.

The show/hide password field on a WordPress login screen

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

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.

The WooCommerce login screen

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.

The show/hide password field on a membership website

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.

The MemberPress membership plugin settings

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.

The MemberPress login settings

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.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

6 comentariosDeja una respuesta

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

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

  3. Deb says

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

  4. Shahraar Khan says

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

    Shahraar Khan

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.