ℹ️ Note: Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo.

Quiere recompensar a los clientes con un producto diferente cuando compran suficiente de algo? 🎁

Eso es exactamente lo que Comprar X Get Y oferta en Hoppy Bundles está diseñado para.

Con este tipo de oferta, puede crear ofertas condicionales como:

• 🛒 Comprar 2 camisetas → Obtener un cap al 50% OFF
• 💸 Comprar 3 Sneakers → Obtener un par de medias GRATIS
• 🎁 Comprar 2 granos de café → Obtener una taza a un descuento

—y mostrarlas como limpias, pinchables en su página de producto.

Los clientes simplemente eligen el trato que les gusta, añádanlo al carrito, y el descuento en el producto "Y" se aplica automáticamente al checkout ✨

📍 Dónde la compra X Obtener Y Widget Aparece

El widget Buy X Get Y aparece en su Página, justo debajo del botón Añadir al carrito (acción predeterminada).

También puede colocarlo en cualquier otro lugar en la página del producto usando la Colocación personalizada opción (cubierta más adelante en esta guía).

ℹ️ Comprar X Get Y utiliza la misma pantalla de configuración Cantidad - sólo se abre pre-llenado con los tigres Comprar X Get Y, el violeta ¡Sí! Es BOGO tema, y un título de bloque "Buy X Get Y". Esta guía se centra sólo en lo que es diferente para comprar X Get Y; los ajustes compartidos se resumen brevemente.

🛠️ Ejemplo de configuración usado en esta documentación

En esta documentación, configuraremos la siguiente estructura de nivel:

• 🛒 1 Pareja → Precio Estándar (Sin Descuento)
• 🎁 Comprar 2 → Obtener 3 de otro producto a un descuento
• 🎁 Comprar 3 → Obtener 4 de otro producto a un descuento

Estas son exactamente las fichas de la aplicación pre-fills para usted cuando usted comienza una oferta Comprar X Get Y — usted puede editar cada parte de ellos ⚙️

✅ Antes de comenzar — Activar la aplicación Embed

Para que el widget Buy X Get Y aparezca en su escaparate, la aplicación debe estar habilitada dentro de su Shopify tema.

Ve a:

Shopify Admin → Canales de Venta → Tienda Online → Temas → Personalizar → App Embeds

Entonces:

• Encontrar Bundles App Embed
• Toggle it ON
• Haga clic en Guardar

⚠️ Importante: Sin la aplicación habilitada, su oferta publicada no será visible en el escaparate, incluso si todo dentro de la aplicación está configurado correctamente.

🎯 Paso 1 — Crear un Nuevo Comprar X Obtener Y Oferta

Abrir el Hoppy Bundles aplicación de tu Shopify Admin.

Entonces:

→ Crear nueva oferta para abrir la página de selección de tipo oferta.

→ Encontrar el Comprar X Get Y (Oferta adicional) tarjeta “Comprar una cantidad específica y obtener otro producto a un descuento” - y haga clic Crear Comprar X Obtener Y.

La página de configuración abre con todo lo pre-llenado para un acuerdo Buy X Get Y:

• 🎨 Plantilla → ¡Sí! Es BOGO (Tema violento)
• 📰 Título del bloque → Comprar X Get Y
• 🎁 Tiros → Comprar X Obtener Y Gratis Tipo de descuento con Comprar / Obtener condiciones listas para editar

💡 A partir de esta tarjeta le ahorra de la construcción de los niveles manualmente, pero todavía puede cambiar la plantilla y cada nivel después.

🧩 Paso 2 - Nombre Su Oferta & Elija donde se aplica

La primera pantalla pide lo básico antes de cualquier otra cosa.

🏷️ Nombre de la oferta

Este campo se utiliza sólo para fines internos.

Los clientes nunca verán este nombre.

Puede utilizar cualquier nombre reconocible como:

• Comprar 2 Obtener un cap
• Traje de Sneaker + Calcetines
• Viernes Negro BXGY

💡 Usando el nombre interno adecuado hace más fácil identificar las configuraciones más tarde, especialmente si su tienda ejecuta múltiples ofertas.

📦 Oferta de aplicación en

