Cómo personalizar el formulario de restablecimiento de contraseña de WordPress

¿Quieres personalizar tu formulario de restablecimiento de contraseña de WordPress?

Ya sea añadiendo CSS personalizado o instalando distintos plugins, los usuarios de WordPress no son ajenos a la personalización. Es una de las razones por las que WordPress es tan popular.

Al crear un formulario de restablecimiento de contraseña personalizado, puede proporcionar una experiencia de usuario más sólida personalizando estas páginas de usuario para que coincidan con su tema de WordPress, muestren su logotipo y ofrezcan contenido adicional.

En esta entrada, le daremos una guía paso a paso para personalizar su formulario de restablecimiento de contraseña de WordPress.

Personalice ahora su formulario de restablecimiento de contraseña

¿Cómo puedo restablecer mi contraseña de WordPress?

Puedes restablecer tu contraseña de WordPress utilizando el enlace de contraseña perdida en WordPress. Esto le enviará un correo electrónico con un enlace en el que puede hacer clic para restablecer su contraseña.

Para mejorar la experiencia del usuario, un formulario de restablecimiento personalizado permite modificar el aspecto y el contenido de la notificación por correo electrónico. Te mostraremos cómo personalizar tu formulario de restablecimiento de contraseña, enviar al usuario a la página desde el formulario de contraseña y permitirle restablecer su contraseña fácilmente.

Cómo crear un formulario personalizado de restablecimiento de contraseña en WordPress

Para crear un formulario personalizado de restablecimiento de contraseña, necesitará suscribirse a la versión Premium de WPForms. La licencia Pro incluye el complemento Registro de usuarios que le permite crear formularios personalizados de restablecimiento de contraseña, registro de usuarios e inicio de sesión para su sitio web WordPress.

Empecemos.

1. Instalar WPForms

Primero, descargue e instale WPForms. Para este tutorial, necesitará la versión pro en lugar de WPForms Lite. Si necesitas ayuda, consulta esta guía para instalar plugins de WordPress.

Después de instalar el plugin, inicie sesión en su cuenta WPForms y haga clic en la pestaña Descargas.

Esta es una página con todas sus licencias disponibles. Para descargar el plugin, haga clic en el botón Descargar WPForms junto a la licencia pro. Esto guardará un archivo comprimido del plugin WPForms en su ordenador.

Después de descargar el archivo zip, diríjase a su sitio WordPress donde desea instalar WPForms. A continuación, en el panel de administración, haga clic en Plugins " Añadir nuevo y, a continuación, en el botón Cargar plugin.

Desde aquí, haga clic en el botón Elegir archivo y seleccione el archivo zip WPForms que acaba de descargar.

Una vez cargado el archivo, haga clic en el botón Instalar ahora.

Una vez instalado el plugin, haga clic en el botón Activar Plugin para activar WPForms en su sitio.

Después de activar el plugin, recuerde verificar su clave de licencia WPForms para recibir actualizaciones automáticas y soporte del plugin. Añadir su clave de licencia también le permitirá instalar y activar fácilmente los complementos WPForms desde el panel de control de WordPress.

2. Instale el complemento de registro de usuarios

Ahora instalaremos el addon que necesitamos para crear los formularios de restablecimiento de contraseña.

En su área de administración de WordPress, diríjase a WPForms " Addons en el menú de la barra lateral izquierda.

Si no ve ningún complemento para su nivel de licencia, haga clic en el botón Actualizar complementos para forzar una actualización.

Para buscar un complemento de Registro de usuarios, escriba su nombre en el campo Buscar complementos situado en la esquina superior derecha de la página.

Una vez que lo haya encontrado, simplemente haga clic en el botón Instalar complemento.

Esto instalará y activará automáticamente el complemento. Cualquier addon que esté instalado y listo para usar mostrará Status: Activo.

3. Utilice la plantilla de formulario de restablecimiento de contraseña

Para crear su formulario de restablecimiento de contraseña, vaya a WPForms " Agregar Nuevo. Busque "Restablecer contraseña" en la biblioteca de plantillas, luego pase el cursor sobre la opción Formulario de restablecimiento de contraseña de usuario y haga clic en Usar plantilla.

Una vez que hayas seleccionado la plantilla, el formulario de restablecimiento de contraseña se cargará en tu pantalla.

