ℹ️ 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.

¿Quieres recompensar a los clientes por comprar más del mismo producto? 🛍️

Eso es exactamente lo que Cantidad oferta en Hoppy Bundles está diseñado para.

Con este tipo de oferta, puede crear niveles de descuento basados en cantidades tales como:

• 🛒 Comprar 1 → Precio estándar
• 💸 Comprar 2 → 10% OFF
• 💰 Comprar 3 → 20% OFF

—y mostrarlos como un widget limpio y clicable directamente en su página de producto.

Los clientes simplemente eligen el nivel de cantidad que les gusta, y el descuento se aplica automáticamente al checkout ✨

📍 Dónde la cantidad Break Widget Aparece

El widget de Break de la cantidad 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).

ℹ️ La misma pantalla de configuración también se utiliza para BOGO (Buy One Get One) y Comprar X Get Y ofertas - que son simplemente Cantidad Break ofrece pre-llenado con los tiers de estilo BOGO.

🛠️ 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)
• 💸 2 Pareja → 10% OFF
• 💰 3 Pareja → 20% OFF

La oferta se aplicará a productos específicos y mostrado en Diseño vertical.

Esta guía explica cada configuración que tocarás durante la configuración, así que sabes exactamente cómo se comporta cada opción ⚙️

✅ Antes de comenzar — Activar la aplicación Embed

Para que el widget Cantidad Break aparezca en tu escaparate, la aplicación debe estar habilitada dentro de tu dispositivo 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 una nueva oferta de ruptura de cantidad

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.

→ Seleccionar Cantidad Break (Un producto) y haga clic Crear un descanso de la cantidad.

ℹ️ El BOGO y Comprar X Get Y Las tarjetas en esta página también abren la configuración de Cantidad Break — ellos sólo pre-llenan sus fichas con las ofertas de estilo BOGO (por ejemplo, “Comprar 2 Obtener 1”), por lo que puede comenzar desde aquellos si ese es el trato que deseas correr.

🧩 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:

• Venta de Sneaker de verano
• T-Shirt Volume Deal
• Black Friday Tiers

💡 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 a qué productos se aplican el widget Cantidad Break y los descuentos.

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 - Escoge una plantilla

Desplazarse hacia abajo Seleccione su oferta preferida sección.

Aquí encontrará plantillas preparadas que puede girar a través de:

• 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
• ¡Sí! Es BOGO → violeta, pre-llenado con la compra X Obtener estilo Y tiers

Haga clic en una plantilla para seleccionarla, luego golpear Aplicar plantilla seleccionada.

ℹ️ 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 sus ofertas (Tab general)

El editor está organizado en 3 fichas:

• General → ofrecer contenido, descuentos y comportamiento
• Diseño → fuentes, colores y fronteras
• Objetivo " Colocación " → que ve la oferta y donde aparece

Esta guía se centra en los ajustes que necesita para obtener la oferta en vivo. Vamos a pasar por el General pestaña sección por sección.

✏️ Nombre de la oferta " Oferta seleccionada

En la parte superior de la pestaña General se puede ver su Nombre de la oferta y el Oferta seleccionada (la plantilla que escogiste).

Haga clic en icono de lápiz junto al nombre de la oferta para renombrarlo en cualquier momento.

💡 Este nombre es sólo visible para usted, para su propia referencia interna.

📐 Plantilla

Elija cómo se arreglan sus niveles de cantidad dentro del widget:

• Vertical → fichas apiladas en la parte superior del otro (mejor para la mayoría de las páginas de producto)
• Horizontal → Tiros lado a lado

ℹ️ Cuando Vertical se selecciona, un extra Elige un tema la opción aparece, permitiéndole cambiar rápidamente entre el Azul, Rojo, y Verde temas de color.

💡 Escoger el Rojo tema también desbloquea un extra Oferta Subtítulo campo dentro de cada nivel de oferta (más abajo).

🎁 Editar Oferta — Su descuento

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

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