Este ajuste controla los productos que actúan como “X” productos — los clientes deben comprar para desbloquear el trato.

Hay 3 opciones disponibles:

• Todos los productos → la oferta se aplica a cada producto en su tienda
• Producto → la oferta se aplica sólo a los productos que selecciona
• Colección → la oferta se aplica a cada producto dentro de las colecciones que seleccione

Si eliges Producto o Colección, a Seleccione producto / Select Collection El botón aparece. Haga clic en él para abrir su Shopify recurso y elegir uno o más elementos.

⚠️ Importante:

• Interruptor entre Todos los productos, Producto, y Colección despeja su selección actual — elija el modo correcto primero, luego seleccione sus artículos.
• Sólo una oferta publicada se permite por producto o colección. Si otra oferta publicada ya cubre el mismo producto, usted no será capaz de publicar éste hasta que la oferta existente se convierta de nuevo a un borrador.

🎨 Paso 3 - Confirme su plantilla

Desplazarse hacia abajo Seleccione su oferta preferida sección.

Para comprar X Get Y, el ¡Sí! Es BOGO plantilla (violeta, tema de acuerdo) ya está seleccionada para usted - que coincide con este tipo de oferta perfectamente.

Usted todavía puede girar a través y elegir un aspecto diferente si usted prefiere:

• Construir uno desde cero → empezar con un diseño limpio, mínimo
• Bundle & Save → el estilo clásico verde multi-tier
• Oferta de tiempo limitado → naranja, tema de urgencia
• ¡La locura de venta flash! → rosa, venta temática

Haga clic Aplicar plantilla seleccionada para continuar.

ℹ️ El Aplicar plantilla seleccionada botones se mantiene desactivado hasta que haya seleccionado por lo menos un producto o colección (al utilizar el Producto o Colección Modo).

Una vez aplicado, el editor de configuración completa se abre — con una vista previa en vivo de su widget en el lado derecho de la pantalla 👀

⚙️ Paso 4 — Configure su compra X Get Y Tiers (Tab general)

Este es el corazón de la configuración ❤️

Cada acuerdo vive en su propia cuenta (Oferta 1, Oferta 2, Oferta 3...). Haga clic en una pestaña para editar ese tier.

La configuración prellenada se ve así:

• Oferta 1 → Cantidad 1, Tipo de descuento No Discount (un nivel de referencia de precio estándar)
• Oferta 2 → Tipo de descuento Buy X Get Y Free, Comprar 2, Get 3, etiquetado Más populares
• Oferta 3 → Tipo de descuento Buy X Get Y Free, Comprar 3, Get 4

Vamos a través de los campos que hacen un trabajo de la marca Comprar X Get Y.

💸 Tipo de descuento → Comprar X Obtener Y Gratis

Establecer el tier's Tipo de descuento deserción Comprar X Obtener Y Gratis.

Una vez seleccionado, el regular Descuento campo de valor es reemplazado por dos campos de condición:

• Comprar → cuántos artículos del producto “X” el cliente debe comprar. Este campo es cerrado - siempre sigue el nivel Cantidad valor.
• Vamos. → cuántas unidades del producto “Y” recibe el cliente. Este campo es editable - pónganlo a cualquier promesa de su acuerdo.

Ejemplo

• Comprar 2 + 1 → “Buy 2, Get 1”
• Comprar 3 + 2 → “Buy 3, Get 2”

⚠️ Nota: Cambiar el tipo de descuento de un tier a Buy X Get Y Free resetea el Vamos. valor a 1 y aclara el producto Y seleccionado, así que elija el tipo de descuento primero, luego configure el resto.

ℹ️ Si quieres que los clientes obtengan más igual producto libre en lugar de un producto diferente, utilizar el BOGO (Buy One Get One) Tipo de descuento en su lugar - ver la guía dedicada BOGO.

🎁 Obtener producto — Seleccione Y Producto

ℹ️ Esta sección sólo aparece cuando el tipo de descuento es Comprar X Obtener Y Gratis.

Aquí es donde eliges “Y” producto — el producto que el cliente obtiene con un descuento cuando compran lo suficiente del producto "X".

→ Seleccione Y Producto para abrir su Shopify recurso y elegir un solo producto.