A continuación, puede personalizar el formulario de restablecimiento de contraseña añadiendo tantos campos como desee. Incluso puedes cambiar el texto del botón de envío.

No es una buena idea añadir o eliminar ningún campo de esta plantilla porque sirve a un propósito muy específico de forma óptima.

En el siguiente paso veremos cómo restablecer la configuración del correo electrónico.

4. Configurar el correo electrónico de restablecimiento de contraseña

Para personalizar el correo electrónico de solicitud de restablecimiento de contraseña, haga clic en Configuración en la barra lateral y, a continuación, en el menú Registro de usuarios.

Aquí puede personalizar el asunto y el mensaje del correo electrónico de restablecimiento o utilizar el mensaje predeterminado tal cual.

Si desea editar el mensaje de correo electrónico de restablecimiento, asegúrese de no eliminar el campo {user_registration_password_reset} etiqueta inteligente. Esta etiqueta inteligente crea el enlace de reinicio para que el usuario haga clic.

Desplázate hacia abajo y verás una opción para ocultar el formulario de restablecimiento de contraseña a los usuarios registrados. Si activas esta opción, podrás editar el mensaje que se mostrará cuando un usuario conectado abra el formulario.

¡Excelente!

Una vez que hayas personalizado los ajustes, asegúrate de hacer clic en Guardar en la parte superior.

En el siguiente paso, incrustaremos el formulario en una nueva página.

5. Publique su formulario personalizado de restablecimiento de contraseña

WPForms tiene un práctico asistente de incrustación que le permite colocar su formulario dentro de una página nueva o existente directamente desde el constructor de formularios.

Una vez guardado el formulario, haga clic en el botón Incrustar.

Como queremos incrustar nuestro formulario en una nueva página de restablecimiento de contraseña, seleccionaremos la opción Crear nueva página .

Dale a tu página un nombre apropiado y haz clic en Vamos.

Después de eso, WPForms abrirá el editor de bloques de WordPress donde encontrará su formulario de restablecimiento de contraseña incrustado.

Antes de publicar tu formulario, puedes realizar algunas personalizaciones de estilo impresionantes aquí.

Sólo tiene que utilizar las opciones de bloque WPForms a la derecha para utilizar las características de estilo de formulario y personalizar sus etiquetas, campos y botones en unos pocos clics.

Cuando estés satisfecho con tu formulario, pulsa Publicar para lanzarlo.

El formulario de restablecimiento de contraseña ya está activo y listo para su uso.

Pero aún no hemos terminado. Es importante asegurarse de que este formulario sea fácil de encontrar para los usuarios en caso de que necesiten restablecer su contraseña.

En el siguiente paso, añadiremos el formulario de restablecimiento de contraseña a la navegación principal de su sitio.

6. Añadir formulario de restablecimiento de contraseña al menú de navegación

Es una buena práctica hacer que su página de restablecimiento de contraseña sea fácil de encontrar para sus usuarios.

Para ello, añadiremos la página del formulario recién creado a la barra de navegación de su sitio en la parte superior.

Esto es fácil de hacer. Simplemente abra su panel de WordPress y vaya a Apariencia " Menús.

Es posible que ya tengas un menú de navegación añadido a tu sitio. En ese caso, sólo tendrás que añadir la página de restablecimiento de contraseña al menú.

Una vez dentro de la pantalla de Menús, haz clic en tu formulario de restablecimiento de contraseña en la columna de la izquierda y luego pulsa Añadir al Menú.

Con esto, la página de restablecimiento de contraseña se añadirá a la pila de páginas actualmente en su menú de la derecha.

Pulse el botón Guardar menú para actualizarlo.

El proceso para crear un menú por primera vez es casi similar. Solo tendrás que nombrar primero tu menú y luego pulsar el botón azul Crear menú de la parte inferior.

Una vez hecho esto, puede añadir páginas a su menú siguiendo los pasos indicados anteriormente.

He aquí un ejemplo de cómo es la navegación para nosotros:

Todo lo que tenemos que hacer ahora es añadir una redirección para que los visitantes que intenten acceder a su página de restablecimiento predeterminada de WordPress sean redirigidos automáticamente a su nueva página personalizada de restablecimiento de contraseña.

