La Cart page y la Checkout page son donde los compradores revisan sus productos y hacen el pedido. Cada página tiene una sección obligatoria: Cart y Checkout. Les das estilo en el constructor, pero su contenido viene del carrito del comprador.
Cuándo ven los compradores estas páginas
- Estas páginas se usan cuando tu método de checkout es Add to cart, o cuando es tu método secundario. Con Fast checkout, los compradores piden desde el formulario de la página de producto. Consulta Ajustes del checkout.
- La página del carrito se abre cuando el carrito del encabezado está en Page. Con Drawer o Dropdown, se abre un mini carrito. Consulta Sección de encabezado.
- El botón Proceed to checkout de la página del carrito, del panel lateral o del desplegable abre la página de checkout.
La sección Cart
Abre el constructor y elige Cart page. La vista previa muestra dos productos de ejemplo. La sección muestra cada producto con su imagen, nombre, variantes, botones de cantidad, precio de la línea y un botón para quitarlo, y después el subtotal con Continue shopping y Proceed to checkout. Los botones de cantidad respetan la cantidad mínima y máxima del producto.
- Image ratio: Auto, Portrait, Square o Landscape. Con una proporción fija, Image fit es Cover o Contain.
- Image size: Small, Medium o Large.
- Density: espacio Compact, Comfortable o Spacious dentro de cada fila.
- Free shipping bar: muestra cuánto falta para el envío gratis, encima del subtotal. Consulta ¿Cómo funciona la barra de envío gratis?
- Section width, Color scheme, Gap, relleno y Custom CSS.
Cuando el carrito está vacío, los compradores ven "Your cart is empty" y un botón para volver a tu tienda.
La sección Checkout
Elige Checkout page en el constructor. La sección tiene el formulario de pedido a un lado y el resumen del pedido al otro. El formulario contiene los campos del cliente, las opciones de envío y de pago, y el botón Place order. El resumen muestra los productos, el subtotal, el envío, el total y una fila de IVA o de descuento cuando corresponden.
Sus ajustes son Section width, Color scheme, relleno y Custom CSS. Ninguna de las dos secciones admite bloques extra, pero puedes añadir otras secciones encima o debajo, como una sección Text con una promesa de entrega.
Cambiar los campos del checkout
Qué campos se muestran, cuáles son obligatorios y sus etiquetas se configuran para todo el mercado en Settings, no en esta sección. Consulta Campos del formulario de pedido. Los colores y el estilo de los campos vienen de tu esquema de colores y de los ajustes de campos.
Bueno saberlo
- Después del pedido, los compradores van a la página de agradecimiento. Consulta ¿Cómo personalizo la página de agradecimiento (confirmación del pedido) después de un pedido?
- Las opciones de envío y pago vienen de tus métodos de envío y de tus aplicaciones de pago, consulta ¿Cómo configuro métodos y tarifas de envío por mercado?
- Cada mercado tiene sus propias páginas de carrito y de checkout, así que dales estilo en cada mercado.