Una vez seleccionado, el producto aparece dentro del tier con su imagen y título. Hasta entonces, verás “Ningún producto seleccionado”.

⚠️ Importante: No omita este paso - sin un producto Y seleccionado, el tier no tiene nada que dar. Verifique siempre doble cada Compra X Get Y tier tiene su propio producto Y antes de publicar.

💡 Puedes usar un diferente Y producto por tier — por ejemplo, un pequeño freebie en el nivel “Comprar 2” y uno premium en el nivel “Comprar 3”.

🔢 Cantidad

El número de elementos “X” que el cliente debe comprar para desbloquear este nivel.

Para comprar X Get Y tiers, el Comprar condición automáticamente sigue esta cantidad — cambiar la cantidad y las actualizaciones de valor de compra con ella.

⚠️ La cantidad debe ser mayor que 0 — verá un error en línea si no lo es.

🏷️ Título de la oferta, etiqueta de descuento

Cada nivel tiene tres elementos de texto que puede personalizar:

• Oferta Título → el texto principal en el tier, por ejemplo “Comprar 2 Obtener 3”
• Cambio de descuento → el texto del acuerdo que se muestra en el nivel, por ejemplo: “Comprar 2 Obtener 3 al 50% OFF”
• Tag → una pequeña insignia, por ejemplo “Lo más popular”

El Cambio de descuento y Tag campos cada uno tiene icono de ojo 👁️ en el lado derecho — haga clic en él para mostrar o ocultar ese elemento en el escaparate.

💡 Los títulos y etiquetas de estilo “Buy 2 Get 3” ya vienen con los títulos y etiquetas de estilo “Buy 2 Get 3”, simplemente ajusta el texto para que coincida con su acuerdo real, por lo que los clientes no están confundidos sobre lo que están recibiendo.

➕ Agregar / 🗑️ Eliminar Tiros

Debajo de las pestañas de oferta encontrarás:

• Añadir Oferta → añade una nueva pestaña de nivel (maximum 6 niveles). Nuevos niveles comienzan como una llanura No Discount nivel: cambiar el tipo de descuento Comprar X Obtener Y Gratis y configurar el producto Comprar / Obtener / Y usted mismo.
• Suprimir → elimina el tier actualmente seleccionado (mínimo 2 niveles necesarios)

Si golpeas uno de estos límites, un pequeño mensaje de brindis te avisará.

📰 Título del bloque: Texto del pie

Estos controlan el texto arriba y debajo del widget:

• Título del bloque → pre-llenado con “Buy X Get Y” — cambiarlo a algo más llamativo como “Bundle & Save” o “Buy More, Get More 🎁”
• Texto del pie → por ejemplo: “ Envío gratuito”

Ambos campos vienen con un icono de ojo para ocultarlos completamente si prefieres una mirada limpia.

🛠️ Paso 5 — Configuración Configuración

Desplazarse hacia abajo Ajustes tarjeta. Estas casillas funcionan exactamente como lo hacen por las ofertas de Cantidad Break — aquí está la versión rápida:

👀 Apariencia y miradas

• Mostrar precio unitario / Mostrar precio total → Mostrar precios por unidad y por nivel dentro de la oferta
• Ocultar la cabecera y las líneas de pie → widget limpio sin las líneas de divider
• Usar texto personalizado para Out of Stock → mostrar su propio mensaje cuando un producto está fuera de stock (permitir que revela un campo de texto)

⚙️ Funcionalidad

• Deje que los clientes elijan diferentes variantes para cada artículo → los clientes pueden elegir una variante diferente para cada unidad en el nivel
• Mostrar widget abajo añadir al botón del carrito → renderiza el widget directamente debajo de su botón Añadir al carrito
• Skip cart directly to checkout → los clientes van directo a la salida después de añadir un tier
• Mostrar comparación con el precio → muestra el strikethrough compara-at price (permitir que revela Precio de comparación personalizado y un solo lectura Shopify producto comparar precio sobre el terreno)

🔄 Activar la combinación de descuento

• Descuentos de pedidos / Descuentos de envío → permite que el descuento de esta oferta se combine con los descuentos de pedido y envío al checkout