Opcional: Añadir redirección al formulario personalizado de restablecimiento de contraseña

Si está creando un formulario personalizado para restablecer contraseñas en su sitio web, puede ser una buena idea crear también un formulario de inicio de sesión personalizado con la marca de su sitio junto con una redirección para sustituir la página de inicio de sesión predeterminada de WordPress por la nueva página personalizada.

Pero si su página de inicio de sesión predeterminada sigue siendo accesible, debe añadir una redirección al formulario de restablecimiento de contraseña.

De este modo, si un usuario hace clic en el botón "Lost your password?"de la página de inicio de sesión de WordPress, serán redirigidos a la página personalizada de restablecimiento de contraseña que acaba de crear en lugar del formulario predeterminado de restablecimiento de contraseña de WordPress.

No te preocupes, es más fácil de lo que parece.

En primer lugar, vamos a instalar el plugin gratuito WPCode para WordPress. En tu panel de WordPress, dirígete a Plugins " Añadir nuevo.

Desde ahí, busca WPCode y haz clic en Instalar ahora.

Una vez que hayas hecho clic en Activar, es hora de añadir nuestro código. En el panel de WordPress, haz clic en Fragmentos de código " + Añadir fragmento.

Después de hacer clic en eso, verás la biblioteca pre-hecha con diferentes opciones de código que puedes elegir. Haz clic en Usar fragmento bajo la opción Añade tu código personalizado (Nuevo fragmento),

Una vez que haya titulado su fragmento (nosotros hemos elegido "Nueva página de restablecimiento de contraseña"), haga clic en el menú desplegable Tipo de código situado a la derecha de la Vista previa del código y seleccione Fragmento PHP.

Ahora, puede copiar y pegar el siguiente código en el editor:

Recuerde sustituir reset-password en el código anterior con el slug de su nueva página personalizada de restablecimiento de contraseña.

A continuación, desplácese hacia abajo hasta la sección Inserción, que es donde puede especificar el método y la ubicación de inserción. Recomendamos mantener la selección de ubicación predeterminada Ejecutar en todas partes e Inserción automática para el Método de inserción.

Cuando hayas terminado, haz clic en el botón Guardar fragmento de código de la parte superior derecha. A continuación, haz clic en el interruptor situado junto a él para activar el fragmento de código.

Excelente. Ahora, los usuarios siempre llegarán a su página personalizada de restablecimiento de contraseña cada vez que hagan clic en el enlace de contraseña perdida.

Pasar de un formulario de restablecimiento de contraseña estándar de WordPress a un formulario de restablecimiento personalizado de WPForms le aporta muchas ventajas, además de mejorar su imagen de marca.

Por ejemplo, puede añadir funciones de protección contra el spam utilizando el antispam incorporado de WPForms junto con opciones útiles como establecer un tiempo mínimo para enviar un formulario para mantener a raya a los spambots.

Para más detalles, puede seguir nuestra guía para evitar el restablecimiento no autorizado de contraseñas en WordPress, ¡y eliminar estas solicitudes de spam!

Y ya está. Ya está listo para crear y lanzar un formulario personalizado de restablecimiento de contraseña en WordPress.

A continuación, personalice la página de restablecimiento de contraseña

Una vez que hayas incrustado el formulario de restablecimiento de contraseña en tu nueva página, deberás ponerle tu marca.

¿Por qué? Si pone su marca en el formulario y la página de restablecimiento de contraseña, consolidará la idea de que su empresa es legítima y aumentará la credibilidad general de su marca.

Siga nuestra guía completa para crear y personalizar páginas de formularios en WordPress.

Además, es posible que desee aprender a personalizar una página protegida por contraseña en WordPress.

Consulta también nuestra guía sobre cómo personalizar los colores de tu tema de WordPress y dar estilo a tus formularios para que coincidan con los colores de tu marca.

Por último, le recomendamos que consulte esta lista de los mejores servicios de correo electrónico transaccional.

Cree su formulario WordPress ahora

¿Listo para crear tu formulario? Recuerde suscribirse a WPForms Pro, ya que incluye el complemento de registro de usuarios, muchas plantillas gratuitas y una garantía de devolución del dinero de 14 días.

Si este artículo te ha ayudado, síguenos en Facebook y Twitter para más tutoriales y guías gratuitas sobre WordPress.