?Cómo a?adir la funcionalidad de registro de usuario e inicio de sesión a Astra Theme? Tutorial completo

existe WordPress A?adir la funcionalidad de registro de usuarios e inicio de sesión a tu sitio web es la base para crear un sitio de afiliación, una plataforma de aprendizaje o un sitio de comercio electrónico. Con Astra, un tema de WordPress ligero y flexible, puedes implementar fácilmente un sistema de usuarios front-end sin necesidad de saber código. En este artículo, presentaremos cómo configurar rápidamente formularios de registro/inicio de sesión de usuarios, crear páginas y embellecerlas a través del plugin, que es sencillo y apto para novatos.

Imagen[1]-?Cómo a?adir la funcionalidad de registro de usuario e inicio de sesión a Astra Theme? Tutorial gráfico completo

I. ?Por qué utilizar en Astra la función de registro de usuarios front-end?

Por defecto, WordPress proporciona una página de inicio de sesión backend (como la página wp-login.php), interfaz incompleta, saltos poco amistosos y mala experiencia de usuario. Utilice Astra En combinación con plug-ins de terceros, esto puede lograrse:

  • Mejor interfaz de registro de usuarios
  • Proceso frontal completo sin acceso al back-end
  • Campos de formulario, rutas de salto y permisos personalizables
  • Altamente integrado con el dise?o de Astra

II. Trabajos preparatorios

1. Instale y active el tema Astra

WordPress Backend:

Apariencia → Temas → A?adir → Buscar "Astra" → Instalar y habilitar.

Imagen[2]-?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo

Astra soporta por defecto el constructor de páginas (Elementor / Gutenberg) para facilitar la posterior adición de contenido de forma.

2. Instalación del plug-in de registro de usuarios e inicio de sesión

Estos plugins fáciles de usar permiten crear rápidamente sistemas de registro e inicio de sesión de usuarios:

Nombre del plug-inutiliceYa sea de forma gratuita
WPForms LiteConstrucción del formulario de registro e inicio de sesión? Gratis
Registro de usuariosPlugin profesional de registro de usuarios? Gratis
Tema Mi inicio de sesiónGeneración rápida de interfaces de usuario frontales? Gratis
Inicio de sesión en Nextend SocialInicio de sesión social rápido? Gratis

Método 1: Usar WPForms para crear rápidamente formularios de registro e inicio de sesión

Paso 1: Instalar el plugin WPForms

Backend → Plugins → A?adir plugins → Buscar "WPForms" → Instalar y habilitar.

Imagen [3] - ?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo

Paso 2: Crear formulario de inscripción

  • Vaya a Backend → WPForms → A?adir nuevo formulario.
Imagen[4]-?Cómo a?adir la funcionalidad de registro de usuario e inicio de sesión a Astra Theme? Tutorial gráfico completo
  • Seleccione la plantilla "Formulario de registro de usuario" (requiere actualización a la versión de pago)
Imagen [5] - ?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo
  • Arrastre y suelte los campos de uso frecuente (nombre de usuario, correo electrónico, etc.) para personalizar los mensajes y los estilos.
Imagen [6] - ?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo
  • Después de guardar, copie el código corto, por ejemplo [wpforms id="123"]

Paso 3: Crear formulario de inicio de sesión

Repita el proceso anterior para crear el formulario de inicio de sesión utilizando la plantilla "Formulario de inicio de sesión", guárdela y obtenga el shortcode.

Imagen [7] - ?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo

Paso 4: A?adir el formulario a la página

  • Nuevas páginas (por ejemplo, "Registro de usuario", "Inicio de sesión de usuario")
  • existe Gutenberg Insertar un bloque de "código corto" en el editor
Imagen [8] - ?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo
  • Pega el shortcode del formulario y publica la página
  • La página presenta automáticamente el formulario de registro o de inicio de sesión sin escribir ningún código

Se pueden crear interfaces de usuario más estéticas utilizando las plantillas de ancho completo de Astra o Elementor.

Imagen [9] - ?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo

Método 2: Utilice el complemento de registro de usuarios para crear un sistema de usuarios completo

El registro de usuarios es un servicio profesional WordPress Plugin de sistema de usuarios front-end para sitios que requieren extensiones de campo, roles personalizados y validación de correo electrónico.