Para nuestra configuración de ejemplo:

• Oferta 1 → Cantidad 1, Tipo de descuento No Discount
• Oferta 2 → Cantidad 2, Tipo de descuento % Discount, Descuento 10
• Oferta 3 → Cantidad 3, Tipo de descuento % Discount, Descuento 20

💸 Tipo de descuento

Este desplegable controla qué tipo de trato ofrece el tier:

Tipo de descuento

Lo que hace

No hay descuento

Precio estándar - útil como un nivel de referencia “Comprar 1”

% Descuento (por ejemplo, 25% de descuento)

Porcentaje del total del nivel

Descuento plano (por ejemplo, 29.00 dólares)

Cantidad fija del total del nivel

En cada unidad descuento plano

Monto fijo cada unidad en el tier

Precio específico (por ejemplo, $29.00)

Los clientes pagan exactamente este precio por el nivel

BOGO (Buy One Get One)

Comprar X artículos, obtener Y artículos del mismo producto gratis

Comprar X Obtener Y Gratis

Comprar artículos X, obtener un producto diferente descuento/gratis

Dependiendo del tipo de descuento, los campos adicionales aparecen automáticamente:

• % / Plano / Por unidad / Precio específico → a Descuento campo de entrada para el valor
• BOGO → Comprar y Vamos. campos (Buy está bloqueado a la cantidad del nivel)
• Comprar X Obtener Y Gratis → Comprar y Vamos. campos, más un Seleccione Y Producto botón para elegir qué producto obtiene el cliente

⚠️ NotaPara Comprar X Obtener Y Gratis, asegúrese de que en realidad seleccione un producto "Y" - sin uno, el nivel no tiene nada que dar.

🔢 Cantidad

El número de artículos que el cliente debe comprar para desbloquear este nivel.

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

ℹ️ Para BOGO y Comprar X Get Y Tiers, los Comprar condición automáticamente sigue esta cantidad.

🏷️ Oferta Título

El texto principal se muestra en el nivel, por ejemplo:

• 1 par
• 2 pares
• 3 pares

🏷️ etiqueta de descuento

Cada nivel tiene dos decoraciones de texto opcionales:

• Cambio de descuento → el texto del trato mostrado en el nivel, por ejemplo "10% OFF"
• Tag → una pequeña insignia, por ejemplo “Lo más popular”

Ambos campos tienen un icono de ojo 👁️ en el lado derecho — haga clic en él para mostrar o ocultar ese elemento en el escaparate.

💡 Añadiendo una etiqueta “Más Popular” a tu nivel medio es una manera sencilla de coser a los clientes hacia ella.

🎁 Regalo gratuito

Tick the Regalo gratis casilla de verificación si desea que los clientes elijan este nivel para recibir también un producto de regalo.

Una vez habilitado, un Seleccione productos botón aparece para que pueda elegir el producto(s) regalo de su tienda.

ℹ️ Unticking Regalo gratis limpia los productos de regalo seleccionados para ese nivel.

📝 Oferta subtítulo (sólo tema rojo)

ℹ️ Este campo sólo aparece cuando Rojo tema es seleccionado en Plantilla Layout → Elige un tema.

Añade una pequeña línea de subtítulos dentro de cada nivel, y también tiene un icono de ojo para cambiar la visibilidad.

➕ 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)
• 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 → por ejemplo “Bundle & Save” o “Limited Time Offer”
• 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 controlan cómo se comporta el widget y qué ven los clientes.

👀 Apariencia y miradas

• Mostrar precio unitario → los clientes pueden ver el precio por unidad individual dentro de la oferta
• Mostrar precio total → los clientes pueden ver el precio total de cada nivel
• Ocultar la cabecera y las líneas de pie → esconde las líneas de divider en la parte superior e inferior del widget para una mirada limpia
• Usar texto personalizado para Out of Stock → muestra su propio mensaje cuando el producto seleccionado está fuera de stock

