¿Cómo funciona Astra con WooCommerce para añadir la funcionalidad de inicio de sesión de usuario? Guía completa

AstraCuando se construye un sitio web de comercio electrónico con un tema y WooCommerce, es fácil añadir la funcionalidad de inicio de sesión de usuario. Sólo tienes que activar la función "Cuenta de cliente" en la configuración de WooCommerce, el sistema creará automáticamente las páginas de inicio de sesión, registro y cuenta, el tema Astra es perfectamente compatible con estas páginas, los clientes pueden completar directamente el registro, inicio de sesión, comprobar pedidos y otras operaciones en el front-end, sin tener que entrar en el back-end. Todo el proceso se puede configurar en pocos minutos sin código.

I. ¿Por qué debería añadir la función de inicio de sesión de WooCommerce en Astra?

WooCommerce El mecanismo autónomo de inicio de sesión de usuario se refleja principalmente en el:

Indicar a los usuarios que inicien sesión durante el proceso de compra
WooCommerce ofrece una página Mi cuenta que integra inicio de sesión, registro, gestión de pedidos, ¡y mucho más!

El soporte nativo de Astra para WooCommerce es excelente, mejorando la experiencia del usuario de las siguientes maneras:

Integrar el botón de inicio de sesión en la barra de navegación superior o en la cabecera
Personalizar el estilo de la página Mi cuenta
Optimiza el diseño de la página de inicio de sesión con el editor Gutenberg

II. Preparación previa

Instale y active lo siguiente

Tema Astra (maridaje recomendado) Astra Pro (Abrir más controles de WooCommerce)

Plugin WooCommerce (sistema oficial de comercio electrónico, gratuito)

Complemento de ayuda a la gestión de usuarios (opcional)
- Theme My Login (interfaz de inicio de sesión/registro)
- Nextend Social Login (inicio de sesión de cuentas sociales de terceros)
- Registro de usuarios (ampliación del campo de registro)

Habilitar la función de inicio de sesión de WooCommerce

Paso 1: Habilitar las funciones de registro e inicio de sesión de usuarios

Ir al backstage → WooCommerce → Configuración → Cuentas y privacidad, marque las siguientes opciones:

Permitir a los clientes iniciar sesión en la página "Mi cuenta
Permitir a los clientes crear cuentas en la caja
Creación automática de cuentas para clientes (opcional)

Una vez guardada la configuración, la página Mi cuenta contendrá los formularios de acceso y registro.

IV. Añadir un portal "Inicio de sesión/Mi cuenta" a través de un menú personalizado

Backstage → Apariencia → Menú

Añada la página "Mi cuenta" generada automáticamente por WooCommerce (normalmente la página /mi-cuenta)

Dilo".Inicio de sesión / Mi cuenta" o nombre personalizado
Puede utilizarse con plug-ins Si Menú Conmutar la visualización de los botones "Iniciar sesión" y "Cerrar sesión" en el estado de inicio de sesión.

V. Añadir el botón de inicio de sesión a la barra de menú superior de Astra

Si desea que la función de inicio de sesión aparezca de forma destacada en la cabecera, puede hacerlo en el constructor de cabeceras de Astra:

Apariencia → Personalización → Creador de cabezas

Añadir un módulo "botón" o "HTML

Establezca el enlace de salto en /mi-cuenta tal vez /inicio de sesión

El texto del botón puede ser "Iniciar sesión" o "Centro de cuentas".

Estilos personalizados para adaptarse al estilo general del diseño

VI. Utilización Gutenberg Optimizar la página de inicio de sesión (opcional)

Astra es totalmente compatible con Gutenberg, el editor de bloques nativo de WordPress, y se puede utilizar para crear unPersonalizar la página de inicio de sesióny utilizarlo como portal principal de acceso con los menús o botones de navegación de Astra.

1. Crear una nueva página "Inicio de sesión de usuario

Vaya a Backend → Páginas → Nueva página.
Título recomendado: "Inicio de sesión de usuario" o "Centro de cuentas"

Haz clic en "Usar editor Gutenberg" (es decir, el método de edición por defecto) para editar.

2. Inserción del formulario de acceso

Método 1: Inserte el formulario de inicio de sesión de WooCommerce utilizando el bloque shortcode:

Haz clic en el área de contenido de la página → Añadir bloque → Busca e inserta el bloque "Código corto".
Introduce lo siguiente:





	


		Acceder

		

			
			
				Nombre de usuario o correo electrónico *Obligatorio
							
			
				Contraseña *Obligatorio
				
			

			
			
				
					 Recuérdame
				
								
			
			
				¿Olvidaste la contraseña?
			

			
		


	

	

		Registrarse

		

			
			
			
				Dirección de correo electrónico *Obligatorio
							

			
				Se enviará un enlace a tu dirección de correo electrónico para establecer una nueva contraseña.

			
			Sus datos personales se utilizarán para ayudarle a lo largo de su experiencia con el sitio, para gestionar el acceso a su cuenta y para los fines de nuestra política de privacidad.política de privacidadOtros usos descritos en.

Nota: Este shortcode contiene no sólo el formulario de inicio de sesión, sino también el formulario de registro con el bloque de información de la cuenta (que se cambia automáticamente después del inicio de sesión)

Método 2 (avanzado): utilice un plugin de formularios que permita el inicio de sesión de los usuarios, como por ejemplo WPForms o Registro de usuario, inserte sus códigos cortos después de generar el formulario.

resúmenes

Tema Astra conWooCommerceEl complemento perfecto para crear rápidamente un sistema de inicio de sesión de usuario bonito y funcional sin necesidad de programar. Tanto si desea utilizar la página de cuenta predeterminada como crear un portal de inicio de sesión independiente, es fácil de implementar y ofrecer una experiencia de compra fluida a sus clientes.

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
① 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