De forma predeterminada, el encabezado de tu sitio incluye un icono de carrito de compras y una confirmación del carrito (minicarrito) que aparece cuando los compradores agregan artículos.

Para editar el minicarrito:

1. Haz clic en Editar, en la esquina superior izquierda de la vista previa de tu sitio.
2. Posiciona el cursor sobre el encabezado y haz clic en Editar el encabezado del sitio.
3. Haz clic en Agregar elementos; luego, haz clic en Carrito.
4. En el mensaje de confirmación para añadir al carrito, selecciona una opción para activar o desactivar el minicarrito:
   • Insignia y botón: (Recomendado) Muestra la ventana del minicarrito. Esta configuración está activada de forma predeterminada. Su color contrasta automáticamente con tu fondo para mantenerse visible.
   • Solo botón: Aparece un breve mensaje de “¡Añadido!” en el botón. Selecciona esta opción para desactivar el minicarrito.
5. Presiona Guardar para guardar tus cambios.

Aplicar estilo al icono del carrito

Para editar el icono del carrito de compras:

1. Haz clic en Editar, en la esquina superior izquierda de la vista previa de tu sitio.
2. Posiciona el cursor sobre el encabezado y haz clic en Editar el encabezado del sitio.
3. Haz clic en Agregar elementos y, a continuación, haz clic en Carrito.
4. Haz clic en el icono del lápiz.
5. Selecciona el Estilo.
   • Si eliges Ícono, selecciona un ícono de carrito, cesta o bolsa para que aparezca en el encabezado y luego haz clic en Atrás para establecer el tamaño del ícono Carrito.
   • Si eliges Texto, aparece texto personalizado de hasta 10 caracteres en lugar de un ícono, que coincide con los estilos de los enlaces de navegación.
   • El color del icono o del texto es el mismo color que los enlaces de la navegación de tu sitio.
6. En Borde, habilita un borde que rodee el ícono eligiendo una forma de borde y, a continuación, Delineado o Sólido para cambiar el diseño. Si eliges Delineado, configura el Grosor del delineado.
7. Para que aparezca 0 junto al carrito antes de que los clientes agreguen algo, activa la opción Mostrar "0" en el carrito.
8. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Muestra el ícono del carrito como texto en los dispositivos móviles

Cuando el icono de tu carrito está configurado en Texto, aparece como el número de artículos en el carrito en dispositivos móviles. El sitio mostrará inicialmente (0) en el encabezado como el icono del carrito. Cambiar el botón de alternancia Mostrar "0" en el carrito no afecta cómo aparece esto en los dispositivos móviles.

La visualización del ícono del carrito de compras depende de la plantilla. Ten en cuenta:

• En la mayoría de las plantillas, el ícono del carrito aparece automáticamente en todas las páginas después de que un cliente añade un artículo a su carrito.
• En algunas plantillas, el ícono es una parte permanente del encabezado.
• El carrito no se muestra si está habilitada la opción Compra rápida.
• Si no aparece tu carrito, consulta nuestros consejos para la solución de problemas.

Mostrar por plantilla

Estas familias de plantillas tienen el botón clásico:

• Adirondack
• Avenue
• Aviator
• Bedford: se muestra debajo de los elementos del encabezado
• Five
• Flatiron: se muestra debajo del encabezado
• Forte: se muestra en la esquina inferior derecha.
• Galapagos
• Ishimoto
• Momentum: se muestra en la parte superior izquierda si la barra de navegación está en la parte inferior o en la parte inferior izquierda si está en la parte superior.
• Montauk
• Native
• Pacific: es un rectángulo y puedes establecer los colores y la fuente. El botón tiene el mismo aspecto en un dispositivo móvil (sin barra de navegación).
• Supply: es un rectángulo.
• Wells: es un rectángulo.
• Wexley

Estas familias de plantillas tienen opciones avanzadas:

• Brine
• Skye
• Tremont
• Farro
• York

Consejo: otros elementos a los que puedes dar estilo son el botón Añadir al carrito, la página de tienda y el botón Continuar comprando.

Botón clásico

La mayoría de las plantillas admiten el botón clásico, que muestra el ícono del carrito de compras en un botón negro en forma de píldora en la esquina superior derecha. Aparece automáticamente en todas las páginas después de que un cliente añade un artículo a su carrito. No tiene opciones de estilo.

En un dispositivo móvil, el botón clásico aparece como una barra de navegación en la parte inferior:

Opciones de estilo avanzadas

Puedes personalizar el estilo del carrito de compras en el panel Estilos del sitio en estas familias de plantillas:

Para ocultar el ícono del encabezado del sitio:

1. Haz clic en Editar, en la esquina superior izquierda de la vista previa de tu sitio.
2. Posiciona el cursor sobre el encabezado y haz clic en Editar el encabezado del sitio.
3. Haz clic en Agregar elementos.
4. Desactiva la opción Carrito.
5. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Si ocultas el ícono del carrito de compras, aparece un ícono del carrito en la parte inferior de la página cuando alguien agrega un producto a su carrito. Para cambiar el color del ícono:

1. Al editar una página, abre Estilos del sitio y haz clic en Colores.
2. En Botón, establece los colores de Fondo y Texto. El carrito de compras usa la misma combinación de colores predeterminada de tu sitio.
3. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

No es posible desactivar el ícono ni cambiar su tamaño y forma.

Sin el ícono del carrito de compras, los clientes no podrán encontrar la página de pago por su cuenta. Solo debes ocultarlo si usas Compra rápidao si vendes productos de suscripción. En estos casos, los clientes son dirigidos a la página de pago automáticamente después de seleccionar un producto.

Puedes utilizar el ajuste Estilos del sitio que se indica a continuación para ocultar o mostrar el carrito de compras en estas familias de plantillas:

• Brine: posición del carrito
• Farro: posición del carrito
• Tremont: visualización del enlace del carrito
• York: posición del carrito