ℹ️ Habilitación Usar texto personalizado para Out of Stock revela un campo de texto donde se puede escribir su mensaje (por defecto: “Los objetos iluminados están fuera de stock”).

⚙️ Funcionalidad

• Deje que los clientes elijan diferentes variantes para cada artículo → si el producto tiene variantes (tamaños, colores...), 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 son redireccionados directamente al checkout después de añadir un tier, saltando la página del carrito
• Descuento de volumen (Extender Max Descuento a todas las cantidades) → permite a los clientes comprar adicionales artículos más allá del nivel más alto a la tasa de descuento máxima
• Mostrar comparación con el precio → muestra el precio compara-at (strikethrough) dentro de la oferta

ℹ️ Habilitación Mostrar comparación con el precio revela dos campos adicionales:

• Precio de comparación personalizado → anular el precio de comparación manualmente (dejar en blanco o 0 para utilizar el precio de su Shopify lista de productos)
• Shopify producto comparar precio → sólo lectura, muestra el precio de comparación que viene de su lista de productos

🔄 Activar la combinación de descuento

Estas opciones permiten que su descuento de descuento de cantidad se combine con otros tipos de descuento en el checkout:

• Descuentos de pedidos
• Descuentos de envío

ℹ️ La combinación de descuento de producto siempre está en. También tenga en cuenta que Shopify restricciones, este ajuste se aplica globalmente a todas las nuevas ofertas Cantidad Break.

🌍 Múltiples mercados " Traducción

A continuación Ajustes que también encontrará:

• Múltiples mercados → fijar precios específicos del mercado para la oferta
• Traducción → traducir textos widget para los idiomas adicionales de su tienda

ℹ️ Estos son opcionales y no se requieren para obtener su oferta en vivo — están cubiertos en sus propios guías dedicados.

🎯 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) → el widget se coloca automáticamente — recomendado para la mayoría de las tiendas
• Personal (sólo en la página del producto) → colocar el widget en cualquier lugar que desee en la página del producto

Si eliges Aduanas, la aplicación te da dos cosas después de guardar:

• Hoppy bundles ID → utilizarlo para añadir/reponer la Hoppy Bundles bloque de aplicaciones en tu editor de temas
• Hoppy bundles code snippet → un pequeño <div> puede pegar cualquier lugar en su código de tema

ℹ️ Hasta que la oferta sea guardada una vez, verás “Guardar para ver Hoppy bundles ID y cómputo de código”.

👤 Atención al cliente " 🌍 Geolocation Targeting

Estas secciones opcionales le permiten:

• Mostrar la oferta sólo para clientes conectados
• Mostrar o ocultar la oferta basada en Etiquetas del cliente o por vida
• Limitar la oferta países específicos (por defecto: Todo el mundo)

También hay un Programación sección para establecer una 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:

• Tipografía & Color → familia de fuentes, tamaños de texto, pesos y colores para cada elemento
• Variante → pequeño / mediano / gran tamaño para selectores variante
• Frontera → ancho de la frontera y deslizadores de radio de esquina

💡 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.

ℹ️ Los defectos ya se ven 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.

✅ 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 los precios del nivel al 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 de descuento de cantidad ahora está en vivo 🚀

🎉 Resultado final

Una vez configurado con éxito:

✅ Los clientes ven sus niveles de cantidad directamente en la página del producto ✅ Los descuentos se aplican automáticamente al checkout ✅ Tiers, etiquetas y etiquetas actualizan instantáneamente desde la aplicación ✅ El widget coincide con tu tema con el diseño y los colores que elegiste

Así es como el widget terminado mira en el escaparate — limpias fichas, ahorros claros y selección de un clic ✨

💡 ¿Quieres ejecutar un acuerdo “Comprar 2 Obtener 1 Libre” en su lugar? Crear un nuevo BOGO oferta de la página tipo oferta — utiliza exactamente el mismo flujo de configuración que acaba de aprender, con los niveles de BOGO pre-llenado para usted.

Actualizado el: 10/09/2026