Desde que lanzamos el carrito lateral como parte de Candy Rack a finales del año pasado, una petición se ha repetido más que casi ninguna otra: dejar que los compradores canjeen un código de descuento sin enviarlos al checkout. La mayoría de los carritos laterales independientes ya lo permiten. El nuestro no, hasta ahora.
Los códigos de descuento ya están integrados en el pie del carrito lateral. El comprador escribe un código, pulsa Apply, y el total del carrito y el desglose por línea se actualizan al instante, sin recargar la página y sin pasar por el checkout.
Cómo funciona
Lo que el comprador introduce se comprueba en tiempo real contra la API de descuentos de Shopify. Un código válido se aplica al carrito de inmediato y actualiza el total y el desglose por línea. Un código inválido o caducado muestra en su lugar un mensaje de error en línea, y el total se queda como estaba.
Una vez aplicado, el código aparece como una etiqueta pequeña que se puede quitar junto al campo, así que el comprador puede retirarlo y probar otro si cambia de opinión.
La acumulación sigue las reglas de Shopify, no las de Candy Rack: si se introducen varios códigos, se combinan solo si tus ajustes de combinación de descuentos lo permiten. Si no se combinan, el último código introducido sustituye al que estuviera aplicado. Y si el comprador llega por un enlace de descuento (una URL con el parámetro ?discount=XYZ, del tipo que envías en una campaña de email), el código aparece ya aplicado en cuanto abre el carrito. No tiene nada que escribir.
Adaptarlo a tu carrito
Todo el campo se configura desde los ajustes de Footer de tu carrito lateral, junto a Total, Custom text, Terms and conditions, Checkout buttons y Custom block:
- Placeholder text del campo (por defecto: «Discount code»)
- Error message que se muestra para un código que no se puede aplicar, con su tamaño de fuente
- Apply button: texto, tamaño de fuente, colores de fondo y de texto para el estado normal y el hover, y un borde opcional
- Tamaño de fuente de la etiqueta del código aplicado
- Order-level discount preview, una opción que muestra un descuento aplicado en la vista previa de los ajustes, para comprobar cómo queda ese estado sin necesidad de tener un código real a mano
También hay una opción Collapsible discount field. Al activarla, el campo queda escondido detrás de un enlace en lugar de mostrarse como una caja de texto abierta, y merece la pena pensarlo: una casilla de descuento vacía en el carrito es un motivo bien conocido para que los compradores se vayan a buscar un código a otra parte en lugar de terminar el pedido. Plegarla mantiene la opción disponible sin ponerla en primer plano.
Cómo activarlo
- Abre los ajustes del carrito lateral dentro de Candy Rack.
- Activa Discounts en Footer (y Collapsible discount field, si prefieres dejarlo plegado).
- Ajusta el placeholder, el mensaje de error y el estilo del botón para que encajen con el resto del carrito.
- Guarda.
Por qué lo hemos hecho
Los compradores que tienen un código, o creen que podrían tenerlo, lo buscan en el momento en que abren el carrito, no en el último paso del checkout. Si hasta entonces no aparece por ningún lado, algunos ya se habrán ido a buscar uno, o habrán abandonado el pedido, antes de llegar al campo de descuento que Shopify ofrece en el checkout. A esas alturas suele ser tarde.
En realidad es un caso concreto de todo el argumento de un carrito lateral: mantener al comprador en la página en lugar de mandarlo a otro sitio. Un campo de descuento que solo aparece en el checkout va en contra de eso, y es un hueco que se detecta rápido en cuanto has usado un carrito lateral que lo resuelve de forma nativa. Cerrarlo fue menos añadir algo nuevo que no dejar fuera una pieza evidente.
Se suma a todo lo que hemos construido en el carrito lateral desde el lanzamiento: la barra de recompensas, los bloques personalizados, las ventas adicionales por colección, las descripciones generadas por IA y los nuevos motores de recomendación. El razonamiento detrás del carrito está en nuestra guía de estrategia de upselling. Si lo que quieres optimizar es el checkout y no el carrito, nuestra guía del checkout de Shopify cubre esa parte.
Los códigos de descuento están disponibles hoy en Candy Rack. Si ya usas el carrito lateral, encontrarás Discounts en Footer, dentro de tus ajustes. ¿Todavía no lo has probado? Instala Candy Rack desde la Shopify App Store: el carrito lateral, la barra de recompensas, las ventas adicionales y los códigos de descuento vienen todos en la misma app.
