> ## 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 Bundle (Producto Combo) > ℹ️ **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 vender un combo de diferentes productos junto con un dulce descuento? 🛍️ Eso es exactamente lo que **Bundle (Combo Product)** oferta en **Hoppy Bundles** está construido para. Con un Bundle, puedes agruparte hasta **3 productos diferentes** en una sola oferta de combo, como _Camiseta + Pantalones + Muffler_ — y recompensar a los clientes con un descuento (o incluso un regalo gratis 🎁Cuando agarran todo el set. Los clientes ven un widget de paquete limpio justo en la página del producto, y con un clic de un botón, todos los productos se añaden al carrito junto con el descuento aplicado automáticamente ✨ Esta guía te lleva a través de toda la configuración, paso a paso, así que tu primer Bundle va a vivir sin un pinchazo ⚙️ --- # **📋 Antes de empezar** Antes de crear su Bundle, asegúrese de lo siguiente: * ✅ Los productos que deseas empaquetar ya existen en tu Shopify tienda y son **activo en el canal de ventas de Tienda Online** * ✅ Usted sabe qué descuento (si hay) que desea ofrecer en el combo * ✅ El **Hoppy Bundles app embed** está habilitado en su tema (cubierto en el siguiente paso) ℹ️ Un Bundle necesita **al menos 2 productos** y soportes **hasta 3 productos** por combo. --- # **✅ Paso inicial: Activar la aplicación** Para que el widget de Bundle aparezca en su escaparate, la aplicación debe ser habilitada dentro de su Shopify tema. Ve a: **Shopify Admin → Canales de Venta → Tienda Online → Temas → Personalizar → App Embeds** Entonces: * Encontrar el **Hoppy Bundles** app embed * Toggle it ON * Haga clic **Guardar** ⚠️ Sin la aplicación habilitada, tu Bundle permanecerá invisible en el escaparate, incluso después de la publicación. --- # **⚙️ Paso 1 - Crear una nueva oferta de alojamiento** Abrir el **Hoppy Bundles** aplicación de tu Shopify Admin. Entonces: → **Crear nueva oferta** (a la derecha) para abrir el selector tipo oferta. → Encontrar el **Bundle** tarjeta - está etiquetado **Combo Product** y descritos _"Sell combo de diferentes productos junto con un descuento"_. → **Crear un Bundle**. La página de configuración de Bundle abrirá automáticamente 🎉 --- # **🧭 Paso 2 — Familiar con la página de configuración** La página de configuración se divide en dos áreas principales: * **A la izquierda** → Tus ajustes, organizados en 3 pestañas: * **General** → Productos, descuento, regalo y comportamiento de widget ⚙️ * **Diseño** → Fuentes, colores y estilo 🎨 * **Objetivo " Colocación "** → Dónde y a quién el widget muestra 📍 * **El lado derecho** → A **vista previa en vivo** de tu widget de Bundle en el escritorio y el móvil, que actualiza como 👀 Cuando hagas un cambio, un **Guardar bar** aparece en la parte inferior de la pantalla — su Bundle permanece a **Proyecto** hasta que lo publiques. 💡 Ajustes Tweak mientras observa la vista previa. Lo que ves es lo que verán tus clientes. --- # **📝 Paso 3 - Nombre de su oferta & Bundle** Primero aterrizarás dentro de la **General** pestaña, dentro de la **General** tarjeta. ## **🏷️ Nombre de la oferta** Este nombre es **sólo visible para usted** - los clientes nunca lo ven. Use cualquier nombre reconocible como: * Winter Combo Bundle * T-Shirt + Cap Deal * Kit de inicio Bundle 💡 El buen nombre interno hace que sea mucho más fácil identificar ofertas más tarde, especialmente cuando ejecuta múltiples paquetes. ## **🧾 Bundle Title** Este es el encabezado que los clientes ven en la parte superior del widget del paquete en su escaparate. ### **Ejemplo** * "Bundle" Save 🎁" * "Completa la mirada" * "Consigue el conjunto completo" ⚠️ **Título del paquete es necesario** — la oferta no se puede salvar sin ella. --- # **📦 Paso 4 - Elija su tipo de recomendación del paquete** Este control desplegable **cómo se eligen los productos dentro de su paquete**. Hay 2 opciones: --- ## **🖐️ Selección manual** Usted elige los productos exactos (y variantes) que componen el combo usted mismo. Haga clic **Seleccione productos** para abrir su Shopify lista de productos y elegir hasta **3 productos**. Una vez seleccionado, cada producto aparece como un bloque donde se puede: * 🔢 Establecer el **cantidad** de ese producto dentro del paquete * ✏️ **Rename** el producto — haga clic en el icono de edición para darle un nombre de pantalla personalizado (por ejemplo. _"Premium Cotton Tee"_ en lugar del título de producto crudo) * ❌ **Retirar** el producto del paquete ℹ️ Si un producto tiene múltiples variantes y selecciona más de una, cada variante se añade como su propia línea en el paquete. ### **🏷️ Mostrar nombre de producto modificado** Permite esta casilla si desea que el widget muestre su **nombres de productos personalizados** en lugar del original Shopify títulos. ⚠️ **Límites importantes para los paquetes manuales:** * Al menos **2 productos** son necesarios: un combo de uno no es un combo 😉 * Un máximo **3 productos** se permite por paquete * Sólo **un paquete publicado** se permite por conjunto único de productos. Si tratas de publicar un paquete con los mismos productos que uno ya publicado, verás un error y necesitarás cambiar los productos o publicar primero el paquete anterior. --- ## **🤖 AI** En lugar de un combo fijo, el widget recomienda automáticamente productos a cada cliente. Cuando seleccione **AI**, tres campos adicionales aparecen: ### **🔢 Número de productos recomendados AI** ¿Cuántos productos debería sugerir la AI dentro del widget? * Mínimo: **1** * Máximo: **10** ### **🎯 AI Target Type** Decide **Donde** el widget AI debe aparecer: * **Productos específicos** → El widget muestra en las páginas de producto que elijas * **Colecciones** → El widget muestra en páginas de productos pertenecientes a las colecciones que elijas ### **📦 Productos / Colecciones** Haga clic **Seleccione productos** (o **Seleccione colecciones**) para elegir dónde aparece el widget. Los elementos seleccionados se enumeran a continuación del campo, y puede eliminar cualquiera de ellos con el icono de eliminación. ⚠️ Debe seleccionar **al menos uno** producto o colección — la oferta no se puede guardar sin un objetivo. --- # **💸 Paso 5 - Configure el descuento** Todavía dentro de la **General** ficha, baja hacia abajo **Descuento** tarjeta. ## **Tipo de descuento** Elija cómo ahorran los clientes cuando compran el combo: Tipo de descuento Cómo funciona No hay descuento Combo vende a precio completo combinado (sólo paquete visual) % Descuento Porcentaje fuera del paquete (por ejemplo, 25% de descuento) Descuento de piso Una cantidad fija de todo el paquete (por ejemplo, $29 de descuento) En cada unidad descuento plano Una cantidad fija de descuento **cada unidad** en el paquete Precio específico El paquete entero vende a un precio fijo (por ejemplo, $29.00 total) ## **Descuento** Introduzca el valor de descuento. ℹ️ El campo de descuento permanece **discapacitados** cuando **No hay descuento** es seleccionado. ℹ️ **Cómo funciona detrás de las escenas:** cuando salvas, Hoppy Bundles automáticamente crea un descuento automático en el interior **Shopify Admin → Descuentos**. Este descuento potencia el precio reducido en el checkout - por favor no lo borre manualmente de su Shopify Administración. --- # **🎁 Paso 6 - Añadir un regalo libre (opcional)** Debajo de la tarjeta de descuento, encontrará la **Regalo gratuito** tarjeta. ¿Quieres endulzar el trato? Activar el **Regalo gratis** casilla de verificación, luego haga clic **Select Gift Products** elegir qué producto(s) se añade **gratis** cuando un cliente compra el paquete. Al igual que los productos del paquete, cada regalo le permite: * 🔢 Establecer una cantidad * ✏️ Renombrarlo con un nombre de pantalla personalizado * ❌ Quítalo. ⚠️ Desmarque el **Regalo gratis** checkbox despeja todos los productos de regalo seleccionados — tendrá que volver a seleccionarlos si lo vuelve a encender. 💡 Los regalos gratis funcionan bien como complementos de alto valor de bajo costo (muestras, pegatinas, accesorios). --- # **⚙️ Paso 7 - Configuración del Widget** Ahora muévete a la **Ajustes** tarjeta. Estas opciones controlan cómo se comporta el widget y qué ven los clientes. ## **💰 Mostrar el precio de la unidad** Muestra el precio individual de cada producto dentro del paquete — gran para la transparencia. ## **🚀 Skip Cart Directamente a Checkout** Cuando está habilitado, se toma a los clientes **derecho a la salida** después de hacer clic en el botón del paquete, saltando la página del carrito por completo. 💡 Perfecto para reducir la fricción en clientes listos para comprar, pero manténgalo fuera si quieres que los compradores sigan navegando. ## **🏷️ Mostrar Comparar a precio** Muestra el precio original "compare at" al lado del precio descuento del paquete, por lo que los ahorros son obvios. ℹ️ Habilitar esto revela un campo extra: **Precio de comparación personalizado**. Establecer un valor aquí para anular el precio de comparación de su Shopify o dejarlo **blanco / 0** para utilizar los precios de comparación existentes de sus productos. ## **📦 Usar texto personalizado para rastreo de inventario** Muestra un mensaje personalizado a los clientes cuando un producto seleccionado en el paquete es **fuera de las reservas**. ℹ️ Habilitar esto revela un campo de texto donde usted puede escribir su propio mensaje. ### **Ejemplo** "Los objetos iluminados están fuera de stock" ## **🔄 Descuentos de combinación** Controla si el descuento del paquete se puede combinar con otros tipos de descuento en el carrito y el checkout: * **Descuentos de pedidos** → Permitir combinar con descuentos de nivel de pedidos * **Descuentos de envío** → Permitir combinar con descuentos de envío ℹ️ Due to Shopify restricciones, este ajuste se aplica **globalmente a todas las nuevas ofertas**No sólo este paquete. ## **🎯 Productos de destino** ℹ️ Esta sección sólo aparece **Selección manual** paquetes. Elija **en qué páginas de productos** el widget del paquete debe aparecer. No tienes que mostrarlo en cada producto del combo, por ejemplo, mostrar el _Camiseta + pantalones_ sólo en la página de camisetas. ⚠️ **Al menos un producto debe permanecer seleccionado** - el mostrador (por ejemplo. `2/3`) muestra cuántos son dirigidos. ## **🔘 Call to Action** El texto en el botón del paquete. ### **Ejemplo** * "Agregar el paquete al carro" (por defecto) * "Grab the Combo 🛒" * "Consigue el juego" ## **✨ Tag Highlighted** Una pequeña placa mostrada en el widget (por defecto: _"Combo"_). Utilízalo para etiquetas puntiagudas cortas como **"El mejor valor"** o **"Save 20%"**. Haga clic en **icono de ojo** junto al campo para mostrar o ocultar la etiqueta. Cuando está oculto, el campo de texto se desactiva. ## **🦶 Texto del pie** Una pequeña línea de texto en la parte inferior del widget (por defecto: _"Free Shipping"_). Handy para mensajes de seguridad como _Envío gratuito incluido 🚚"_. --- # **🌍 Opcional - Múltiples Mercados** ¿Vendiendo internacionalmente? El **Múltiples mercados** sección le permite habilitar **diferentes opciones de oferta para cada mercado** — por ejemplo, un título diferente o valor de descuento por país. Para cada mercado también se puede decidir cómo se cierra el descuento con **Descuento basado en**: * **Cantidad total** → Descuento se aplica una vez que el valor total del paquete alcanza un **Valor mínimo del carrito** * **Cantidad de producto** → El descuento se aplica una vez **Cantidad mínima** ítems en el paquete (con opción a **contar sólo productos únicos**) 💡 La mayoría de los comerciantes pueden saltar esto durante su primera configuración — los ajustes predeterminados (mercado primario) funcionan fuera de la caja. --- # **🈯 Opcional - Traducción** El **Traducción** tarjeta le permite traducir el texto del widget a los otros idiomas que su tienda admite. Esto es totalmente opcional durante la configuración —configure una vez que su paquete esté en vivo y esté listo para localizar. Consulte la guía de traducción dedicada para más detalles. --- # **🎨 Opcional - Diseño de su Widget** Cambiar a la **Diseño** pestaña para hacer que el widget coincida con el aspecto de su tienda: * **Tipografía & Color** → Utilice su fuente de tema o elegir de Google Fonts, y conjunto tamaños, pesos y colores para cada elemento de texto * **Ancho fronterizo** → Redondear o afilar las esquinas del widget * **Antecedentes " Colores fronterizos "** → Estilo de las hileras del producto, pie, etiqueta y botón Cada cambio muestra al instante en la vista previa en vivo a la derecha 👀 ℹ️ Esta guía mantiene el diseño breve — ver el diseño dedicado " Styling doc para un paseo completo. --- # **📍 Paso 8 - Establecer objetivos y colocación** Cambiar a la **Objetivo " Colocación "** tab. ## **🧩 Colocación** Controles donde aparece el widget: * **A continuación, añadir a Cart Button (Default)** → El widget se renderiza automáticamente bajo el botón Añadir al carrito en las páginas de producto seleccionadas. No se necesita ningún código ✅ * **Personal (sólo en la página del producto)** → Usted coloca el widget usted mismo. ### **Colocación personalizada** Cuando elijas **Aduanas**, la aplicación muestra dos cosas **después de guardar la oferta**: * **Hoppy Bundles ID** → Úsalo para añadir el **Hoppy Bundles bloque de aplicaciones** en cualquier lugar de su página de producto a través del editor de temas * **Hoppy Bundles code snippet** → A `
` snippet usted puede pegar cualquier lugar en el código de su tema ℹ️ Guarda tu oferta primero — el ID y el snippet sólo aparecen una vez que el paquete existe. ## **👥 Atención al cliente (opcional)** Mostrar o ocultar el paquete basado en quién está navegando: * **Visibilidad (Customer Login Status)** → Mostrar a todos, sólo clientes conectados, o solo invitados * **Show to** → Todos los clientes, clientes con etiquetas específicas, o clientes por encima de una cantidad de vida gastada * **Escóndete** → Excluir las etiquetas específicas de los clientes o grupos de suspensión de la vida ## **🌎 Geolocation Targeting (Optional)** Por defecto el widget muestra en **Todo el mundo**Cambio **Países concretos** limitar el paquete a determinados países solamente. ## **🗓️ Programación (opcional)** Establecer un **Fecha de inicio** y/o **Fecha final** para ejecutar el paquete como una campaña temporizada. ⚠️ La fecha final debe ser **en el futuro** y **después de la fecha de inicio** - de lo contrario la oferta no salvará. 💡 La programación es perfecta para combos de venta flash y paquetes de temporada 🎄 ℹ️ Atención al cliente y geolocalización Los objetivos tienen sus propios docs dedicados, los predeterminados (mostrar a todos, en todas partes) funcionan bien para un primer paquete. --- # **💾 Paso 9 - Ahorra tu Bundle** Una vez configurados sus productos y descuentos: 1. Haga clic **Guardar** en la barra de ahorro en la parte inferior de la pantalla 2. La oferta se crea junto con su combinación **descuento automático en Shopify** mantenidos **inactivo (izquierda)** por ahora, así que nada cambia en tu tienda todavía. ⚠️ **Posibles errores de ahorro para ver:** * _"Se requieren al menos 2 productos"_ → Añadir más productos a tu paquete manual * _"Un paquete con los mismos productos ya existe y se publica"_ → Cambiar los productos o inédito el paquete existente primero * _"Se requiere el título "Bundle"_ → Llenar en el campo del Título de la Agrupación --- # **🚀 Paso 10 - Publicar " Verificar "** ¿Listo para ir a vivir? 1. Haga clic en **Publish** botón en la parte superior derecha de la página 2. La placa de estado del paquete cambia de **Proyecto** a **Publicado**, y el Shopify El descuento se activa automáticamente. 3. Si la aplicación embed no está habilitada aún, aparece un banner que te incita a **Enable App Embed** — haz click en ella para saltar directamente a tu editor de temas. 4. Una vez publicado, aparece un banner de confirmación. Haga clic **Open Store** y visitar una de sus páginas de productos apuntadas para ver el widget en acción 👀 ℹ️ Puedes **Unpublish** en cualquier momento desde el mismo botón — el widget y el descuento se desactivan instantáneamente, sin borrar su configuración. --- # **🎉 Resultado final** Una vez configurado con éxito: ✅ Los clientes ven el widget del paquete en sus páginas de productos apuntadas ✅ Todos los productos del paquete se añaden al carrito junto con un clic ✅ El descuento (y el regalo gratis) 🎁) se aplica automáticamente al checkout ✅ Los artículos fuera de stock muestran su mensaje personalizado en lugar de romper la oferta ✅ Su valor medio del pedido crece a medida que los clientes compran combos en lugar de artículos individuales 📈 Los envases son una de las maneras más simples de levantar AOV: comienza con tu mejor pareja, mira los resultados y duplica la oferta para probar nuevos combos 🚀