¿Quieres crear una página personalizada de restablecimiento de contraseña en WordPress?
El formulario por defecto de WordPress para restablecer la contraseña tiene la imagen de marca estándar de WordPress.org y no cambia para adaptarse a tu tema. Esta no es la mejor experiencia, especialmente si tienes un sitio de membresía o un portal de clientes.
En este artículo, le mostraremos cómo personalizar fácilmente la página de restablecimiento de contraseña para los usuarios de WordPress.
![customize-password-reset-pages-in-wordpress-og How To Customize WordPress Reset Password Page](https://www.wpbeginner.com/wp-content/uploads/2021/11/customize-password-reset-pages-in-wordpress-og.png)
¿Por qué personalizar la página de restablecer contraseña en WordPress?
Su sitio web WordPress incluye un potente sistema de gestión de usuarios que permite crear una cuenta de usuario, acceder y restablecer la contraseña.
Por defecto, estas páginas muestran la imagen de marca y el logotipo de WordPress. A veces, esto no es un gran problema, especialmente si usted o su equipo son los únicos que acceden al área de administrador.
![resetpasswordpagedefault Default Reset Password Page](https://www.wpbeginner.com/wp-content/uploads/2021/11/resetpasswordpagedefault.png)
Sin embargo, si tiene una tienda de comercio electrónico o un sitio de afiliación, es posible que sus clientes también tengan que iniciar sesión.
Puede ofrecer una experiencia de usuario mucho mejor personalizando estas páginas para que coincidan con el diseño y la marca de su sitio web. Si lo desea, también puede añadir contenido adicional, como su logotipo o una lista de publicaciones recientes.
Puede que ya hayas seguido nuestras otras guías sobre cómo añadir un formulario de registro de usuario personalizado y una página de acceso. Ahora, veamos cómo personalizar la página de restablecer contraseña. Simplemente usa los enlaces rápidos de abajo para saltar directamente al método que quieras usar:
Método 1: Personalizar la página de restablecer contraseña con Formularios Formidable (Fácil)
La forma más fácil de reemplazar la página de restablecimiento de contraseña de WordPress es usando Formidable Forms. Este plugin te permite reemplazar la página de restablecimiento de contraseña por defecto usando un shortcode.
Este método no le permite editar el formulario de restablecimiento de contraseña, pero puede añadir su propio contenido. Por ejemplo, puedes añadir texto, imágenes y otros contenidos utilizando el editor de entradas estándar de WordPress.
![An example of a custom password reset page An example of a custom password reset page](https://www.wpbeginner.com/wp-content/uploads/2021/12/custom-password-reset.png)
En primer lugar, debes instalar el plugin Formidable Forms. Para obtener más información, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Tras la activación, también tendrá que instalar Formularios Formidable Lite. Este plugin gratuito proporciona el núcleo para las características más avanzadas del plugin premium.
Una vez hecho esto, vaya a la página Formularios Formulables ” Configuración Global en su panel de control y seleccione ‘Haga clic para introducir una clave de licencia manualmente’.
![The Formidable Forms license page The Formidable Forms license page](https://www.wpbeginner.com/wp-content/uploads/2021/12/formidable-forms-license.png)
Encontrará la clave de licencia en su cuenta del sitio web de Formularios Formidables. Después de introducir esta información, siga adelante y haga clic en el botón “Guardar licencia”.
A continuación, debe instalar el Complemento de Registro de Usuario yendo a Formidable ” Complementos. En esta pantalla, busque el complemento Registro de usuario y haga clic en su botón “Instalar”.
![resetformidableformsaddons Formidable Forms Add-Ons Page](https://www.wpbeginner.com/wp-content/uploads/2021/11/resetformidableformsaddons.png)
Ahora está listo para crear una página personalizada para restablecer la contraseña yendo a Páginas ” Añadir nueva.
Para empezar, dale un título a la página y luego haz clic en el botón +. En el mensaje / ventana emergente que aparece, empieza a escribir ‘Shortcode’.
![Adding a shortcode block to WordPress Adding a shortcode block to WordPress](https://www.wpbeginner.com/wp-content/uploads/2021/12/shortcode-block-passwordreset.png)
Basta con hacer clic en el bloque de la derecha para añadirlo a la página.
Ahora puede añadir el siguiente shortcode: [frm-restablecer-contraseña]
.
![Adding a custom password reset form using shortcode Adding a custom password reset form using shortcode](https://www.wpbeginner.com/wp-content/uploads/2021/12/password-reset-shortcode.png)
En este punto, puede añadir cualquier otro contenido que desee mostrar en la página de restablecimiento de contraseña.
Cuando esté satisfecho con cómo se ha establecido la página, haga clic en el botón “Publicar” para activarla.
Por último, debe indicar a WordPress que utilice esta página en lugar de la página de restablecimiento de contraseña por defecto. Para ello, diríjase a Formidable ” Ajustes globales y, a continuación, haga clic en la pestaña “Registro” del menú.
Desde aquí, sólo tienes que abrir el menú desplegable “Restablecer página de contraseña” y elegir la página que acabas de crear.
![resetformidableregistration Formidable Forms Global Settings Registration Page](https://www.wpbeginner.com/wp-content/uploads/2021/11/resetformidableregistration.png)
No olvide hacer clic en el botón “Actualizar” de la parte superior de la pantalla para almacenar sus ajustes.
Ahora puede visitar su sitio web WordPress para ver la página personalizada de restablecer contraseña en acción.
Método 2: Personalizar todas las páginas de membresía usando ‘Theme My Login’ (Gratis)
Para proporcionar una experiencia de usuario consistente, es una buena idea utilizar el mismo estilo en todas sus páginas de membresía. Theme My Login es un plugin gratuito que te permite reemplazar las páginas integradas del escritorio de WordPress, de acceso, de cierre de sesión, de registro, de olvido de contraseña y de restablecer contraseña.
No es la solución más personalizable, pero todas sus páginas utilizarán tu tema de WordPress.
![A custom lost password page in WordPress A custom lost password page in WordPress](https://www.wpbeginner.com/wp-content/uploads/2021/12/lost-password-custom.png)
Lo primero que tienes que hacer es instalar y activar el plugin Theme My Login. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Al activarlo, el Tema Mi Cuenta crea automáticamente URLs para sus pantallas personalizadas de acceso / salida, registro, pérdida de contraseña y restablecer contraseña. Puede ver estas URLs yendo a la página General de Theme My Login.
![resetthememyloginslugs Theme My Login Slugs](https://www.wpbeginner.com/wp-content/uploads/2021/11/resetthememyloginslugs.png)
Para sustituir cualquiera de estas páginas, basta con crear una nueva página con esta URL exacta.
Para crear una página personalizada de WordPress para restablecer la contraseña, vaya a Página ” Añadir nuevo. Aquí, haz clic en el icono ‘+’ y empieza a escribir ‘Shortcode.’
Cuando aparezca el bloque adecuado, haz clic en él para añadirlo a la página.
![Adding a custom password reset page using a shortcode Adding a custom password reset page using a shortcode](https://www.wpbeginner.com/wp-content/uploads/2021/12/theme-login-shortcode.png)
Dentro del bloque, añade el siguiente shortcode:
[tema-my-login action="contraseña-perdida"]
Ahora puedes añadir cualquier contenido adicional que quieras mostrar en la página de restablecimiento de contraseña, como tu logotipo. Cuando estés satisfecho con cómo se ha establecido la página, haz clic en “Guardar borrador”.
![Publishing a custom password reset page Publishing a custom password reset page](https://www.wpbeginner.com/wp-content/uploads/2021/12/theme-login-draft.png)
Después, ve a Páginas ” Todas las páginas y busca la página de restablecimiento de contraseña que acabas de crear.
Basta con pasar el ratón por encima de la página y hacer clic en el botón “Edición rápida” cuando aparezca.
![Adding password reset with quick edit Adding password reset with quick edit](https://www.wpbeginner.com/wp-content/uploads/2021/12/quick-edit-page.png)
En el campo “Slug”, escribe “lostpassword”.
A continuación, abra el menú desplegable “Estado” y seleccione “Publicado”.
![Customizing the password reset slug in WordPress Customizing the password reset slug in WordPress](https://www.wpbeginner.com/wp-content/uploads/2021/12/password-reset-slug.png)
Una vez hecho esto, haz clic en “Actualizar”. Ahora, si usted visita su blog de WordPress, verá la página de contraseña perdida en vivo.
Para reemplazar las otras páginas de membresía incorporadas en WordPress, simplemente siga los pasos descritos anteriormente, pero asegúrese de utilizar el URL slug y shortcode correctos.
Por ejemplo, si quisieras crear una página personalizada para restablecer la contraseña, tendrías que usar el shortcode [theme-my-login action="resetpass"]
. También tendrás que cambiar el ‘URL slug’ a resetpassword
.
Método 3: Crear una página para restablecer la contraseña usando WPForms (completamente personalizable)
Si desea reemplazar la página de restablecimiento de contraseña por defecto con un formulario completamente personalizado, le recomendamos que utilice WPForms.
Este plugin tiene una plantilla de ‘Formulario de restablecimiento de contraseña de usuario’ que puedes personalizar con tu propio texto, imágenes e imagen de marca / marca. Usted puede incluso añadir y eliminar campos para recoger exactamente la información que desea de los miembros.
![The WPForms drag and drop form editor The WPForms drag and drop form editor](https://www.wpbeginner.com/wp-content/uploads/2021/12/wpforms-form-editor-2.png)
Lo primero que debe hacer es instalar y activar el plugin WPForms. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Tras la activación, diríjase a WPForms ” Ajustes e introduzca su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de WPForms.
![Entering the WPForms license key Entering the WPForms license key](https://www.wpbeginner.com/wp-content/uploads/2021/12/wpforms-license-key.png)
Después de introducir la clave de licencia, deberá instalar la extensión Registro de usuarios, que le permite crear formularios personalizados de registro de usuarios, restablecer contraseñas y acceder / acceder a su sitio.
En el Escritorio, vaya a WPForms ” Extensiones y busque la extensión Registro de Usuarios.
![The WPForms user registration addon The WPForms user registration addon](https://www.wpbeginner.com/wp-content/uploads/2021/12/wpforms-registration-addon.png)
Basta con hacer clic en “Instalar extensión” para descargarla y, a continuación, en “Activar” para ponerla en funcionamiento.
Ahora está listo para crear su propio formulario personalizado de restablecimiento de contraseña yendo a la página WPForms ” Añadir nuevo. Aquí, escriba un título para el nuevo formulario.
Una vez hecho esto, desplácese hasta la plantilla “Formulario de restablecimiento de contraseña de usuario” y haga clic en su botón “Usar plantilla”.
![The WPForms password reset template The WPForms password reset template](https://www.wpbeginner.com/wp-content/uploads/2021/12/wpforms-password-template.png)
WPForms cargará ahora la plantilla del formulario de restablecimiento de contraseña de usuario.
Para personalizar cualquier campo con su propio texto, etiqueta o descripción, sólo tiene que hacer clic para seleccionarlo y, a continuación, utilizar los ajustes del menú de la izquierda.
Por ejemplo, la plantilla tiene un botón “Enviar”. Para mostrar una etiqueta de botón diferente, simplemente haga clic para seleccionar el campo y luego escriba un nuevo mensaje en ‘Submit Button Text.’
![Customizing the text in a password reset form Customizing the text in a password reset form](https://www.wpbeginner.com/wp-content/uploads/2021/12/submit-button-text.png)
También puede cambiar lo que ocurre cuando un usuario envía su solicitud de restablecer contraseña yendo a Ajustes ” Confirmaciones.
Aquí, abra el menú desplegable “Tipo de confirmación” y elija si desea redirigir al usuario a una página o URL diferente o simplemente mostrar un mensaje pidiéndole que marque / compruebe en su bandeja de entrada si ha recibido un correo electrónico para restablecer la contraseña.
![Creating a custom message for the WPForms password reset page Creating a custom message for the WPForms password reset page](https://www.wpbeginner.com/wp-content/uploads/2021/12/customizing-wpforms-message.png)
También puede personalizar el mensaje escribiéndolo en el pequeño editor de texto. Por ejemplo, puede recordar a los usuarios que comprueben sus carpetas de Spam.
Consejo profesional: Si sus correos electrónicos se envían regularmente a Spam, le recomendamos que utilice un proveedor de servicios SMTP para mejorar sus tasas de entrega de correo electrónico.
Cuando esté satisfecho con el formulario establecido, haga clic en el botón “Guardar” situado en la esquina superior derecha de la pantalla.
Para reemplazar la página de restablecimiento de contraseña por defecto de WordPress, tendrás que crear una página con el slug ‘onepassword.’ A continuación, puedes añadir el formulario a esa página.
La forma más fácil de hacerlo es al hacer clic en el botón ‘Incrustar’ en el editor de WPForms. A continuación, seleccione ‘Crear nueva página’.
![Adding WPForms to a new WordPress page Adding WPForms to a new WordPress page](https://www.wpbeginner.com/wp-content/uploads/2021/12/wpforms-create-page.png)
Ahora, escribe un título para la nueva página. Cambiarás el slug en un paso posterior, así que puedes usar lo que quieras.
Una vez hecho esto, haz clic en “Vamos”.
![Adding a custom password reset form to a WordPress page Adding a custom password reset form to a WordPress page](https://www.wpbeginner.com/wp-content/uploads/2021/12/wpforms-embed-page.png)
Esto le lleva al editor de páginas de WordPress, con el formulario ya añadido a la nueva página. Ahora puede realizar cualquier cambio en esta página, como añadir más texto, un logotipo personalizado o categorías y etiquetas.
Cuando estés satisfecho con el aspecto de la página, haz clic en el botón “Guardar borrador”.
![Creating a custom password reset form using WPForms Creating a custom password reset form using WPForms](https://www.wpbeginner.com/wp-content/uploads/2021/12/password-reset-draft.png)
Después, ve a Páginas ” Todas las páginas y busca la página de restablecimiento de contraseña que acabas de crear.
Aquí, haga clic en el botón “Edición rápida”.
![Customizing the password reset slug Customizing the password reset slug](https://www.wpbeginner.com/wp-content/uploads/2021/12/page-quick-edit.png)
En el campo “Slug”, escribe “lostpassword”.
A continuación, abra el menú desplegable “Estado” y seleccione “Publicado”.
![Customizing the password reset slug in WordPress Customizing the password reset slug in WordPress](https://www.wpbeginner.com/wp-content/uploads/2021/12/password-reset-slug.png)
Ahora, necesita redirigir a los visitantes a la página personalizada de restablecimiento de contraseña en lugar de la página incorporada de WordPress. La forma más sencilla de hacerlo es utilizando el plugin gratuito WPCode.
WPCode es el mejor plugin de fragmentos de código utilizado por más de 2 millones de sitios web de WordPress. Facilita la adición de código personalizado en WordPress sin tener que editar el archivo functions.php.
Con WPCode, incluso los principiantes pueden editar el código de su sitio web sin arriesgarse a cometer errores y erratas que pueden causar muchos errores comunes de WordPress.
Lo primero que tienes que hacer es instalar y activar el plugin gratuito WPCode. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Una vez activado, diríjase a Fragmentos de código ” Añadir fragmento.
![Adding a custom snippet to WordPress Adding a custom snippet to WordPress](https://www.wpbeginner.com/wp-content/uploads/2021/12/wpcode-adding-snippet.png)
Aquí encontrarás fragmentos de código listos para usar que te permitirán subir otros tipos de archivo a WordPress, desactivar páginas de adjuntos, desactivar completamente los comentarios y mucho más.
Simplemente pase el ratón por encima de “Añada su código personalizado” y haga clic en “Usar fragmento” cuando aparezca.
![Redirect to a custom password reset page with WPCode Redirect to a custom password reset page with WPCode](https://www.wpbeginner.com/wp-content/uploads/2021/12/use-snippet-wpcode.png)
Para empezar, escriba un título para el fragmento de código personalizado. Puede ser cualquier cosa que le ayude a identificar el fragmento en el escritorio de WordPress.
A continuación, abra el menú desplegable “Tipo de código” y seleccione “Fragmento de código PHP”.
![Adding a password reset redirect Adding a password reset redirect](https://www.wpbeginner.com/wp-content/uploads/2021/12/php-snippet-wpcode.png)
En el editor de código, añada el siguiente fragmento de código:
add_filter( 'lostpassword_url', 'my_lostpassword_url' );
function my_lostpassword_url() {
return site_url('/lostpassword/');
}
A continuación, desplázate hasta la sección ‘Inserción’. WPCode puede añadir código en diferentes lugares, como después de cada entrada, solo portada / vista pública, o solo administrador.
Para utilizar el código PHP personalizado en todo tu sitio web, blog o tienda WooCommerce, haz clic en “Insertar automáticamente” si aún no está seleccionado. A continuación, abre el menú desplegable “Ubicación” y selecciona “Ejecutar en todas partes”.
![Adding a redirect to WordPress using a code snippet plugin Adding a redirect to WordPress using a code snippet plugin](https://www.wpbeginner.com/wp-content/uploads/2021/12/php-run-everywhere.png)
A continuación, desplácese a la parte superior de la pantalla y haga clic en el conmutador “Inactivo” para que cambie a “Activo”.
Por último, haga clic en “Guardar fragmento” para activar el fragmento de código PHP.
![Publishing a custom PHP snippet in WordPress Publishing a custom PHP snippet in WordPress](https://www.wpbeginner.com/wp-content/uploads/2021/12/publishing-password-reset.png)
Ahora, intente acceder a la pantalla de acceso de WordPress.
Si hace clic en el enlace “¿Ha olvidado su contraseña?”, se le redirigirá a la página de restablecimiento de contraseña personalizada que acaba de crear.
![A custom password reset form A custom password reset form](https://www.wpbeginner.com/wp-content/uploads/2021/12/custom-password-reset-1.png)
Dependiendo de cómo esté establecido su sitio, puede que tenga que actualizar los enlaces para restablecer la contraseña en otras páginas.
Si ha creado una página de acceso personalizada para WordPress utilizando un plugin como WPForms, también le recomendamos que añada a este formulario el enlace para restablecer la nueva contraseña.
![Customizing the login page and form Customizing the login page and form](https://www.wpbeginner.com/wp-content/uploads/2021/12/reset-login-link.png)
Guías de expertos para personalizar páginas de WordPress
Ahora que ya sabe cómo personalizar la página de restablecer contraseña de WordPress, puede que le interese ver algunos tutoriales de WordPress sobre cómo personalizar otras páginas.
- Cómo crear una página de acceso personalizada en WordPress (Guía definitiva)
- Cómo personalizar una página protegida por contraseña en WordPress
- Los mejores plugins de protección de contenidos para WordPress (Selección de expertos)
- Cómo personalizar la página de resultados de búsqueda en WordPress
- Cómo añadir una página de perfil de autor personalizada en su sitio de WordPress
- Qué hacer si se bloquea la administración de WordPress (wp-admin)
- Cómo crear una página de inicio personalizada en WordPress
- Cómo crear una página separada para entradas de blog en WordPress
- Consejos vitales para proteger el área de administración de WordPress
- Cómo mejorar su plantilla de página 404 en WordPress
Esperamos que este tutorial te haya ayudado a aprender cómo personalizar la página de restablecer contraseña de WordPress. Puede que también quieras aprender cómo crear una dirección de correo electrónico de empresa gratuita o comprobar nuestra lista de plugins imprescindibles para hacer crecer tu sitio.
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!
Rowdy says
Hello, do I need to have a paid license for the first method with Formidable Forms ?
WPBeginner Support says
Yes, at the moment user registration is part of the paid plan.
Administrador
Lennon says
your article is nice and helpful
WPBeginner Support says
Glad you found our guide helpful!
Administrador