> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🚀 Cómo configurar Categoría Cantidad Break > ℹ️ **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 por comprar más — incluso cuando se mezclan **diferentes productos** ¿en un paquete? 🛍️ Eso es exactamente lo que **Categoría Cantidad** oferta en Hoppy Bundles está diseñado para. Con este tipo de oferta, puede crear niveles de descuento basados en paquetes como: * 🛒 1 Pack → Precio estándar * 💸 2 Pack → 10% OFF * 💰 3 Pack → 20% OFF —donde cada paquete está lleno con el producto que el cliente está viendo **más productos extra que eligen de una lista que curan**. Los clientes simplemente seleccionan un paquete, eligen sus productos adicionales, y el descuento se aplica automáticamente al checkout ✨ ℹ️ Buscando descuentos en cantidad en **un solo producto** ¿En su lugar? Ese es el **Cantidad** oferta — tiene su propia guía dedicada. --- # **📍 Dónde la Categoría Cantidad Break Widget Aparece** El widget Categoría Cantidad Break 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). El widget muestra sus paquetes como limpiadores de radio, el cliente pulsa un paquete, recoge los productos adicionales para él, y golpea su botón Añadir al carrito 👇 --- # **🛠️ Ejemplo de configuración usado en esta documentación** En esta documentación configuraremos la siguiente estructura de paquetes: * 🛒 1 Pack → Precio estándar (Sin descuento) * 💸 2 Pack → 10% OFF — selección de clientes 1 producto adicional * 💰 3 Pack → 20% OFF — el cliente elige 2 productos extra 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 Categoría Cantidad Break aparezca en tu escaparate, la aplicación embed debe estar habilitada dentro de tu 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 categoría Oferta de descanso de la 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. → Encontrar el **Categoría Cantidad** tarjeta (subtítulo: **(Productos diferentes)**) y haga clic **Crear una Categoría Cantidad Break**. El editor de configuración se abre de inmediato, sin necesidad de selección de plantillas. Su oferta comienza con 3 niveles de paquetes pre-llenados, y una vista previa en vivo del widget se sienta en el lado derecho de la pantalla 👀 --- # **⚙️ Paso 2 - Conozca al Editor** El editor está organizado en 3 fichas: * **General** → el nombre de la oferta, los niveles del paquete y la configuración del 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** En la parte superior de la pestaña General se puede ver su **Nombre de la oferta** (comienza como “Categoría QB Oferta”). Este campo se utiliza sólo para fines internos — los clientes nunca verán este nombre. Haga clic en **icono de lápiz** junto a ella para renombrarlo en cualquier momento. Puede utilizar cualquier nombre reconocible como: * Paquetes de verano de Skincare * Mix & Match Snack Deal * Black Friday Bundles 💡 Usando el nombre interno adecuado hace más fácil identificar las configuraciones más tarde, especialmente si su tienda ejecuta múltiples ofertas. --- # **🎁 Paso 3 — Configure los niveles de paquete (Editar Oferta)** Este es el corazón de la configuración ❤️ Cada nivel de paquete vive en su propia pestaña (**Oferta 1**, **Oferta 2**, **Oferta 3**...). Haga clic en una pestaña para editar ese nivel. 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 paquete: Tipo de descuento Lo que hace No hay descuento Precio estándar: útil como nivel de referencia “1 Pack” % Descuento (por ejemplo, 25% de descuento) Porcentaje fuera del paquete Descuento plano (por ejemplo, 29.00 dólares) Cantidad fija del paquete En cada unidad descuento plano Monto fijo **cada unidad** en el paquete Precio específico (por ejemplo, $29.00) Los clientes pagan exactamente este precio para el paquete BOGO (Buy One Get One) Comprar artículos X, obtener artículos Y 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 (desactivado para **No hay descuento**) * **BOGO** → **Comprar** y **Vamos.** campos (Buy está bloqueado a la cantidad de paquete) * **Comprar X Obtener Y Gratis** → **Comprar** y **Vamos.** campos (Buy está bloqueado a la cantidad del paquete), más un **Seleccione Y Producto** botón para elegir qué producto obtiene el cliente ⚠️ **Nota**Para **Comprar X Obtener Y Gratis**, asegúrese de que en realidad seleccione un producto "Y" - sin uno, el paquete no tiene nada que dar. ℹ️ Para **BOGO** y **Comprar X Get Y** niveles, **Comprar** condición automáticamente sigue la cantidad del paquete. --- ## **🔢 Cantidad** El número total de artículos en el paquete - incluyendo el producto que el cliente está viendo. Así que un nivel con Cantidad `3` significa: el producto actual **\+ 2 productos extra** los clientes eligen. ⚠️ La cantidad debe ser mayor que 0 — verá un error en línea si no lo es. --- ## **🏷️ Oferta Título** El texto principal se muestra en el nivel del paquete, por ejemplo: * 1 paquete * 2 Pack * 3 Pack --- ## **📦 Productos en este paquete** ℹ️ Esta sección sólo aparece en los niveles **La cantidad es mayor que 1** — un nivel de “1 Pack” no tiene productos adicionales que añadir. Aquí usted cura los productos que los clientes pueden llenar el paquete con: * Haga clic **Agregar productos a este nivel** para abrir su Shopify producto y elegir uno o más productos * Cada producto añadido aparece en la lista con su imagen y título * Haga clic en **✕** junto a un producto para eliminarlo del paquete 💡 También puede administrar los productos de embalaje directamente desde la vista previa en vivo a la derecha - utilizar el **Elija** botón en una ranura vacía para llenarlo, o el **✕** en una ranura llena para aclararlo. Ambos actualizan su configuración al instante. --- ## **🏷️ etiqueta de descuento** Cada nivel tiene dos decoraciones de texto opcionales: * **Cambio de descuento** → el texto del trato mostrado en el paquete, 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. 💡 Agregar una etiqueta “Más Popular” a su paquete medio es una manera simple de empujar a los clientes hacia ella. --- ## **➕ Agregar / 🗑️ Suprímase los niveles** Debajo de las pestañas de oferta encontrarás: * **Nivel** → añade una nueva pestaña de nivel de paquete (maximum **6 niveles**) * **Nivel de eliminación** → elimina el nivel actualmente seleccionado (al menos **1 nivel** debe permanecer) Si golpeas uno de estos límites, un pequeño mensaje de brindis te avisará. --- # **🛠️ Paso 4 — Configuración Configuración** Desplazarse en la pestaña General para encontrar la configuración debajo de sus niveles de paquete. --- ## **🖱️ Texto del botón CTA** El texto que se muestra en el widget's Add to Cart botón (default placeholder: “Add Bundle To Cart”). 💡 Coincide esto con el idioma de su paquete, por ejemplo “Añadir paquete al carro” o “construir mi paquete”. --- ## **🔄 Activar la combinación de descuento** Estas opciones permiten que su descuento de categoría 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 de descanso en cantidad. --- ## **🌍 Múltiples mercados " Traducción** A continuación Ajustes que también encontrará: * **Múltiples mercados** → fijar precio de paquete específico 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 5 - 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 en la página del producto — 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 `
` 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: * **Fuente Familia** → elegir una fuente, o pegar con **Utilizar fuentes temáticas** * **Tipografía & Color** → tamaños de texto, pesos y colores para cada elemento * **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 paquete 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. Su Categoría Cantidad oferta de descanso ahora en vivo 🚀 --- # **🎉 Resultado final** Una vez configurado con éxito: ✅ Los clientes ven sus niveles de paquete directamente en la página del producto ✅ Eligen un paquete, eligen los productos extra y añaden todo en un clic ✅ Los descuentos se aplican automáticamente al checkout ✅ Niveles, etiquetas y etiquetas actualizan instantáneamente desde la aplicación ✅ El widget coincide con tu tema con las fuentes y colores que escogiste Así es como el widget terminado mira en el escaparate — packs limpios, ahorros claros y selección de un clic ✨ --- 💡 Quiere descuentos de volumen en un **producto único** en lugar de paquetes mixtos? Crear un **Cantidad** oferta de la página tipo oferta — utiliza precios empatados para múltiples del mismo artículo.