Creación de formularios de inicio de sesión y registro para Elementor

Si desea crear un sitio web de membresía en el que las personas se registren para aprovechar funciones especiales, es mejor que cree una página de inicio de sesión y registro dedicada. Esto le permitirá hacer que su sitio web se sienta mucho más profesional, solicitar información adicional del usuario durante el proceso de registro y mucho más.

Por eso, hemos elaborado un tutorial detallado para ayudarlo a crear una página de inicio de sesión y registro personalizada utilizando el plugin creación de páginas de Elementor .

Elementor es, con mucho, uno de los plugin creación de páginas más populares y con muchas funciones para WordPress. La versión gratuita del plugin viene con toneladas de bloques y widgets para la construcción básica del sitio. Mientras que existe una versión pro del plugin ofrece widgets y bloques más avanzados.

Ahora, el widget de creación de formularios que viene con Elementor está bloqueado dentro de su versión pro. Sin embargo, en lugar de obtener Elementor Pro para crear su formulario de registro, recomendamos optar por el plugin Ultimate Addon for Elementor (UAE), ya que viene con muchos bloques y widgets potentes en comparación con Elementor Pro.

Tabla de contenidos

Beneficios de crear una página de registro personalizada

Solo en términos de funcionalidad, no hay problema en usar una página de registro de aspecto genérico en su sitio web. Pero si hace esto, se perderá las toneladas de ventajas que vienen con una página de registro hecha a medida para su sitio web.

aquí hay un vistazo a algunos de los beneficios clave de crear una página de registro personalizada para darle una idea:

1. Personalice las páginas de registro de usuarios

Con la ayuda de páginas de registro personalizadas, puede crear formularios de registro con campos personalizados y diseñarlos según sus requisitos. Puede diseñar los formularios para que se adapten a sus necesidades y requisitos para que resuenen con su idea de negocio y su sitio web.

El widget de formulario de registro de usuario se puede utilizar para lo siguiente:

  • Una elegante solución para convertirse en miembro de una tienda online
  • Un formulario de registro de WordPress personalizado para reflejar su negocio
  • Un formulario seguro para foros y sitios web de aprendizaje electrónico
  • Un formulario de registro personalizado para sitios web de membresía

2. Recopile toda la información requerida de un solo formulario

Si hay una información en particular que desea recopilar de sus miembros, puede incluirla en su formulario de registro.

Entonces, no es solo un nombre de usuario y una contraseña que un usuario puede elegir, y eso es todo. Puede agregar más campos de formulario como nombre, dirección de correo electrónico, detalles de contacto, etc. Puede crear formularios completos de forma elegante con la ayuda de campos personalizados en los que puede formar parte de su formulario de registro.

3. Personalice la experiencia del usuario

Puede proporcionar una experiencia de usuario personalizada a sus miembros. Esto puede redirigir a los usuarios a una página específica, ayudarlos a iniciar sesión automáticamente en sus cuentas o enviar un correo electrónico a su bandeja de entrada.

4. Lucha contra el spam y mejora de la seguridad

Con la incorporación de Honeypot y ReCaptcha, puede luchar contra los spammers y evitar registros falsos.

5. Perfectamente para su estilo de marca

Un formulario de registro debe tener el mismo aspecto que las demás páginas de su sitio web. Con los formularios de registro personalizados, puede crear formularios que se adapten a su negocio.

¿Cómo crear un formulario de registro de usuario personalizado usando Elementor?

Ahora que tiene un conocimiento básico de cómo un formulario de registro de usuario personalizado puede ayudarlo en su negocio, aquí hay una guía completa paso a paso sobre cómo usar Elementor y el complemento de EAU para ayudarlo a crear su propia experiencia de inicio de sesión de usuario personalizada.

Aquí hay una guía de tres pasos sobre cómo puede crear un formulario de registro de usuario para su sitio web.

Nota : antes de continuar, asegúrese de haber habilitado la Membresía dirigiéndose a Panel de control > Configuración > General > Membresía: Habilitado .

1.png

Habilitar la opción Membresía permitirá que cualquier usuario se registre en su sitio web.

Paso 1: Cree un formulario de registro de usuario utilizando el Plugin UAE (Ultimate Addon para Elementor)

Para hacer un formulario de registro de usuario personalizado, asegúrese de tener la versión actualizada del plugin UAE , con el bloque activado.

Una vez que haya asegurado los requisitos previos para crear una página de inicio de sesión, debe crear o agregar una nueva página. Y edite la página donde desea adjuntar el formulario de registro de usuario.

Si arrastra y suelta el widget, puede ver los campos de formulario predeterminados.

2.png

Puede jugar con los campos: puede eliminar un campo que no necesita o agregar otros campos como Nombre de usuario, Nombre, etc.

