ℹ️ 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 ofertasNo 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 <div> 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 mundoCambio 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 🚀

Actualizado el: 10/09/2026