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

Si desea crear un sitio web de membresía donde las personas se registren para aprovechar funciones especiales, entonces será 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 procedimiento 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 de creación de páginas Elementor .

plugin de creación de páginas para WordPress más populares y con más funciones . La versión gratuita del plugin viene con toneladas de bloques y widgets para la construcción básica de un sitio. Mientras que existe una versión pro del plugin que 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, le recomendamos optar por el plugin Ultimate Addon para Elementor (UAE) , ya que viene con muchos bloques y widgets potentes en comparación con Elementor Pro.

Tabla de contenido

• Beneficios de crear una página de registro personalizada
• 1. Personalice las páginas de registro de usuarios
• 2. Recopile toda la información requerida en un solo formulario
• 3. Personaliza la experiencia del usuario
• 4. Luchar contra el spam y mejorar la seguridad
• 5. Perfectamente para el estilo de tu marca
• ¿Cómo crear un formulario de registro de usuario personalizado usando Elementor?
• Paso 1: cree un formulario de registro de usuario utilizando el Plugin UAE (Ultimate Addon para Elementor)
• Paso 2: configure los ajustes de su formulario
• Nuevo rol de usuario
• Seleccionar acciones después del registro
• Paso 3: agregue el formulario de registro de usuario a su sitio web
• Conclusión:

Beneficios de crear una página de registro personalizada

Solo en términos de funcionalidad, no hay ningún problema en utilizar una página de registro de apariencia genérica en su sitio web. Pero si hace esto, se perderá las toneladas de ventajas que ofrece una página de registro hecha a medida para su sitio web.

A continuación se muestran 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 Formulario de registro de usuario se puede utilizar para lo siguiente:

• Una solución elegante para hacerse 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 en un solo formulario

Si hay algún dato en particular que desea recopilar de sus miembros, puede incluirlo en su formulario de registro.

Por lo tanto, un usuario no sólo puede elegir un nombre de usuario y una contraseña, 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 manera elegante con la ayuda de campos personalizados en los que puede formar parte de su formulario de registro.

3. Personaliza la experiencia del usuario

Puede proporcionar una experiencia de usuario personalizada a sus miembros. Esto puede consistir en 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. Luchar contra el spam y mejorar la seguridad

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

5. Perfectamente para el estilo de tu marca

Un formulario de registro debe verse igual que las otras páginas de su sitio web. Con formularios de registro personalizados, puede crear formularios que resuenen con su negocio.

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

Ahora que tiene una comprensión básica de cómo un formulario de registro de usuario personalizado puede ayudar a su negocio, aquí hay una guía completa paso a paso sobre cómo usar Elementor y el complemento UAE 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 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: habilitada .

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 crear 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 cumplido los requisitos previos para crear una página de inicio de sesión, deberá 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, podrá ver los campos de formulario predeterminados.

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

Existe 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 (si desea mostrarlas u ocultarlas) o la Marca requerida.

Paso 2: configure los ajustes de su formulario

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

• Nuevo rol de usuario
• Elija 'Acciones posteriores al 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 una función de usuario predeterminada para sus miembros, y la función asignada se establecerá para todos los usuarios nuevos cuando se registren en su sitio web.

Seleccionar acciones después del registro

Un usuario puede seleccionar las siguientes acciones que puede realizar después de registrarse en un sitio de membresía, utilizando el widget 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 del registro : con esta opción, puede redirigir a los usuarios a una página de bienvenida o a 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 se registre en su sitio web exitosamente, esta opción le enviará un correo electrónico confirmando su registro. El contenido del correo electrónico es personalizable y puede personalizar estos correos electrónicos para mayor calidez. Pero si desea enviar el mismo correo electrónico a todos sus usuarios, también puede hacerlo explorando esta opción.

• Ocultar después del registro: a veces, es posible que desee ocultar el formulario de registro del usuario después de que se haya registrado correctamente en su sitio. Con la opción 'Ocultar después del registro', puede ocultar el formulario de registro mientras los conduce a una página de inicio de sesión o simplemente mostrar el 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.

A continuación, puede diseñar y diseñar el formulario de registro de usuario utilizando 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 recuperar la sección guardada en la página de registro requerida.

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 WooCommerce personalizada, es decir, Página Mi cuenta, bajo el nombre Página de cuenta personalizada, simplemente puede:

Haga clic en el botón 'Editar con Elementor' y accederá al editor de Elementor.

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

Por último, para configurar la página como "Página Mi 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

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

Conclusión:

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

Si sigue los pasos indicados en este artículo, podrá registrar usuarios utilizando el widget Formulario de registro de usuario de los EAU . Es una solución simple y elegante para crear un formulario de registro de usuario elegante para sus nuevos usuarios.