Hay una opción para administrar el ancho de columna requerido en campos de formulario individuales.

También puede administrar el Tamaño de entrada y las etiquetas de los campos (ya sea que desee mostrarlos u ocultarlos) o la Marca requerida.

Paso 2: Configure las opciones de su formulario

Después de cubrir los conceptos básicos, puede configurar los ajustes del formulario visitando la sección Configuración general . Puede realizar las siguientes funciones desde aquí:

  • Nuevo rol de usuario
  • Elija 'Después de las acciones de registro'

Aquí hay una descripción detallada de ambos:

Nuevo rol de usuario

Si tiene un sitio de membresía que requiere que un usuario lo registre en su sitio web, entonces, de manera predeterminada, está asignando el 'Rol de usuario' como Suscriptor .

Puede establecer un rol de usuario predeterminado para sus miembros, y el rol asignado se establecerá para todos los nuevos usuarios cuando se registren en su sitio web.

Untitled.png

Seleccionar después de las acciones de registro

4.png

Un usuario puede seleccionar las siguientes acciones que puede realizar después de registrarse en un sitio de membresía, utilizando el widget de formulario de registro de usuario:

  • Inicio de sesión automático : con esta opción, puede permitir que el usuario inicie sesión en su sitio web automáticamente. Después de proporcionar las credenciales por primera vez, el usuario no tendrá que iniciar sesión nuevamente porque iniciará sesión en el sitio web automáticamente después del registro exitoso.
  • Redirigir después de registrarse : con esta opción, puede redirigir a los usuarios a una página de bienvenida o una página de inicio de sesión, después de un registro exitoso. Puede configurar una página de redireccionamiento pegando la URL de la página deseada en el campo URL debajo de esta opción.
  • Enviar un correo electrónico: cuando el usuario lo registre en su sitio web con éxito, esta opción le enviará un correo electrónico confirmando su registro. El contenido del correo electrónico se puede personalizar y puede personalizar estos correos electrónicos para que sean más cálidos. Pero si desea enviar el mismo correo electrónico a todos sus usuarios, también puede hacerlo explorando esta opción.
5.png
  • Ocultar después del registro: a veces, es posible que desee ocultar el formulario de registro de usuario después de que se haya registrado con éxito en su sitio. Con la opción 'Ocultar después del registro', puede ocultar el formulario de registro mientras los lleva a una página de inicio de sesión o simplemente a la visualización del mensaje 'Exitoso' después de proporcionarles un enlace para visitar la página de inicio de sesión y obtener acceso al sitio web. Puede encontrar esta opción en la sección Configuración general en la pestaña Contenido del widget.

Continuando, puede diseñar y aplicar estilo al formulario de registro de usuario usando la pestaña Estilo del widget.

Después de hacer esto, habrá terminado con el proceso de creación y configuración del widget Formulario de registro de usuario. El formulario está listo para publicarse en el sitio web en vivo.

Paso 3: agregue el formulario de registro de usuario a su sitio web

Esta parte es bastante básica y sencilla. Puede arrastrar y soltar directamente para agregar este widget, como cualquier otro widget de Elementor. También puede guardar la sección que contiene el widget y buscar la sección guardada en la página de registro requerida.

6.png

A continuación, hemos elaborado algunas formas más de ayudar a agregar cualquier widget en el editor de Elementor.

por ejemplo, para el formulario de registro de usuario en una página de WooCommerce

Si desea crear una página personalizada de WooCommerce, es decir, Mi página de cuenta, bajo el nombre como Página de cuenta personalizada, simplemente puede:

Con un clic en el botón "Editar con Elementor", accederá al editor de Elementor.

Podemos crear otro formulario de registro como este y guardarlo para usar en la página de cuenta personalizada siguiendo los mismos pasos mencionados anteriormente.

Por último, para configurar la página como 'Mi página de cuenta', vaya al Panel de WordPress. Y siga la siguiente ruta en la opción WooCommerce:

WooCommerce> Configuración> Avanzado> Configuración de página> Página Mi cuenta> Página Mi cuenta> seleccione Página de cuenta personalizada

8.png

Puede ver la página que contiene el widget del formulario de registro de usuario de los EAU

Conclusión:

Puede crear un formulario de registro elegante, con la preferencia de opción de su elección, para su sitio web utilizando Elementor y EAU .

Siguiendo los pasos dados en este artículo, puede registrar usuarios usando el widget de formulario de registro de usuario de EAU . Es una solución simple y elegante para crear un formulario de registro de usuario elegante para sus nuevos usuarios.

Deja un comentario

Su dirección de correo electrónico no será publicada. Los campos obligatorios están marcados *