La guía completa para el código corto de inicio de sesión de WooCommerce
Publicado: 2025-01-22Una página de inicio de sesión es un elemento importante de una tienda WooCommerce. Es como una puerta de entrada para que sus clientes accedan a sus cuentas, realicen un seguimiento de los pedidos y completen compras. Pero ¿qué pasa si todo el proceso es demasiado complicado y no cumple su propósito?
Bueno, es por eso que debes intentar personalizar los códigos cortos de inicio de sesión de WooCommerce. Le ayudan a crear y personalizar páginas de inicio de sesión en minutos y brindan una experiencia fácil de usar a sus clientes.
Entonces, ya sea que desee un formulario de inicio de sesión simple, una página combinada de inicio de sesión y registro, o una página de registro independiente para campañas específicas, los códigos cortos de inicio de sesión de WooCommerce lo hacen fácil de lograr.
En este artículo, discutiremos todo lo relacionado con el código corto de inicio de sesión de WooCommerce, comenzando por cómo crear una página de inicio de sesión usando un código corto para personalizarla y obtener una mejor experiencia de usuario.
Entonces, comencemos.
Tipos de páginas de inicio de sesión de WooCommerce
Una página de inicio de sesión puede parecer una simple puerta de enlace, pero es más que una simple puerta de enlace: ¡es un campo de nombre de usuario y contraseña!
Existen diferentes tipos de páginas de inicio de sesión según las necesidades de su negocio y las preferencias del usuario. Exploremos las opciones:
- Página de inicio de sesión clásica : esta es una página de inicio de sesión sencilla. Simplemente requiere que los usuarios ingresen sus credenciales y listo, ya están dentro.
- Página de inicio de sesión social : este tipo de página de inicio de sesión permite a los usuarios utilizar sus cuentas de redes sociales favoritas para iniciar sesión.
- Página de inicio de sesión de marca personalizada : este tipo de página de inicio de sesión se personaliza para que coincida con su identidad de marca. Para hacer esto, debe agregar el logotipo y los colores de su marca y agregar mensajes de bienvenida para alentar a los usuarios a iniciar sesión.
- Página de inicio de sesión de varios pasos : este tipo de página de inicio de sesión es ideal para aquellos que desean agregar una capa adicional de seguridad a su página de inicio de sesión. Divide todo el proceso en pasos manejables, como ingresar un nombre de usuario, contraseña y un código de verificación.
- Página de inicio de sesión único (SSO) : por último, este tipo de página de inicio de sesión permite a los usuarios utilizar las mismas credenciales para múltiples aplicaciones.
Estos también eran algunos tipos de páginas de inicio de sesión. ¿Qué opinas, cuáles se adaptan a tu tienda WooCommerce? ¿Es una página de inicio de sesión clásica o social? Bueno, la elección es tuya. Sólo recuerda hacerlo personalizado y fácil de usar.
Importancia de personalizar la página de inicio de sesión de WooCommerce
Una página de inicio de sesión aburrida y genérica puede desanimar completamente a sus clientes. Personalizarlo mejora el aspecto de la página y también agrega valor a su tienda .
Pero requiere esfuerzo, y si se pregunta por qué debe invertir su tiempo en esto, aquí le presentamos algunas de las principales razones por las que vale la pena el esfuerzo.
- Áreas exclusivas: cree secciones restringidas a las que solo puedan acceder los usuarios que hayan iniciado sesión.
- Experiencia de usuario mejorada: mejora el recorrido del usuario al eliminar la necesidad de proporcionar detalles una y otra vez para realizar una compra.
- Acceso optimizado: permite a los usuarios iniciar sesión y administrar su información en un solo lugar.
- Conversiones mejoradas: una página de inicio de sesión fácil de usar y visualmente atractiva ayuda a reducir las tasas de rebote y anima a los clientes a completar sus compras.
- Mayor seguridad: agregue funciones como CAPTCHA o autenticación de dos factores para proteger los datos del usuario.
Personalizar su página de inicio de sesión de WooCommerce no es sólo una mejora estética sino una mejora importante .
Ahora que conoce los motivos, entremos en acción y veamos cómo crear y personalizar una página de inicio de sesión utilizando el código corto de inicio de sesión de WooCommerce.
¿Cómo crear una página de inicio de sesión utilizando el código corto de inicio de sesión de WooCommerce?
Entonces todo comienza con el código corto My Account en WooCommerce. Este sencillo código abreviado de inicio de sesión de WooCommerce: [woocommerce_my_account] le permite agregar toda el área Mi cuenta a cualquier página.
Aquí sus clientes pueden iniciar sesión, ver pedidos anteriores, actualizar sus datos y administrar su cuenta.
Por lo tanto, si desea que los clientes también puedan registrarse desde esta página, asegúrese de que el registro esté habilitado en la configuración de WooCommerce.
- Primero, vaya a su
WordPress admin dashboard. Ahora navega aPagespara crear una nueva página. Si no desea crear una página nueva, haga clic en cualquier página existente para editarla. - Ahora, haga clic en el ícono + para agregar un nuevo bloque en la página.
- De las opciones, busque
Shortcode. - Aparecerá un cuadro. Aquí puede copiar y pegar el código corto de inicio de sesión de WooCommerce:
[woocommerce_my_account]
Nota: Este código abreviado mostrará un formulario de inicio de sesión junto con el registro del usuario y los detalles de la cuenta.
- Por último, haga clic en el botón
PublishoUpdatepara que la página esté activa en su sitio web.
De esta manera, ha creado una página de inicio de sesión; Ahora siga estos pasos para configurar la página como su página de inicio de sesión predeterminada:
- Vaya a
WooCommerce > Settings > Advanced. - En la
My account page, seleccione la página anterior para la opción Mi cuenta.
Por último, visite la página de inicio de sesión y asegúrese de que todo funcione sin problemas.
Con estos pasos, habrá creado una página de inicio de sesión completamente funcional .
Entonces, si desea registrarse, iniciar sesión y una página de cuenta por separado, debe personalizar la página utilizando códigos cortos de inicio de sesión de WooCommerce.
Personalización de la página de inicio de sesión de WooCommerce
- Página de registro: agregue el código corto
[sa_woocommerce_registration_form]a su página de Registro, una vez que haya activado el primer fragmento a continuación. Si los usuarios han iniciado sesión, el mensaje mostrará "Ya estás registrado". - Página de inicio de sesión: para la página de inicio de sesión, use el código corto
[sa_woocommerce_registration_form]después de activar el segundo fragmento. Si el usuario ha iniciado sesión, se mostrará un mensaje "Ya has iniciado sesión". - Página Mi cuenta: mantenga el código corto
[woocommerce_my_account]en su página Mi cuenta para mostrar todos los detalles de la cuenta del usuario. - Redirección después del registro: también puede agregar una redirección después del registro para que los clientes sean dirigidos a la página Mi cuenta una vez que se registren (el formulario de inicio de sesión ya maneja esto de forma predeterminada).
- Redirigir a los usuarios que han iniciado sesión: para evitar errores cuando los usuarios que han iniciado sesión acceden a las páginas de inicio de sesión o registro, utilice el siguiente fragmento. Esto los redireccionará automáticamente a la página Mi cuenta.
/**
* Código corto para el registro de usuarios de WooCommerce.
*
* @autor StoreApps
*/
add_shortcode('sa_woocommerce_registration_form', 'storeapps_custom_registration_form');
función storeapps_custom_registration_form() {
si (is_user_logged_in()) {
devolver ' Ya estás registrado.
';
}
ob_start();
do_action('woocommerce_before_customer_login_form');
$html = wc_get_template_html( 'micuenta/formulario-login.php' );
$dom = nuevo DOMDocumento();
$dom->codificación = 'utf-8';
$dom->loadHTML( utf8_decode( $html ) );
$xpath = nueva DOMXPath( $dom );
$formulario = $xpath->query( '//formulario[contiene(@clase,"registro")]' );
$formulario = $formulario->item( 0 );
echo $dom->saveHTML( $formulario );
devolver ob_get_clean();
}
/**
* Código corto para el inicio de sesión de usuario de WooCommerce
*
* @autor StoreApps
*/
add_shortcode('sa_woocommerce_login_form', 'storeapps_custom_login_form');
función storeapps_custom_login_form() {
si (is_user_logged_in()) {
devolver ' Ya has iniciado sesión.
';
}
ob_start();
do_action('woocommerce_before_customer_login_form');
woocommerce_login_form( array( 'redirect' => wc_get_page_permalink( 'micuenta' ) );
devolver ob_get_clean();
}
/**
* Redirigir inicio de sesión/registro a mi cuenta
*
* @autor StoreApps
*/
add_action('template_redirect', 'storeapps_redirect_to_myaccount_after_logged_in');
función storeapps_redirect_to_myaccount_after_logged_in() {
if ( is_page() && is_user_logged_in() && ( has_shortcode( get_the_content(), 'sa_woocommerce_login_form' ) || has_shortcode( get_the_content(), 'sa_woocommerce_registration_form' ) ) ) {
wp_safe_redirect( wc_get_page_permalink( 'micuenta' ) );
salida;
}
}
Nota: Para que esto funcione, deberá agregar los fragmentos a la sección PHP personalizada en su archivo funciones.php y el CSS personalizado en el archivo style.css de su tema principal.
Los mejores complementos para mejorar el inicio de sesión de WooCommerce
Estos son algunos de los mejores complementos de WooCommerce que pueden ayudarlo a personalizar su página de inicio de sesión sin involucrarse en los códigos cortos de inicio de sesión de WooCommerce :
Inicio de sesión exprés para WordPress
Las páginas de inicio de sesión son excelentes para su sitio web, pero ¿qué tal si las hacemos aún más inteligentes?
Si bien las páginas de inicio de sesión tradicionales son útiles, ¿qué tal si ofrecemos un acceso aún más rápido a clientes, clientes o colaboradores temporales ? Aquí es donde entra en juego Express Login para WordPress de StoreApps.
Express Login para WordPress permite a sus usuarios iniciar sesión instantáneamente con enlaces seguros y de inicio de sesión automático. No se requieren nombres de usuario ni contraseñas, ¡solo una experiencia de usuario fluida!
- Redirigir a cualquier lugar: envíe a sus usuarios directamente al pago, al carrito o a cualquier página oculta sin esfuerzo.
- Enlaces que caducan automáticamente: establezca enlaces de inicio de sesión con fechas de vencimiento para mayor seguridad.
- Exportación masiva de enlaces: cree y comparta fácilmente enlaces de inicio de sesión para campañas de correo electrónico.
- Complemento fácil de usar: este complemento es fácil de usar. ¡Todo lo que necesitas es instalarlo, activarlo y listo!
Con Express Login para WordPress, no permita que sus usuarios se rasquen la cabeza buscando nombres de usuario y contraseñas.
Dígale adiós a los problemas de inicio de sesión y dé la bienvenida a la comodidad y la seguridad.
Pruebe Express Login para WordPress ahora
Miembro final
Ultimate Member es un complemento potente para simplificar la gestión de usuarios. Le permite crear formularios personalizados de registro e inicio de sesión, perfiles de usuario y acceso basado en roles .
También ofrece un generador de arrastrar y soltar que le permite diseñar formas impresionantes sin esfuerzo.
- Formularios personalizados: cree formularios personalizables de inicio de sesión, registro y perfil de usuario.
- Acceso basado en roles: asigne diferentes roles de usuario con permisos personalizados.
- Generador de arrastrar y soltar: diseñe formularios sin esfuerzo.
- Lógica condicional: muestra los campos del formulario según la entrada del usuario.
En general, es una excelente opción para crear comunidades atractivas o sitios de membresía en WooCommerce.
Registro de usuario
El registro de usuario es otro complemento apto para principiantes para crear formularios de inicio de sesión y registro personalizables. Ofrece plantillas prediseñadas, lógica condicional e integraciones de terceros para una experiencia de usuario perfecta.
- Plantillas prediseñadas: acelere las cosas con diseños de formularios ya preparados.
- Lógica condicional: muestra campos según las entradas del usuario.
- Integraciones de terceros: conéctese sin problemas con herramientas de marketing por correo electrónico y CRM.
- Formularios de varios pasos: divida los formularios largos en varios pasos para una mejor experiencia del usuario.
En general, este complemento es ideal para propietarios de tiendas WooCommerce que desean formularios personalizables y escalables .
RegistroMagia
RegistrationMagic es otro complemento que puede ayudarlo a crear formularios avanzados de inicio de sesión y registro. También admite integración de pagos, asignación de roles de usuario y análisis de formularios detallados .
- Integración de pagos: acepte pagos directamente a través de formularios de registro.
- Asignación de roles de usuario: asigne roles automáticamente a los usuarios según los envíos de formularios.
- Análisis detallados: realice un seguimiento del rendimiento con información detallada sobre los datos.
- Códigos cortos: inserte formularios en cualquier lugar de su sitio.
En general, esto es ideal para gestionar los registros de usuarios y, al mismo tiempo, proporciona flexibilidad y control sobre el diseño y la funcionalidad de los formularios.
Conclusión
Personalizar su página de inicio de sesión con el código abreviado de inicio de sesión de WooCommerce tiene numerosos beneficios, incluida una experiencia de usuario mejorada, una mejor identidad de marca, una seguridad mejorada, etc.
Una página de inicio de sesión personalizada crea un recorrido fluido para sus clientes y facilita todo el proceso.
Entonces, ya sea que utilice complementos o códigos cortos de inicio de sesión de WooCommerce, definitivamente debe intentar personalizar la página de inicio de sesión para una mejor funcionalidad y mejorar la satisfacción del usuario.
Además, si desea que el inicio de sesión en WooCommerce sea fácil para sus clientes, no olvide explorar Express Login para WordPress hoy.