[Cómo] Agregar enlaces de inicio de sesión / cierre de sesión para una mejor experiencia de usuario de WooCommerce

WooCommerce

WooCommerce es el complemento de comercio electrónico más popular en el ecosistema de WordPress. Sin embargo, tiene un problema de usabilidad un poco molesto. De forma predeterminada, WooCommerce no muestra si un usuario inició sesión o no en su sitio de comercio electrónico.

Agregue un enlace de cierre de sesión de Woocommerce al menú de Woocommerce

A veces, esto puede resultar confuso para sus clientes. Dado que la mayoría de las tiendas de comercio electrónico populares (por ejemplo, eBay o Amazon) muestran un botón de inicio de sesión en su menú, los clientes pueden esperar lo mismo en tus tiendas de comercio electrónico también.

Sin embargo, en el caso de una tienda impulsada por WooCommerce, un usuario deberá visitar la página 'mi cuenta' para crear una cuenta o verificar si ha iniciado sesión o no.

woocommerce mi cuenta - enlace para cerrar sesión

En este tutorial, explicaremos cómo agregar la opción Iniciar sesión / Cerrar sesión al menú superior de su WooCommerce página web Tienda. Este es uno de los trucos y consejos más populares de CollectiveRay.com - ¡así que estad atentos si quieres aprender más trucos y consejos!

Crear un menú principal principal

Paso 1: antes de continuar, asegúrese de haber agregado un menú como menú principal de su tema. También asegúrese de haber realizado una copia de seguridad completa de WordPress en caso de que algo salga mal

Si no ha agregado un menú como menú principal, inicie sesión en su administrador de WordPress, vaya a Apariencia >> Menú. En Configuración del menú, cree un menú y marque la casilla "Menú principal superior".

menú de woocommerce

Un buen consejo:: Si no se siente cómodo haciendo cambios de código, puede considerar contratar a un desarrollador de WordPress. Haga clic aquí para aprender cómo contratar al desarrollador de WordPress ideal: https://www.collectiveray.com/wordpress-developers-for-hire

Paso 2: agregue el siguiente código al archivo functions.php de su tema.

add_filter ('wp_nav_menu_items', 'add_loginout_link', 10, 2);
function add_loginout_link ($ items, $ args) {
  if (is_user_logged_in () && $ args-> theme_location == 'principal') {
    $ artículos. = ' Cerrar sesión ';
  } elseif (! is_user_logged_in () && $ args-> theme_location == 'principal') {
    $ artículos. = ' Iniciar sesión ';
  } devolver $ artículos;
}

ACTUALIZAR: Un lector / comentarista útil del sitio web nos acaba de informar que ahora se debe usar wc_get_page_id en lugar del (ahora obsoleto) woocommerce_get_page_id

Si no se siente cómodo haciendo cambios de código usted mismo, puede ver algunos de estos conciertos de Fiver altamente calificados pero baratos.

Verifique el enlace de inicio / cierre de sesión de Woocommerce

Una vez que haya cambiado functions.php para agregar los enlaces de inicio / cierre de sesión de Woocommerce, es hora de ver el resultado de sus cambios. Si ha realizado los cambios correctamente, verá el resultado a continuación.

enlaces de inicio / cierre de sesión de woocommerce

¡Listo! Ahora puede ver que la opción Iniciar sesión / Cerrar sesión se muestra en el menú superior de su tienda. Este truco es especialmente útil si ha configurado un negocio basado en cajas de suscripción que hemos detallado chpw.org/case-management/.

Ahora que le hemos mostrado cómo hacer esto para WooCommerce, tal vez sea el momento de hacer lo mismo y crear un enlace de cierre de sesión de WordPress. Este suele ser el caso si ha decidido deshabilitar la barra de administración, pero aún desea tener la opción de cerrar sesión, solo para estar seguro.

Si solo está buscando una manera de finalizar sus sesiones de inicio de sesión, simplemente visite lo siguiente en su sitio web.

https://<yoursite.com>/wp-login.php?action=logout 

