El nativo Buy X Get Y de Shopify no añade automáticamente el regalo gratis al carrito por ti. Puede descontar un regalo a $0 una vez que ese regalo está en el carrito, e incluso puede ser activado por un gasto mínimo, pero el cliente aún tiene que notar la oferta, encontrar el producto de regalo y añadirlo por sí mismo. Un verdadero regalo con compra que se añade automáticamente, donde el regalo aparece por sí solo en el momento en que el carrito cruza un umbral de gasto y desaparece si el carrito cae por debajo de él, necesita código de tema personalizado construido en la Ajax Cart API de Shopify o una aplicación que haga la adición y eliminación por ti.
Esta guía explica por qué el nativo regalo con compra es insuficiente, por qué el paso de adición manual mata silenciosamente la promoción, cómo funciona el enfoque Ajax cart DIY y qué costo tienes que mantener, qué buscar en una aplicación, y la única pieza de esto que puedes enviar de manera confiable hoy: una barra de progreso del carrito en vivo que muestra a los clientes qué tan cerca están de la recompensa.
¿Shopify añade automáticamente un regalo gratis cuando el carrito alcanza un umbral?
No, no por sí solo. Shopify te proporciona dos bloques de construcción nativos, y ninguno de ellos añade automáticamente un producto.
El primero es un descuento de pedido por compra mínima, que quita dinero del pedido una vez que el carrito cruza un umbral de gasto. Eso es dinero descontado, no un producto gratis.
El segundo es Buy X Get Y, que puede hacer que un producto específico sea gratis. Desde 2019, Buy X Get Y incluso ha sido compatible con un monto de compra mínima como el disparador, para que puedas crear una promoción que diga "Gasta $100, obtén un regalo gratis". Según el registro de cambios del desarrollador de Shopify, esta opción te permite requerir un monto de gasto en lugar de una cantidad específica de artículos, lo que suena exactamente como un regalo con compra.
Aquí está el problema que sorprende a casi todos los comerciantes que lo intentan: los descuentos Buy X Get Y descuentan un regalo que ya está en el carrito. No ponen el regalo en el carrito. El cliente tiene que añadir el producto de regalo por sí mismo para que el descuento se active y le ponga precio a cero. Si nunca lo añaden, simplemente no obtienen la oferta, y el descuento se queda sin hacer nada. Esa brecha, entre "el descuento existe" y "el cliente realmente recibe el regalo", es el problema completo del que trata este artículo.
IMAGE PLACEHOLDER (Image 1): Buy X Get Y nativo versus verdadero auto-add
Sugerencia visual: Un diagrama limpio 16:9 en fondo blanco, dos flujos lado a lado. Flujo izquierdo etiquetado "Buy X Get Y nativo" muestra cuatro pasos con un icono de fricción rojo: carrito alcanza $100, aparece banner, cliente debe encontrar el regalo, cliente debe añadirlo manualmente. Flujo derecho etiquetado "Añadir automáticamente regalo con compra" muestra dos pasos con una marca verde: carrito alcanza $100, regalo aparece a $0.00 automáticamente. Colores de marca violeta y oro, vector plano, etiquetas sin serifa, sin fotografía.
¿Por qué el nativo Buy X Get Y es insuficiente para un regalo gratis?
Buy X Get Y es un descuento genuinamente útil, pero fue construido para fijar precios de artículos, no para administrar el contenido de un carrito. Esa elección de diseño crea tres brechas prácticas para regalo con compra.
Descuenta el regalo, no añade el regalo
Esta es la limitación central. Buy X Get Y vigila el carrito, y cuando se cumple la condición de "compra" (un monto de gasto o una cantidad de productos calificados), aplica un descuento al producto "obtener". Pero el producto "obtener" tiene que estar presente en el carrito para que el descuento tenga algo sobre el cual actuar. Shopify no lo inyecta. Así que la oferta solo funciona para el subconjunto de compradores que tanto notan la promoción como toman los pasos extra para añadir el regalo.
El cliente carga con la carga
Cada paso que le pides a un comprador es un paso donde puedes perderlo. Un regalo con compra que requiere que el cliente abandone lo que está haciendo, navegue a la página del producto de regalo y lo añada al carrito es pedir esfuerzo exactamente en el momento en que están más cerca de pagar. La mayoría de los compradores no lo harán. Los que habrían amado el regalo nunca lo ven suceder, y el incentivo que estás pagando queda sin canjear.
Tampoco puede eliminar el regalo automáticamente
El caso inverso es igual de desordenado. Digamos que un comprador sí añade el regalo, luego elimina un artículo y cae por debajo del umbral. Con una configuración manual, el regalo gratis puede permanecer en el carrito. Dependiendo de cómo se configure el descuento, ya sea que revierte silenciosamente al precio completo (una sorpresa desagradable al pagar) o permanece descontado cuando el cliente ya no califica (margen que no tenías la intención de regalar). Un verdadero regalo con compra tiene que añadir y eliminar el regalo en sincronía con el total del carrito.
Los comerciantes sienten esto directamente. En un ampliamente visto hilo de la comunidad de Shopify, un comerciante preguntó cómo añadir automáticamente un regalo gratis una vez que el carrito alcanza un umbral de gasto sin una aplicación de terceros, y la respuesta llegó del mismo modo que siempre lo hace: el nativo Buy X Get Y existe, pero no añadirá el regalo por sí mismo, así que te queda código personalizado o una aplicación.
¿Por qué una función de Shopify no puede simplemente añadir el regalo al carrito?
Esta es la pregunta natural siguiente, porque Shopify Functions son la forma moderna y del lado del servidor para personalizar descuentos, y se ejecutan dentro del pago donde todo es confiable. La respuesta honesta es que la función de descuento puede fijar precios pero no puede añadir productos.
Una función de descuento de Shopify devuelve operaciones de descuento que se dirigen a líneas de carrito existentes. Según la documentación de API de función de descuento de Shopify, la función aplica un porcentaje o monto fijo de descuento en productos o en el pedido, o descuentos de envío. Lee el carrito y ajusta precios. En ningún lugar de ese modelo está "insertar un nuevo artículo de línea", porque el trabajo de una función de descuento es fijar precios de la mercancía que el comprador eligió, no cambiar lo que hay en el carrito.
La otra función que toca el carrito es la Cart Transform API. Su trabajo documentado es cambiar la "fijación de precios y presentación de artículos en un carrito", con casos de uso limitados a expandir un paquete en sus componentes, fusionar líneas en un paquete y actualizar el título, imagen o precio de una línea. Funciona en líneas que ya existen. No es un mecanismo para dejar caer un producto de regalo completamente nuevo en el carrito de la nada, y algunas de sus operaciones se limitan a tiendas de desarrollo o Shopify Plus.
Así que el conjunto de herramientas del lado del servidor es excelente para hacer un regalo gratis una vez que está en el carrito e inútil para poner el regalo allí en primer lugar. Añadir un producto a un carrito sucede en la tienda, en el tema, que es por qué cada solución real de auto-add termina ejecutando algo de JavaScript allí.
¿Cómo funciona el enfoque DIY Ajax Cart API?
Si quieres construir auto-add tú mismo sin una aplicación, la ruta de la tienda es la Ajax Cart API de Shopify. Este es el mismo punto de conexión ligero que los temas usan para añadir productos al carrito sin un recargo de página.
La mecánica
La Ajax Cart API expone un punto de conexión POST /{locale}/cart/add.js que añade una o más variantes al carrito. Según la referencia de Ajax Cart API de Shopify, envías el ID de la variante y una cantidad, y el artículo llega al carrito. En la práctica, un regalo con compra construido de esta manera se ve así:
- Un script en tu tema escucha cambios de carrito.
- Cuando el subtotal del carrito cruza tu umbral, el script llama a cart/add.js con el ID de variante del regalo.
- Un descuento Buy X Get Y o de producto (nativo o basado en Functions) fija el precio de ese regalo a $0 para que el cliente no sea cobrado por él.
- Cuando el carrito cae por debajo del umbral, el script llama a la API del carrito nuevamente para eliminar el regalo.
Emparejas un script de tienda que administra el contenido del carrito con un descuento que administra el precio. Ninguna mitad hace el trabajo completo sola.
El costo de mantenimiento
Esto funciona, y muchas tiendas ejecutan alguna versión, pero es código que ahora posees para siempre. Algunas cosas a tener en mente antes de que te comprometas:
- Está acoplado al tema. La Ajax API solo funciona en temas alojados en Shopify, y tu script se conecta al marcado y eventos de carrito específicos de tu tema. Cambiar de tema, o tomar una actualización de tema que cambia el cajón del carrito, y el script puede romperse silenciosamente.
- Tienes que proteger los casos límite. ¿Qué sucede si el comprador ya tenía el producto de regalo en su carrito como un artículo pagado? ¿Qué si califican para dos regalos diferentes? ¿Qué si cambian las cantidades rápidamente? Cada uno de estos es una rama que tienes que escribir y probar.
- La eliminación es la parte difícil. Añadir un regalo en un umbral es fácil. Eliminarlo de manera confiable el instante en que el carrito cae por debajo del umbral, sin luchar contra el cliente que intenta editar su carrito, es donde las implementaciones DIY se vuelven inestables.
La trampa del pago acelerado
Aquí está el modo de fallo que cuesta dinero real, y es la misma trampa que afecta a cualquier lógica de descuento solo de tienda. Los pagos acelerados como Shop Pay, Apple Pay y Google Pay permiten al comprador saltar la página del carrito por completo e ir directamente al pago. Tu JavaScript de tema no se ejecuta en esa ruta. Así que un comprador que toca el botón de Shop Pay nunca activa tu script de añadir el regalo, y toda la promoción silenciosamente no sucede para ellos.
Por eso el lado del precio de un regalo con compra pertenece en una función de Shopify (que se ejecuta del lado del servidor en cada ruta de pago) incluso cuando el lado de añadir tiene que vivir en el tema. Mantén el descuento del lado del servidor y se aplica idénticamente si el comprador fue a través de la página del carrito o un pago acelerado. Pon la lógica de descuento en JavaScript de tema y obtendrás un total en el carrito y uno diferente al pagar para tus compradores que se convierten más rápido.
IMAGE PLACEHOLDER (Image 2): Dónde el script Ajax sí y no se ejecuta
Sugerencia visual: Una ilustración dividida 16:9. Panel izquierdo etiquetado "Pago estándar" muestra una página del carrito con una insignia verde "se ejecuta el script de regalo" y el regalo añadido a $0.00. Panel derecho etiquetado "Shop Pay / Apple Pay" muestra un botón de pago rápido saltando la página del carrito con una insignia roja "nunca se ejecuta JS de tema" y sin regalo. Una banda de título debajo lee "Los scripts de tienda saltan el pago acelerado. Mantén el precio del lado del servidor." Colores de marca violeta y oro, estilo vector plano, sin fotografía.
¿Qué debes buscar en una aplicación de regalo gratis?
Si DIY suena como más mantenimiento que el que quieres, una aplicación es la respuesta usual. No todas las aplicaciones de regalo con compra se construyen de la misma manera, aunque. Aquí está lo que realmente importa.
Auto-add y auto-remove, ambos
Añadir el regalo es lo básico. La prueba real es si la aplicación elimina automáticamente el regalo cuando el carrito cae por debajo del umbral. Sin eliminación automática, obtienes carritos que mantienen un regalo gratis que ya no califican, o regalos que silenciosamente revierten al precio completo y sorprenden al cliente. Insiste en ambas direcciones.
Fijación de precios del lado del servidor para que el carrito y el pago estén de acuerdo
Pregunta cómo el regalo se fija a $0. Si la respuesta es "nuestro script establece el precio en la página del carrito", tienes el problema de pago acelerado integrado. El patrón confiable fija el precio del regalo con una función de Shopify para que el $0 se mantenga en la página del carrito, la página de pago y Shop Pay por igual. El añadir puede suceder en el tema; el descuento no debería.
Funciona con tus otras ofertas
Un regalo con compra rara vez se ejecuta solo. Probablemente también tienes una venta, un nivel de volumen o envío gratis en vivo al mismo tiempo. Verifica que la oferta de regalo se combine limpiamente con tus otros descuentos bajo las reglas reales de apilado de Shopify, en lugar de bloquearlos o ser bloqueado. (Si el apilado de descuentos es nuevo para ti, nuestra guía sobre cómo funciona el apilado de descuentos en Shopify te explica las tres clases de descuento y qué se combina con qué.)
No reescribe tu catálogo
Algunas aplicaciones cambian los precios de los productos para simular un descuento. Eso es frágil y deja un desorden si desinstalas. El enfoque limpio es un ajuste en tiempo de pago que nunca toca tus precios reales de productos, para que desinstalar la aplicación deje tu catálogo exactamente como estaba.
Lo que puedes enviar de manera confiable hoy: la barra de progreso de gasto
Aquí está la división honesta. La parte de auto-add-and-remove del regalo con compra es genuinamente difícil, porque depende de la manipulación del carrito de la tienda que las herramientas del lado del servidor de Shopify no pueden hacer. Pero la parte que impulsa la mayoría del aumento de conversión, mostrar a los clientes qué tan cerca están de la recompensa, es completamente solucionable hoy, y Stackable la envía ahora.
Un objetivo de gasto es un descuento a nivel de pedido que se paga una vez que el carrito cruza un umbral que estableces: gasta $75 y obtén 10% de descuento, o gasta $100 y obtén $15 de descuento. La característica de objetivo de gasto de Stackable está construida y activa, y viene con una barra de progreso del carrito en vivo que lee el total real del carrito y cuenta regresivamente mientras el comprador añade artículos, sin recargo de página. "Estás a $12 de tu recompensa" es el único factor de influencia más efectivo en una promoción de umbral, e hizo el mismo trabajo psicológico si la recompensa es dinero descontado o un regalo gratis.
Porque el objetivo de gasto se calcula por una función de Shopify, la recompensa que un comprador ve en la página del carrito es exactamente lo que paga el pago, incluyendo a través de Shop Pay. No hay diferencia de carrito versus pago que perseguir. Y un objetivo de gasto se apila como una capa de clase de pedido, para que se combine limpiamente con un descuento de producto o envío gratis en el mismo pedido.
Para ser claro sobre qué está y qué no está disponible en este momento: La característica de regalo gratis auto-add de Stackable, donde el producto de regalo en sí aparece y desaparece automáticamente en un umbral, está en el mapa de ruta y próximamente, no algo que puedas activar hoy. La página de característica de regalo gratis describe exactamente cómo funcionará cuando se envíe. Lo que puedes ejecutar hoy es la recompensa de objetivo de gasto con la barra de progreso en vivo, que es la mitad confiable y segura para pago del patrón.
IMAGE PLACEHOLDER (Image 3): Barra de progreso del carrito contando regresivamente hacia la recompensa
Sugerencia visual: Un mockup de cajón de carrito de tienda 16:9. Una barra de progreso cerca de la parte superior está aproximadamente 80 por ciento llena en violeta, con la etiqueta "Estás a $12 de tu recompensa". Debajo, dos artículos de línea del carrito con precios. Una ficha de recompensa de oro al final de la barra de progreso lee "10% de descuento". Estilo de comercio electrónico moderno y limpio, tema neutral, marca violeta y oro de acento, sin fotografía. Consulta la documentación/screenshot-manifest.md ranura spend-goal-step-3 para capturar el widget real más tarde.
Ejemplo trabajado: un regalo que se añade automáticamente a $75 y se elimina automáticamente por debajo
Recorramos cómo se comporta un verdadero regalo con compra que se añade automáticamente, para que sepas exactamente qué se ve "hecho correctamente", y cómo la barra de progreso de gasto lo apoya hoy.
Una marca de moda quiere que cada pedido superior a $75 incluya una bolsa gratuita, añadida automáticamente. Un comprador construye este carrito:
- 1 suéter tejido a $58
- 1 gorro a $22
- Subtotal: $80
La tienda ejecuta un regalo con compra establecido para activarse en un subtotal de carrito de $75, con la bolsa como el regalo.
Las dos cosas que hacen esto parecer sin esfuerzo son las dos cosas que el nativo Buy X Get Y no puede hacer por sí solo: la bolsa se añade a sí misma en el momento en que el carrito alcanza $75, y se elimina a sí misma en el momento en que el carrito cae por debajo de $75. El cliente nunca busca el regalo y nunca es cobrado por uno que ya no califica.
Hoy, la mitad de esa experiencia de barra de progreso (el factor de influencia de "a $17", calculado del lado del servidor para que coincida con el pago) es lo que el objetivo de gasto de Stackable entrega, emparejado con una recompensa de dinero descontado. El auto-add-and-remove automático del producto de regalo en sí es la capacidad de regalo gratis próximamente. Expresado honestamente: puedes ejecutar la cuenta regresiva y la recompensa ahora, y el producto de regalo que se añade automáticamente está en camino.
Ejecuta recompensas de umbral de manera confiable con Stackable
Si quieres que la mecánica de recompensa de umbral sea confiable en lugar de un script de tema que cuides, eso es para lo que Stackable está construida, dentro de las reglas reales de Shopify.
- Objetivos de gasto con una barra de progreso del carrito en vivo que cuenta regresivamente hacia la recompensa mientras el comprador añade artículos, sin recargo de página.
- La recompensa se calcula por una función de Shopify, para que la página del carrito, la página de pago y Shop Pay todas muestren el mismo total. No hay diferencia de tema versus pago.
- Los objetivos de gasto se apilan como una capa de clase de pedido, para que se combinen limpiamente con tus descuentos de producto y envío gratis bajo las reglas de combinación de Shopify.
- Stackable nunca reescribe tus precios de producto. Las recompensas son ajustes de pago solamente, para que desinstalar deje tu catálogo intacto.
- La característica de regalo gratis auto-add está en el mapa de ruta y honestamente marcada como próximamente, para que siempre sepas qué está activo y qué está planeado.
Instala Stackable gratis y pon hoy mismo una cuenta regresiva hacia el regalo delante de tus compradores, en usestackable.com/pricing. 🎁
Lo más importante
- El nativo Buy X Get Y de Shopify no auto-añade el regalo. Puede fijar el precio de un regalo a $0 y puede ser activado por un monto de gasto, pero el cliente tiene que añadir el producto de regalo por sí mismo.
- El paso de añadir manualmente es donde se fuga la promoción. La mayoría de los clientes nunca notan o se molestan, así que el incentivo que estás pagando queda sin canjear.
- Las funciones del lado del servidor no pueden añadir un producto al carrito. Las funciones de descuento solo fijan precios de líneas existentes, y Cart Transform solo expande, fusiona o actualiza líneas que ya están allí.
- La ruta DIY es un script de tema en la Ajax Cart API que añade y elimina el regalo, emparejado con un descuento que lo fija. Funciona pero está acoplado al tema, es pesado en casos límite y se salta por pagos acelerados.
- En una aplicación, insiste en auto-add automático y auto-remove automático, fijación de precios del lado del servidor para que carrito y pago estén de acuerdo, apilado limpio con tus otras ofertas, y sin reescribir precios de catálogo.
- Lo que puedes enviar de manera confiable hoy es una recompensa de objetivo de gasto con una barra de progreso del carrito en vivo. Stackable lo entrega ahora, calculado del lado del servidor para que coincida con el pago, mientras que la característica de regalo gratis auto-add se marca honestamente como próximamente.
Artículos relacionados
- Objetivos de gasto y descuentos de pedidos: recompensa todo el pedido en un umbral de valor del carrito, con una barra de progreso en vivo que coincida con el pago. Construida y activa hoy.
- Auto-añadir un regalo gratis con compra: cómo funcionará la característica de regalo automático de adición y eliminación. Próximamente.
- Ofertas de envío gratis: añade envío gratis como una recompensa de umbral de clase de envío que se apila con tus otras ofertas.
- Apilado de descuentos, hecho correctamente: cómo los tres interruptores de combinación por clase deciden qué puede tu recompensa de umbral combinar.
- Cómo funciona el apilado de descuentos en Shopify: las tres clases de descuento y por qué nativo solo aplica el más alto.
- Límite de 100 productos de Shopify en Buy X Get Y: otro techo nativo de Buy X Get Y y cómo ejecutar ofertas de gran catálogo alrededor de él.
- Precios de Stackable: planes, el nivel gratuito, e incluye qué contiene cada uno.
