Personalizar las páginas de cuentas de cliente

Para ofrecer una experiencia del cliente más adaptada, puedes personalizar las páginas de cuentas de clientes de la tienda. La mayoría de estas personalizaciones se realizan en el editor de pago y cuentas, y se aplican en todas las páginas de cuentas de clientes y de inicio de sesión.

Puedes personalizar las cuentas de clientes de las siguientes maneras:

  • Aplica la promoción de marca y el estilo de la tienda a las páginas de cuentas de clientes y de inicio de sesión.
  • Personaliza a dónde se redirige a los clientes tras iniciar sesión.
  • Personaliza el menú de las cuentas de cliente para que estos tengan un acceso más fácil a algunas partes de la tienda y a su cuenta.
  • Crea un subdominio para que las cuentas de clientes usen el dominio principal de la tienda.
  • Agrega bloques y páginas a las cuentas de clientes mediante apps, para añadirles más funciones.
  • Adapta las páginas de las cuentas de clientes a mercados y regiones específicos.

Personalizar el estilo y la promoción de marca de las cuentas de clientes

Puedes personalizar la promoción de marca de las páginas de cuentas de cliente si editas la configuración de la promoción de marca compartida en el editor de pago y cuentas. Los cambios que realices en esta configuración también se aplican automáticamente a las páginas de cuentas de cliente y de inicio de sesión. Por ejemplo, si subes un logo a la configuración de la promoción de marca compartida, este se mostrará en las páginas de pago, de cuentas de cliente y de inicio de sesión.

Puedes anular algunas configuraciones heredadas de la promoción de marca compartida directamente en las páginas de cuentas de clientes y en la de inicio de sesión para tener un mayor control sobre su estilo:

Si subes un logo a la configuración principal de promoción de marca compartida, también se mostrará en las páginas de cuentas de clientes y de inicio de sesión. Puedes anular la imagen del logo heredada y su tamaño directamente en dichas páginas.

Pasos:

  1. Desde el panel de control de Shopify, ve a Configuración > Pago.

  2. En la sección Configuraciones, haz clic en Editar junto a la configuración que quieres personalizar.

  3. En el editor de pago y de cuentas, selecciona del menú del selector de páginas cualquier página de la cuenta de cliente en la que quieras cambiar el logo.

  4. Haz clic en Secciones y luego en Encabezado.

  5. En la sección Logo, haz clic en el campo Imagen y selecciona un logo nuevo.

  6. Opcional: ajusta el tamaño del logo usando el control deslizante Ancho.

  7. Haz clic en Guardar.

Personaliza los colores en las páginas de las cuentas de clientes

Si agregas un color de fondo y de énfasis a la configuración principal de promoción de marca compartida, también se usarán en las páginas de cuentas de clientes y de inicio de sesión. Puedes anular la configuración de color heredada directamente en dichas páginas. Los colores de cada página se pueden anular de manera independiente.

Pasos:

  1. Desde el panel de control de Shopify, ve a Configuración > Pago.

  2. En la sección Configuraciones, haz clic en Editar junto a la configuración que quieres personalizar.

  3. En el editor de pago y cuentas, selecciona en el menú del selector de páginas cualquier página de la cuenta de cliente en la que quieras cambiar la configuración de color.

  4. Personaliza el color de fondo del encabezado de la página:

    1. Haz clic en Secciones y luego en Encabezado.
    2. En la sección Color, haz clic en la configuración Fondo y selecciona un nuevo color de fondo para el encabezado.
  5. Personaliza el color de fondo o de énfasis del cuerpo de la página:

    1. Haz clic en Secciones y luego en Principal.
    2. Haz clic en la configuración Fondo y selecciona un nuevo color de fondo para el cuerpo principal de la página.
    3. Haz clic en la configuración Énfasis y selecciona un nuevo color de énfasis para el cuerpo principal de la página.
  6. Haz clic en Guardar.

Personaliza el estilo de la página de inicio de sesión

La página de inicio de sesión es una página de destino independiente en la que los clientes pueden iniciar sesión en sus cuentas de la tienda online. Para que esta página destaque con la promoción de tu marca, puedes personalizar el logo y los colores independientemente de la configuración que elijas para las páginas de pago y de las cuentas de clientes. Además, puedes subir una imagen principal para los dispositivos de escritorio.

Pasos:

  1. Desde el panel de control de Shopify, ve a Configuración > Pago.

  2. En la sección Configuraciones, haz clic en Editar junto a la configuración que quieres personalizar.

  3. En el editor de pago y de cuentas, selecciona la página Inicio de sesión del menú del selector de páginas.

  4. Haz clic en Secciones y luego en Principal.

  5. Puedes ajustar cualquiera de los siguientes elementos de estilo de la página de inicio de sesión:

    • En la sección Logo, sube un nuevo logo en el campo Imagen. También puedes ajustar el ancho del logo manualmente.
    • En la sección Color, usa los campos Fondo o Énfasis para personalizar los colores de la página de inicio de sesión.
    • En la sección Elementos multimedia, usa el campo Imagen para subir una imagen principal para la página de inicio de sesión. Esta imagen solo se muestra en dispositivos de escritorio.
  6. Haz clic en Guardar.