Paso 1: Instalar y activar el plugin

Plugins → A?adir nuevo plugin → Busque "Registro de usuarios" → Instálelo y actívelo.

Imagen [10] - ?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo

Paso 2: Crear formulario de inscripción

  • Backend → Registro de usuarios → A?adir nuevo
Imagen [11] - ?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo
  • Arrastre y suelte campos para crear formularios (admite dirección, carga de avatar, campos personalizados)
  • Configuración de la función predeterminada del usuario (por ejemplo, abonado) y de las rutas de redireccionamiento
  • Guarda y copia el código corto (por ejemplo [user_registration_form id="456"])

Paso 3: Generar página de inicio de sesión

El plugin genera automáticamente páginas de inicio de sesión/registro/olvidar contrase?a, o puedes insertar manualmente el shortcode del formulario de inicio de sesión en cualquier página.

V. A?adir el portal de inicio de sesión/registro al menú de navegación en Astra

Proporcionar un punto de entrada intuitivo a los usuarios es esencial, y Astra ofrece una configuración flexible de los menús.

Los pasos son los siguientes:

  • Apariencia → Menú → Seleccionar navegación principal
Imagen [12] - ?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo
  • A?ada un "Enlace personalizado" e introduzca la dirección de las páginas de acceso y registro.
Imagen [13] - ?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo
  • Introduzca un nombre para el menú, como "Iniciar sesión" o "Registrarse", y guárdelo.
Imagen [14] - ?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo

Si Menú se puede utilizar para establecer el "ocultar / mostrar bajo el estado de inicio de sesión" botón.

VI. Redirección posterior al inicio de sesión y configuración de la página de gestión de cuentas

La mayoría de los usuarios quieren conectarse e ir a las páginas "Centro personal" y "Mis pedidos".

  • El plugin WPForms/Theme My Login puede establecer la dirección "Saltar después de iniciar sesión".
  • Registro de usuario Después de iniciar sesión, puede acceder a la "Página de perfil de usuario".
  • Si utiliza WooCommercePuede establecer que la página posterior al inicio de sesión sea la página "Mi cuenta".

VII. Recomendaciones adicionales: Ampliación de las funciones mejoradas

demanda (economía)plug-in (componente de software)instrucciones
Inicio de sesión rápido para cuentas socialesInicio de sesión en Nextend Socialrespaldo Google Empresa de InternetInicio de sesión en Facebook y Twitter
Registro de verificación/aprobación de correo electrónicoRegistro de usuarios ProRestricciones al registro de usuarios
Subir un avatar y editar tu perfilPerfilPrensaPágina de mejora del perfil de usuario
registro múltipleWPForms ProMejorar la compleja experiencia de registro

VIII. Preguntas más frecuentes (FAQ)

Imagen [15] - ?Cómo a?adir la funcionalidad de registro e inicio de sesión de usuario a Astra Theme? Tutorial gráfico completo

Q1:?Los usuarios no reciben correos electrónicos tras registrarse?

Compruebe si el sitio está configurado con el plugin SMTP (p. ej. WP Mail SMTP), para garantizar que el correo se envía correctamente

P2: ?Cómo restringir las funciones de los usuarios registrados?

Especifique el rol por defecto como "Suscriptor" o un rol personalizado en la configuración del plugin para evitar que los usuarios normales obtengan privilegios administrativos.

P3: ?Afecta Astra a la visualización de estas funciones?

No lo haré.Astra Buena compatibilidad con los principales plug-ins de formularios, plug-ins de sistemas de usuarios y compatibilidad con estilos personalizados, apto para todos los niveles de usuarios.

resúmenes

La combinación de Astra + Plugin facilita la creación de un sistema de registro e inicio de sesión de usuarios completo, estéticamente agradable y compatible sin necesidad de escribir código. Tanto si estás construyendo un sitio de membresía, una comunidad social o una plataforma de envío de contenidos, este conjunto de soluciones se puede poner en marcha rápidamente y puede mejorar la experiencia del usuario y la eficiencia operativa.


Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨詢:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
? Declaración de reproducción
Autor : linxiulian
EL FIN
Si le gusta, apóyela.
felicitaciones135 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios