Ir al contenido

Configuración de experiencia de usuario

Ajuste las interacciones globales de compra, como el comportamiento del carrito, la navegación y la visualización de imágenes.

Use estas ajustes para controlar cómo se perciben las interacciones de navegación y compra en todo el tema. Dan forma a puntos de contacto habituales del cliente, como añadir productos al carrito, navegar con el encabezado, ver imágenes de productos y moverse entre páginas. Para obtener una vista general más amplia del editor, consulte documentación de Shopify sobre el editor de temas

Para ver un resumen de funciones de Company XYZ, consulte Configuración de experiencia de usuario.

El estilo de añadir al carrito determina lo que los clientes ven inmediatamente después de añadir un artículo. Esta elección puede cambiar de forma notable la rapidez con la que siguen navegando o avanzan hacia el pago.

  1. Elija Show mini cart cuando quiera una respuesta rápida sin salir de la página actual.
  2. Elija Redirect to cart cuando la página del carrito incluya mensajes importantes, ventas adicionales o indicaciones sobre el siguiente paso.
  3. Elija Update icon only cuando quiera la menor interrupción y el flujo de navegación más rápido.

Elija el comportamiento del carrito según su flujo de ventas, no solo por la apariencia. Una redirección es más explícita, mientras que las respuestas más ligeras favorecen la continuidad de la compra.

El desenfoque de superposición, los efectos al pasar el cursor y las transiciones de página contribuyen a que la tienda online se perciba más pulida. Si se usan juntos, pueden hacer que la experiencia resulte más refinada, pero demasiados efectos pueden hacer que la navegación se sienta recargada.

El desenfoque de superposición suaviza la página detrás de cajones o interacciones en capas. Funciona mejor cuando el contenido activo sigue destacando claramente sobre el fondo.

Las transiciones de vista añaden un movimiento más fluido entre páginas. Una transición sutil puede ayudar a que la tienda se perciba cohesionada, especialmente en tiendas online orientadas al diseño, pero un movimiento más simple suele sentirse más rápido y claro.

El zoom de la galería controla cómo los clientes inspeccionan más de cerca las imágenes de producto. Una lightbox es especialmente útil cuando la fotografía muestra detalles importantes, como textura, acabado, escala o artesanía.

Si sus imágenes ya son simples, están muy recortadas o son lo bastante grandes en la página, desactivar el zoom puede crear una experiencia más limpia. Compruebe este ajuste tanto en escritorio como en móvil para que la visualización de imágenes siga resultando natural.

Efectos al pasar el cursor sobre las tarjetas

Sección titulada «Efectos al pasar el cursor sobre las tarjetas»

Los ajustes de hover de las tarjetas afectan a cómo responden las tarjetas de productos y contenido durante la navegación. Escalar las tarjetas al pasar el cursor añade movimiento y énfasis, mientras que el filtrado de imágenes puede crear un efecto visual más en capas.

Estos ajustes funcionan bien cuando quiere una tienda online más interactiva. Si el estilo de su marca es minimalista o sus imágenes ya son visualmente densas, un tratamiento de hover más ligero suele mejorar la claridad.

El comportamiento del encabezado fijo cambia cómo la navegación permanece disponible mientras los clientes se desplazan. Como el encabezado aparece en gran parte de la tienda online, este ajuste puede tener un efecto amplio en la comodidad de navegación.

  1. Elija Fixed cuando el acceso constante a la navegación, la búsqueda o el carrito sea lo más importante.
  2. Elija Hide on scroll cuando quiera un equilibrio entre visibilidad y espacio en pantalla.
  3. Elija Off cuando prefiera la presentación más limpia de la página y la navegación ya sea fácil de alcanzar.

Un encabezado fijo suele ser especialmente útil en móvil, donde volver a la navegación puede requerir más esfuerzo.

  1. Adapte el flujo del carrito a la intención. Use una respuesta de añadir al carrito más ligera para seguir navegando y use una redirección al carrito cuando la página del carrito ayude a impulsar la conversión.
  2. Mantenga coordinado el movimiento. Combine cuidadosamente el desenfoque, los efectos al pasar el cursor y las transiciones para que la tienda online se perciba pulida y no distraiga.
  3. Use el zoom cuando el detalle venda. Active el zoom de imagen cuando los clientes se beneficien de una inspección cercana, y omítalo cuando aporte poco valor.
  4. Proteja el acceso a la navegación. Elija un comportamiento de encabezado que encaje con la profundidad de su menú, el uso en móvil y la frecuencia con la que los clientes necesitan acceso rápido a la búsqueda o al carrito.
  5. Compruebe el impacto del diseño. Pruebe el comportamiento del encabezado fijo con el diseño de la página circundante y el tamaño del área visible para que el contenido clave siga visible en lugar de sentirse apretado.
  6. Revise los puntos de contacto compartidos. Después de cambiar estos ajustes, revise juntos las páginas de producto, las colecciones, las tarjetas, la navegación y las interacciones con el carrito, porque pueden afectar a varias áreas del tema.