Personaliza la página de pedidos para clientes sin pedidos

Los clientes pueden crear una cuenta sin haber hecho nunca un pedido en la tienda. En el caso de los clientes que han iniciado sesión, pero que no tienen pedidos, la página Pedidos muestra el botón Comprar ahora, que les redirige a la página de inicio de la tienda, ya que no hay un historial de pedidos que mostrar.

Para despertar el interés de los clientes y animarlos a explorar los productos, puedes seleccionar una colección de la tienda para que se muestre en la página de cuenta de cliente Pedidos, además del botón predeterminado Comprar ahora.

Pasos:

  1. Desde el panel de control de Shopify, ve a Configuración > Pago.

  2. En la sección Configuraciones, haz clic en Editar junto a la configuración que quieres personalizar.

  3. En el editor de pago y cuentas, selecciona la página Pedidos desde el menú del selector de páginas.

  4. Haz clic en Secciones y luego en Principal.

  5. En la sección Sin pedidos, configura el estado vacío:

    1. Opcional: haz clic en Vista previa para mostrar una página de Pedidos vacía en la ventana de vista previa.
    2. En el menú Colección, haz clic en Seleccionar colección.
    3. Selecciona una colección existente o haz clic en Crear colección para crear una nueva para el estado vacío.
  6. Haz clic en Guardar.

Personalizar el redireccionamiento de inicio de sesión de la cuenta de cliente

Puedes configurar a dónde se redirige a los clientes tras iniciar sesión en su cuenta en la tienda. Por ejemplo, es posible que desees redirigirlos a la página en la que estaban cuando iniciaron sesión o a una colección de productos específica.

Sigue esta guía para personalizar los redireccionamientos de inicio de sesión de las cuentas de cliente.

Personalizar el menú de las cuentas de cliente

El menú principal de la cuenta de cliente se muestra en la sección Principal de dicha cuenta para los clientes que han iniciado sesión. El menú aparece en diferentes lugares dependiendo del dispositivo que use el cliente:

  • Escritorio: El menú se muestra en el lado izquierdo de la página y está organizado verticalmente. Esta opción es ideal para presentar menús con un mayor número de enlaces, ya que incluye hasta tres niveles de opciones de navegación anidadas, haciendo que sea más fácil de escanear para los usuarios de escritorio.
  • Móvil: El menú se muestra en la parte superior de la página, dispuesto horizontalmente. Esto facilita a los clientes cambiar entre las distintas páginas de la cuenta. Cuando el menú tiene cinco o más elementos, se muestra en su lugar el ícono Ícono de menú.

Se crea automáticamente un menú en la cuenta de cliente de la tienda cuando usas la versión más reciente, que incluye de forma predeterminada un enlace a la página de inicio de la tienda y a los pedidos del cliente. Puedes sustituir el menú de la cuenta de cliente predeterminado customer-account-main-menu por uno existente o bien editar el menú predeterminado.

Edita el menú predeterminado de la cuenta de cliente

Puedes editar los menús de la cuenta de cliente desde la sección Contenido > Menús en el panel de control de Shopify, o desde el editor de pago y cuentas.

Considera la posibilidad de agregar cualquiera de los siguientes enlaces al menú principal de la cuenta de cliente para que los clientes puedan acceder fácilmente a la información relacionada con la misma:

  • Perfil: la página de perfil del cliente, donde puede gestionar su información personal, como el nombre y las direcciones.
  • Apps: las páginas de apps asociadas a la cuenta del cliente, como apps de recompensas de fidelidad y de suscripciones.
  • Otras plantillas en tu tienda online.
  • Enlaces externos.

Los redireccionamientos de URL no son compatibles con los menús de las cuentas de cliente.

Pasos:

En el panel de control de Shopify
  1. Desde el panel de control de Shopify, ve a Contenido > Menús.
  2. En la lista Menús, haz clic en Menú principal de la cuenta de cliente.
  3. Realiza cambios en el menú de la cuenta de cliente. Más información sobre cómo editar menús y enlaces.
  4. Haz clic en Guardar.
En el editor de pago y cuentas
  1. Desde el panel de control de Shopify, ve a Configuración > Pago.

  2. En la sección Configuraciones, haz clic en Editar junto a la configuración que quieres personalizar.

  3. En el editor de pago y cuentas, selecciona Pedidos en el menú del selector de página.

  4. En la barra lateral de secciones, haz clic en Principal.

  5. En la barra lateral Principal, haz clic en el menú Navegación y luego en Editar.

  6. En el cuadro de diálogo Editar, realiza cambios en el menú de la cuenta de cliente. Más información sobre cómo editar menús y enlaces.

  7. Haz clic en Guardar y luego en la X para cerrar el editor de menú y obtener una vista previa del menú actualizado.

