Opciones: Carro de compras (configuración)
En Opciones > Carro de compras (Beta) configuras cómo se comporta y cómo se ve la experiencia de agregar productos al carro y de navegar el carro antes de pasar al checkout. Desde esta sección puedes ajustar las distintas configuraciones de los productos y del carro, y ver de inmediato cómo se reflejan para tu cliente.
Vista previa
A la derecha de la pantalla hay una vista previa en vivo. Puedes elegir qué tipo de elemento ver (Product, Bundle o Gift Card), seleccionar el producto de ejemplo en Show product y revisar tanto la vista de detalle de un producto (Single/Detail view) como la vista de listado (List view). Cada cambio que haces se refleja en la vista previa, para que puedas validar el resultado antes de guardar.
Secciones de configuración
La configuración se organiza en tres pestañas: Add To Cart (agregar al carro), Button Style (estilo del botón) y Cart Behavior (comportamiento del carro).
1. Add To Cart (agregar al carro)
Define qué ocurre cuando el cliente agrega un producto y qué información y controles ve al hacerlo.
| Configuración | Qué hace |
|---|---|
| After adding to cart, show | Define qué se muestra después de que el cliente agrega un producto al carro. |
| Allow adding in lists | Define si se puede agregar productos al carro directamente desde los listados, y si se muestra un botón para ello. |
| Max quantity per product | Cantidad máxima de unidades de un mismo producto que el cliente puede agregar. |
| Show units selector/popover | Muestra un selector de unidades. |
| Allow editing quantity on input | Permite que el cliente escriba la cantidad directamente en el campo. |
| Hide unavailable variants | Oculta las variantes que no están disponibles. |
| Show unavailable variants last | Muestra las variantes no disponibles al final de la lista de variantes. |
| Show SKUs | Muestra el SKU del producto. |
| Show available units | Muestra cuántas unidades hay disponibles. |
| Show dynamic UI for single product options | Interfaz dinámica para productos con una sola opción. Aparece marcada como “soon” (próximamente). |
| Offer matching bundles that contain product | Ofrece al cliente los packs que contienen el producto que está viendo. |
| Show images in product/bundle options form | Muestra imágenes en el formulario de opciones del producto o pack. |
| Quote flow mode | Define cómo se presenta el flujo de cotización (por ejemplo, en un modal). |
2. Button Style (estilo del botón)
Personaliza la apariencia y los textos del botón de agregar al carro, de modo que coincida con la imagen de tu tienda.
| Configuración | Qué hace |
|---|---|
| Button type | Versión del botón de agregar al carro que usa tu tienda. |
| Show quantity buttons | Muestra los botones para aumentar y disminuir la cantidad. |
| Button text | Texto del botón (por ejemplo, “Agregar al carro”). |
| ‘Sold out’ button text | Texto cuando el producto está agotado (por ejemplo, “Agotado”). |
| ‘Unavailable’ button text | Texto cuando el producto no está disponible (por ejemplo, “No disponible”). |
| Button bg color | Color de fondo del botón. |
| Button text color | Color del texto del botón. |
| Button icon | Ícono que acompaña al botón, o ninguno. |
| Button border radius | Redondeo de las esquinas del botón. |
| Selected option/variant color | Color con que se resalta la opción o variante seleccionada. |
| Volume discounts color | Color con que se muestran los descuentos por volumen. |
| Show volume discount names | Muestra el nombre de los descuentos por volumen. |
| Hide vol discount msg in form | Controla si el mensaje de descuento por volumen se oculta en el formulario. |
| Own styles for list button | Permite usar estilos propios para el botón de los listados. |
3. Cart Behavior (comportamiento del carro)
Define cómo se presenta el carro y qué opciones tiene el cliente antes de pasar al checkout.
| Configuración | Qué hace |
|---|---|
| Cart table items version | Versión de la tabla de productos del carro. |
| Cart modal type | Tipo de ventana con que se muestra el carro (por ejemplo, panel lateral o slide out). |
| Hide quantity buttons in cart | Oculta los botones de cantidad dentro del carro. |
| Show full cart view before checkout | Define si el cliente ve la vista completa del carro antes de ir al checkout, o si puede elegir entre ir al carro o directamente al checkout. |
| Show promos in cart | Muestra promociones dentro del carro. Aparece marcada como “soon” (próximamente). |
| Suggest bundles for matching items | Sugiere packs relacionados con los productos que el cliente tiene en el carro. |
| Show suggestions before checkout | Muestra sugerencias antes de pasar al checkout. Aparece marcada como “soon” (próximamente). |
| Require accepting terms & conditions before checkout | Exige que el cliente acepte los términos y condiciones antes de avanzar al checkout. |
Consideraciones
Esta sección está en versión beta y varias de sus opciones se muestran, por ahora, en inglés. Las funciones marcadas como “soon” aún no están disponibles. Usa la vista previa para validar cada cambio antes de guardarlo.
Preguntas frecuentes
¿Cómo cambio el texto del botón de agregar al carro? En la pestaña Button Style, campo Button text.
¿Cómo hago que el carro se abra como panel lateral? En la pestaña Cart Behavior, campo Cart modal type.
¿Cómo evito que mis clientes compren cantidades muy altas? En la pestaña Add To Cart, usa Max quantity per product.
¿Cómo exijo la aceptación de términos y condiciones? En la pestaña Cart Behavior, activa la opción de aceptar términos antes del checkout.