ℹ️ La combinación de descuento de producto siempre está en. Due to Shopify restricciones, este ajuste se aplica globalmente a todas las nuevas ofertas de este tipo.

A continuación Ajustes que también encontrará Múltiples mercados (precio específico del mercado) y Traducción (translate widget texts). Ambos son opcionales y están cubiertos en sus propias guías dedicadas.

🎯 Paso 6 - Objetivo " Colocación " (opcional)

Cambiar a la Objetivo " Colocación " ficha para controlar dónde aparece el widget y quién lo ve.

• Colocación → A continuación, añadir a Cart Button (Default) se recomienda para la mayoría de las tiendas. Elija Personal (sólo en la página del producto) si desea colocar el widget usted mismo - después de guardar, la aplicación le da un Hoppy bundles ID y a code snippet puedes colocar en cualquier lugar de tu tema.
• Atención al cliente → mostrar la oferta sólo para los clientes conectados, o mostrar / ocultarlo basado en las etiquetas de los clientes y la vida pasada
• Geolocation Targeting → limitar la oferta a países específicos (por defecto: todos los lugares)
• Programación → establecer un Empieza y final fecha/hora para la oferta - útil para las ventas flash

ℹ️ Todas son opcionales. Si los saltas, la oferta simplemente muestra a todos, en todas partes, de inmediato. El objetivo avanzado está cubierto en detalle en su propia guía dedicada.

🎨 Tab de diseño (opcional)

El Diseño pestaña controla el estilo visual del widget — fuentes, tamaños de texto, colores, tamaño de selector variante, y ancho de frontera/radius.

💡 Cada cambio refleja instantáneamente en la vista previa en vivo de la derecha — ambos en la escritorio y móvil Paneles de vista previa.

ℹ️ El tema de violeta BOGO ya se ve muy bien fuera de la caja, por lo que este paso es totalmente opcional. El estilo está cubierto en profundidad en la guía de diseño dedicada.

⚠️ Notas importantes antes de publicar

• 🎁 Cada uno Comprar X Obtener Y Gratis tier necesita su propio Y producto seleccionada Seleccione Y Producto — un tier sin uno no tiene nada que dar.
• 🔒 El Comprar el valor está bloqueado al nivel Cantidad — editar la cantidad si necesita una condición de compra diferente.
• 🔁 Cambiar un tier a Comprar X Obtener Y Gratis resetes Vamos. a 1 y aclara el producto Y - establecer el tipo de descuento primero.
• ✏️ Manténganse. Oferta Título y Cambio de descuento en sincronía con tus números reales Comprar / Obtener, así que el widget nunca promete algo diferente de lo que el descuento ofrece.
• 1 Only Sólo una oferta publicada se permite por producto o colección.

✅ Paso final - Guardar & Publish

Una vez que todo se ve bien en la vista previa:

1. Haga clic Guardar en la barra de ahorro en la parte superior de la página
2. Haga clic Publish para hacer la oferta en vivo ⚠️ Nota:

• El Publish botón está desactivado mientras la oferta es nueva guardar primero, luego publicar.
• La publicación crea un descuento automático en tu Shopify Admin → Descuentos. Esto es lo que realmente aplica el descuento del producto Y en el checkout - por favor no borre o edite manualmente.
• Si la aplicación embed no está habilitada en su tema, aparecerá un banner después de guardar con un Enable App Embed atajo botón — haga clic en él, mueva la incrustación y guarde su tema.
• Si la publicación falla porque otra oferta publicada ya cubre el mismo producto o colección, convertir esa oferta existente a un borrador primero, luego publicar de nuevo.

Su oferta Comprar X Get Y ahora está en vivo 🚀

🎉 Resultado final

Una vez configurado con éxito:

✅ Los clientes ven su Compra X Get Y tiers directamente en la página del producto ✅ La compra de la cantidad requerida desbloquea el producto “Y” descontado automáticamente ✅ El descuento se aplica en el checkout — no hay códigos de cupones necesarios ✅ Tiers, etiquetas y etiquetas actualizan instantáneamente desde la aplicación

Así es como el widget terminado mira en el escaparate — ofertas claras, un nivel de mejor valor destacado y una selección de un clic ✨

Actualizado el: 10/09/2026