Crear un subdominio para las páginas de cuentas de cliente

Las páginas de las cuentas de cliente utilizan el dominio principal de la tienda como dominio base. Por ejemplo, si el dominio principal es tu-tienda.com, entonces el subdominio de la cuenta de cliente se crea como account.tu-tienda.com. Si cambias el dominio principal, el dominio de la cuenta de cliente se actualiza de manera acorde. Para verificar o cambiar el dominio principal, ve a Configuración > Dominios en el panel de control de Shopify.

Puedes crear un subdominio para las cuentas de cliente que use el dominio principal de la tienda online y dirija a los clientes a las páginas de su cuenta. El nombre de dominio que creas es un subdominio del nombre de dominio principal que usas para la tienda. El subdominio se convierte en el nombre de dominio principal de todas las páginas de cuentas de cliente para brindar una experiencia de marca constante desde el inicio de sesión hasta la gestión de la cuenta. Por ejemplo, si el subdominio es account.your-store.com, los clientes accederán a la página de inicio de sesión en account.your-store.com/authentication/login.

Más información sobre los subdominios para las páginas de cuentas de cliente.

Personalizar las cuentas de cliente con apps

Personalizar las cuentas de cliente con apps te permite ofrecer a los clientes una experiencia más completa en tu tienda. Usa apps para agregar funciones útiles de autoservicio, como devoluciones, suscripciones, ventas adicionales, reseñas y listas de deseos, además de mantener una promoción de marca uniforme y un proceso de inicio de sesión sencillo. Puedes usar bloques para agregar funciones a las páginas existentes de las cuentas de cliente o agregar páginas nuevas a dichas cuentas. Por ejemplo, si usas una app de listas de deseos que admita páginas de app, puedes agregar una página de lista de deseos a las cuentas de cliente, donde los clientes podrán gestionar sus listas de deseos.

Puedes realizar las siguientes personalizaciones con el editor de pago y cuentas:

Visita la Shopify App Store para ver una lista completa de las apps de cuentas de cliente. Más información sobre la personalización del pago y de las cuentas de cliente con apps.

Agregar una página a las cuentas de cliente mediante bloques

Algunas apps ofrecen bloques que permiten agregar una página nueva al encabezado de las cuentas de cliente. Por ejemplo, una app de lista de deseos podría ofrecer un bloque para agregar una nueva página de lista de deseos a dichas cuentas.

Puedes crear páginas de la app desde la barra lateral Apps del editor de pago y cuentas. Algunas admiten enlaces directos, lo que permite vincular la página con el menú de cuentas de cliente desde el editor mencionado o en la página Menús del panel de control de Shopify.

Una vez que agregues una página nueva, podrás acceder a ella en la pestaña Agregadas de la barra lateral Apps, o en el menú del selector de páginas del editor de pago y cuentas.

Pasos:

  1. Desde el panel de control de Shopify, ve a Configuración > Pago.

  2. En la sección Configuraciones, haz clic en Personalizar junto a la configuración del pago que corresponda.

  3. En la sección Apps Apps, busca la app para la que quieras crear la página.

  4. Haz clic en el ícono + y, en la sección Agregar página a, selecciona Cuentas.

  5. En la configuración del Bloque, establece la configuración de la app.

  6. Haz clic en Guardar.

  7. Opcional: para que la página de la app se muestre a los clientes en el menú de cuentas de cliente, haz clic en Agregar al menú. En el cuadro de diálogo Menú principal de la cuenta de cliente, haz lo siguiente:

    1. Revisa la Etiqueta y el Enlace que se completan de forma automática desde el editor de pago y cuentas. Si quieres cambiar el nombre del enlace, actualiza el campo Etiqueta**.
    2. Opcional: agrega cualquier otro elemento del menú que quieras incorporar al Menú principal de la cuenta de cliente.
    3. Haz clic en Guardar.

Personalizar las páginas de cuentas de cliente para mercados específicos

Puedes usar el editor de pago y cuentas para personalizar las páginas de cuentas de cliente para mercados y regiones específicos. De esta forma, puedes adaptar las páginas a determinadas regiones. Por ejemplo, puedes incluir funciones de cuenta adicionales para clientes del mercado nacional o mostrar mensajes personalizados sobre demoras en los envíos en las cuentas de cliente de una región internacional.

Además de las modificaciones específicas de cada mercado relativas a la promoción de la marca, la configuración y los bloques, las páginas de cuentas de cliente también admiten ese tipo de modificaciones en las siguientes personalizaciones:

  • Agregar o eliminar extensiones de página completa, como una página de gestión de suscripciones que proporciona una app externa.
  • Cambiar los menús de las cuentas de cliente; por ejemplo, sustituir el menú customer-account-main-menu predeterminado que se aplica en la sección Encabezado de las páginas de cuentas de cliente.
  • Agregar o eliminar acciones del pedido, como un botón para solicitar devoluciones.

Más información sobre cómo adaptar el pago y las páginas de cuentas para mercados específicos.