Aparecerá una pequeña pantalla de confirmación que le preguntará "¿Realmente desea cerrar la sesión?" - una vez que haga clic en el enlace, se cerrará la sesión.

Pantalla de cierre de sesión de WordPress

Como siempre, hay varias formas de hacer esto. 

La URL de cierre de sesión de WordPress es algo que realmente puede usar en su menú, si desea crear un botón de cierre de sesión de WordPress. Simplemente vincule la URL anterior y, por supuesto, esto le permitirá a su usuario terminar cualquier sesión actual.

Menú de cierre de sesión

 

Si esto no funciona por alguna razón, es posible que deba modificar su functions.php para habilitar esta funcionalidad. 

add_filter ('wp_nav_menu_items', 'add_login_logout_link', 10, 2); función add_login_logout_link ($ elementos, $ argumentos) {ob_start (); wp_loginout ('index.php'); $ loginoutlink = ob_get_contents (); ob_end_clean (); $ artículos. = ' '. $ loginoutlink. ' '; devolver $ artículos; }

 

Nota:  este método anterior funciona y está habilitado si está utilizando menús personalizados de WordPress, es decir, la función de menú disponible en la sección de administración en Apariencia> Menús.)

Código corto de cierre de sesión de WordPress

Al igual que con la mayoría de las funciones, encontrará que también hay un plugin que se puede utilizar para generar un código corto de cierre de sesión de WordPress. Además de las diversas configuraciones que puede realizar, este complemento le brinda la posibilidad de usar los siguientes códigos cortos dentro de sus publicaciones y páginas.

[cerrar sesión]: un enlace de cierre de sesión estándar, donde el usuario permanece en la pantalla de inicio de sesión después de cerrar la sesión. [logout_to_home]: un enlace que cierra la sesión del usuario y lo redirige a su página de inicio. [logout_to_current]: un enlace que cierra la sesión del usuario y lo redirige a la página / URL actual.

El complemento también tiene varias opciones para configurar la apariencia y los textos, o la experiencia real del usuario.

Inicio de sesión en WooCommerce

Desde la adquisición de WooCommerce por Automattic, WooCommerce ha ido integrando cada vez más funcionalidades de WordPress.com en WooCommerce. Una de las grandes características ha sido la posibilidad de iniciar sesión en WooCommerce.com a través de su cuenta de WordPress.com.

Pero esta puede no ser la situación ideal para sus clientes que normalmente ahora tendrían una cuenta de WordPress.com, por lo que se utilizaría dicha funcionalidad.less para ellos.

Entonces, ¿cómo puede crear un sistema de inicio / cierre de sesión de cuenta con el que estén familiarizados? ¡Aquí es donde entra en juego el inicio de sesión social de WooCommerce!

Inicio de sesión social de Woocommerce

El inicio de sesión social de WooCommerce es una extensión premium de WooCommerce que permite inicios de sesión sociales para Seamless creaciones de cuentas y pagos. Esto es ENORME. ¿Porque sabías que los registros de cuentas son una barrera muy importante para las ventas? 

De hecho, según Statista, puede perder hasta el 21% de sus clientes debido a este problema del largo proceso de creación de cuenta antes de pagar.

Entonces, ¿cómo mitiga este obstáculo? Aquí es donde entra en juego la extensión WooCommerce Social Login.

Al instalar esta extensión en su tienda en línea de WooCommerce, puede permitir que los usuarios inicien sesión con sus cuentas de Facebook, Twitter, Google, Amazon, LinkedIn, PayPal, Disqus, Yahoo o VK en lugar de tener que crear una nueva cuenta de usuario con una nueva. conjunto de credenciales. Luego, el usuario puede simplemente hacer clic en el logotipo de su red preferida e iniciar sesión en su sitio con eso. Por cierto, si estás interesado en creando su propio logotipo personalizado con una aplicación gratuita, consulte nuestro artículo.

pago de inicio de sesión social de woocommerce

Entonces, cuando un cliente visita su sitio por primera vez, con esta extensión puede simplemente hacer clic en el botón de su red social favorita y, básicamente, obtener una cuenta creada en su sitio con un solo clic.

