Agregar un enlace de inicio de sesión de cliente a tu tema

Nota

Esta personalización es para temas de la Online Store 2.0 y no se aplica a los temas antiguos de Shopify. Encuentra la versión de la arquitectura de tu tema.

Si estás usando las cuentas de cliente y no se muestra un enlace de inicio de sesión en el encabezado del tema para que los clientes inicien sesión, puedes agregarle uno. Antes de editar el código del tema, revisa las consideraciones para personalizar el tema.

Buscar un enlace de inicio de sesión en tu tema

Muchos temas incluyen enlaces de inicio de sesión de forma predeterminada. Antes de continuar con este tutorial, verifica si los enlaces de inicio de sesión son compatibles con tu tema.

Pasos:

1. En el panel de control de Shopify, ve a Configuración > Cuentas de cliente.

2. Activa el botón de activación Mostrar enlaces de inicio de sesión.

3. Después de activar los enlaces de inicio de sesión, visita tu tienda online como si fueras un cliente y busca el ícono de perfil en el encabezado de tu tienda para iniciar sesión.

4. Si el ícono del perfil no se muestra, sigue los pasos para agregar un enlace de inicio de sesión a tu tema.

Agregar un enlace de inicio de sesión a tu tema

Consejo

Este es un tutorial avanzado. Si no sabes cómo leer y editar el código del tema, puedes trabajar con un desarrollador o contratar a un Shopify Partner.

Si no se muestra un ícono de perfil en el encabezado de tu tienda online que permita a los clientes iniciar sesión en la tienda, puedes agregar un enlace de inicio de sesión a tu tema.

Pasos:

1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
2. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
3. En la carpeta Secciones, abre el archivo header.liquid.
4. Agrega el siguiente fragmento de código al archivo header.liquid y luego haz clic en Guardar.
   • Para dirigir a los clientes a las cuentas de clientes después de iniciar sesión:

{% if customer %}
  <a href="{{ routes.account_url }}">Account</a>
{% else %}
  <a href="{{ routes.account_login_url }}">Login</a>
{% endif %}

• Para dirigir a los clientes a la tienda online después de iniciar sesión:

{% if customer %}
  <a href="{{ routes.account_url }}">Account</a>
{% else %}
  <a href="{{ routes.storefront_login_url }}">Login</a>
{% endif %}