Esto reduce la barrera y también tiene más cuentas de usuario validadas que eventualmente podría usar para diferentes tipos de mensajes (si optan por participar).

¿Por qué utilizar el inicio de sesión social de WooCommerce?

  • Le brinda la posibilidad de sincronizar las cuentas de sus clientes con las redes sociales más populares
  • Hace que la creación y el pago del cliente sean una costuraless que no requiere el largo proceso de creación y verificación de cuentas
  • Reduzca la fricción, aumente las ventas y las compras repetidas, y reduzca el abandono del carrito
  • Los inicios de sesión sociales son una forma aceptada y confiable de iniciar sesión en sitios de terceros

Esta es una prima que bien vale su precio de solo $ 79. Recuperarás el dinero muchas veces a cambio.

Echa un vistazo al inicio de sesión social de WooCommerce

Cualquier otra cosa que le gustaría saber sobre la desconexión

¿Hay algo que le gustaría saber y le falta este artículo? ¡Nos encantaría recibir tus comentarios para seguir mejorando esta publicación!  

IMH

¿Quieres un sitio web rápido?

¿A quién estoy engañando? ¿No todos?

Entonces, ¿por qué tantos de nosotros luchamos?

El mayor desafío suele ser encontrar una empresa de hosting rápida y confiable.

Todos hemos pasado por pesadillas: la toma de soporte tarda una eternidad o no resuelve nuestro problema, siempre culpando a alguien de su lado... 

Pero el mayor fastidio es que el sitio web siempre se siente lento.

At CollectiveRay alojamos con alojamiento InMotion y nuestro sitio web es estúpidamente rápido. Ejecutamos una pila personalizada de la configuración del servidor LightSpeed ​​en MariaDB con un motor PHP7.4 y afrontamos a través de Cloudflare. 

En combinación con nuestras optimizaciones de front-end, atendemos de manera confiable a 6000 usuarios todos los días, con picos de más de 50 usuarios simultáneos. 

¿Quiere obtener una configuración rápida como la nuestra? Transfiera su sitio de forma gratuita al alojamiento de InMotion y obtenga nuestro 50 % de descuento sobre el precio actual.

Pruebe InMotion Hosting con 50 % de descuento para CollectiveRay ¡Visitantes SOLO en marzo de 2024!

Alojamiento de InMotion 50 % de descuento para CollectiveRay visitantes

Sobre la autora
David Atard
David ha trabajado en la industria digital y en línea durante los últimos 21 años. Tiene una amplia experiencia en las industrias de software y diseño web utilizando WordPress, Joomla y los nichos que los rodean. Ha trabajado con agencias de desarrollo de software, empresas de software internacionales, agencias de marketing locales y ahora es Jefe de Operaciones de Marketing en Aphex Media, una agencia de SEO. Como consultor digital, su objetivo es ayudar a las empresas a obtener una ventaja competitiva utilizando una combinación de su sitio web y las plataformas digitales disponibles en la actualidad. Su combinación de experiencia en tecnología combinada con una sólida visión para los negocios aporta una ventaja competitiva a sus escritos.

Una cosa más... ¿Sabías que las personas que comparten cosas útiles como esta publicación también se ven IMPRESIONANTES? ;-)
Por favor, deja un eficiente Comente con sus pensamientos, luego comparta esto en su (s) grupo (s) de Facebook que lo encontrarán útil y cosechemos los beneficios juntos. ¡Gracias por compartir y ser amable!

Divulgación: Esta página puede contener enlaces a sitios externos para productos que amamos y recomendamos de todo corazón. Si compra productos que le sugerimos, es posible que ganemos una tarifa de referencia. Tales tarifas no influyen en nuestras recomendaciones y no aceptamos pagos por reseñas positivas.

Autor (es) destacado en:  Logotipo de la revista Inc   Logotipo de Sitepoint   Logotipo de CSS Tricks    logotipo de webdesignerdepot   Logotipo de WPMU DEV   y muchos más ...