> ## 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 Construya su propio Bundle (BYOB) > ℹ️ **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 dejar que tus clientes accionen los productos dentro de su paquete en lugar de comprar un combo fijo? 🛍️ Eso es exactamente lo que **Construya su propio Bundle (BYOB)** oferta en Hoppy Bundles está diseñado para. Con BYOB, sus clientes pueden: * 🧺 Elija productos de las colecciones o productos que permita * 🎯 Conoce las reglas de selección que defines (por ejemplo, "pick al menos 3 elementos") * 💸 Desbloquear un descuento una vez que su paquete califica * 🛒 Añadir todo el paquete a la cesta en un clic El paquete aparece como su propia página de producto en su escaparate, con un constructor de paquetes en vivo que sus clientes pueden interactuar con ✨ --- # **🧠 Cómo funciona BYOB (conocimiento rápido)** Cuando guardas una oferta de BYOB, Hoppy Bundles automáticamente hace dos cosas para usted: 1. **Crea un Shopify producto** para el paquete (utilizando la URL del producto, título, precio, descripción e imagen que usted proporciona) 2. **Crea un Shopify descuento automático** que aplica tu descuento configurado cuando el paquete del cliente califica Los clientes visitan esa página de producto, construyen su paquete y echan un vistazo: el descuento se aplica automáticamente cuando se cumplen sus reglas 🎉 --- # **✅ Antes de empezar** Antes de comenzar la configuración, asegúrate de tener: * 📦 El **productos o colecciones** desea que los clientes elijan, ya creado en Shopify * 🖼️ A **banner imagen** para la página del paquete (PNG, JPG o GIF, hasta 5MB) * 🧮 Una idea difícil de tu **Reglas de selección** (cuántas cosas deben escoger los clientes, y desde dónde) * 💰 Una idea difícil de tu **descuento** (opcional - BYOB trabaja sin un descuento también) 💡 Planeando tus reglas primero hace que la configuración sea mucho más rápida: todo el flujo solo toma unos minutos una vez que sepas lo que quieres ⚙️ --- # **🛠️ Paso 1 - Crear una nueva oferta BYOB** Abrir el **Hoppy Bundles** app e ir a la página de creación de ofertas. En el **Seleccione el tipo de oferta** pantalla, encuentra la tarjeta: **BYOB (Construye tu propio Bundle)** → _"Que los clientes construyan su propio paquete"_ Entonces: → **Crear BYOB** abrir la página de configuración de BYOB. Una vez seleccionada, la página de configuración se abre automáticamente con una **vista previa en vivo** en el lado derecho — cada cambio que hace actualizaciones de la vista previa en tiempo real 👀 --- # **📝 Paso 2 - Configure Bundle Info (Tab general)** Primero aterrizarás dentro de la **General** tab. El **Bundle Info** sección controla lo que los clientes ven en la página del paquete. --- ## **🔗 URL del producto** Esta es la manija URL del Shopify producto que Hoppy Bundles crea para tu paquete. * Sólo se permiten letras minúsculas, números y hyphens * Ejemplo: `build-your-bundle` → tu página de paquete se convierte `/products/build-your-bundle` 💡 Elija un mango corto y memorable — los clientes pueden visitar esta URL directamente, y puede conectarse a ella desde menús, correos electrónicos o anuncios. --- ## **🧩 Plantilla** Esta configuración controla el diseño del constructor de paquetes en la página. Hay 2 plantillas disponibles: * **Shelf Pick** → Los clientes navegan por productos y "pick desde el estante", con una barra pegajosa rastreando cuántos elementos todavía necesitan * **Dividir** → Un diseño de división con la imagen del paquete en un lado y la selección del producto en el otro Cambiar entre ellos y comprobar el **vista previa en vivo** para ver cuál encaja mejor en tu tienda ✨ --- ## **🏷️ Título** Los clientes principales encabezan la página del paquete. ### **Ejemplo** * Construya su propio Bundle * Cree su caja Snack * Mezcla " Combina tu juego de cuidado de habilidades --- ## **📌 Texto de barra pegajosa** Este texto aparece en la barra pegajosa que rastrea el progreso del cliente mientras recoge productos. Puede utilizar la variable dinámica: `{target}` → automáticamente reemplazado con el número total de artículos que el cliente necesita para seleccionar ### **Ejemplo** "Necesito al menos de este grupo" ℹ️ Usando `{target}`, el mensaje sigue siendo correcto incluso si cambias tus reglas de selección más adelante. --- ## **🔘 Textos de botón** Se pueden personalizar dos etiquetas de botones: * **Texto del botón** → El botón principal de llamada a acción (por defecto: _"Añada un paquete al carro"_) * **Texto de la tarjeta de producto** → El botón pequeño en cada tarjeta de producto (por defecto: _"Agregar"_) --- ## **💰 Precio** Establece el precio base del Shopify producto creado para este paquete. Puede entrar: * A **precio fijo** → por ejemplo. `5000` * A **rango de precios** → por ejemplo. `3000-5000` ℹ️ La cantidad real que pagan los clientes se calcula a partir de los productos que eligen más su descuento — este campo es el precio mostrado en el producto del paquete en sí. Cuando se introduce un rango, el primer valor se utiliza como precio del producto. --- ## **📝 Descripción** Una rica descripción de texto para la página del paquete. Úsalo para explicar la oferta a los clientes. ### **Ejemplo** "Pick cualquier 3 productos de nuestros bestsellers y obtener 20% de su paquete! 🎁" --- ## **🖼️ Medios de comunicación (requeridos)** Cargue la imagen principal mostrada en la página del paquete. * Haga clic en el área de carga o arrastre " suelte una imagen * Formatos compatibles: **PNG, JPG, GIF hasta 5MB** * Uso **Cambio** o **Retirar** para reemplazar una imagen existente ⚠️ **Importante**: La imagen del paquete es **necesarios**No podrás guardar la oferta sin subir una. --- # **🎯 Paso 3 - Configurar la selección de productos Logic** Ahora muévete a la **Selección de productos Logic** tab. Este es el corazón de BYOB ❤️ Aquí defines **qué clientes deben elegir** para su paquete para calificar. --- ## **📦 Condiciones de los grupos** Cada condición define una regla de selección: **Seleccione → Al menos → \[Cuantidad\] → Desde → \[Colección o Productos\]** ### **Ejemplo** * Al menos **3** de la colección **"Bestsellers"** * Al menos **2** de productos **"T-Shirt A, Camiseta B, Camiseta C"** Un cliente debe satisfacer **todas las condiciones** antes de que puedan añadir el paquete a la cesta. --- ## **🛒 Selección de productos o colecciones** Para cada condición: 1. Establecer el **Cantidad** clientes deben elegir 2. Elija **De → Colección** o **De → Producto** 3. Haga clic **Seleccione colecciones** o **Seleccione productos** para abrir el Shopify picker 4. Elija uno o más elementos — aparecen como etiquetas extraíbles debajo del botón ⚠️ **Importante**: Cada condición debe tener al menos una colección o producto seleccionado, de lo contrario la oferta no se puede guardar. ℹ️ Interruptor entre **Colección** y **Producto** aclara la selección actual para esa condición, así que elija su tipo primero. --- ## **🔢 Orden de visualización de productos** Al utilizar un **Colección**, los productos aparecen en el orden de la colección. ℹ️ Puede cambiar el orden de visualización en **Shopify Admin → Productos → Colecciones → \[Su Colección\] → Productos → Ordenar por**. --- ## **🔍 Añadir filtros (Opcional)** Habilitación **Añadir filtros** con una condición para ajustar qué productos los clientes ven: * **Mostrar etiquetas (comma separados)** → Sólo mostrar productos con estas etiquetas * **Ocultar etiquetas (comma separados)** → Ocultar productos con estas etiquetas ### **Ejemplo de casos de uso** * Mostrar sólo productos etiquetados `bundle-eligible` * Ocultar productos etiquetados `sold-out` o `excluded` --- ## **➕ Añadiendo más condiciones** Haga clic **\+ Añadir más condiciones** crear reglas de selección adicionales. ### **Ejemplo** * Estado 1 → Al menos 2 de la colección **"Shirts"** * Estado 2 → Al menos 1 de la colección **"Accesorios"** Esto obliga a los clientes a construir un paquete mixto en ambos grupos 🎽🧢 ℹ️ El icono de eliminación en una condición sólo aparece cuando usted tiene más de una condición — al menos una condición es siempre necesaria. --- # **💸 Paso 4 - Configurar el Descuento (Opcional)** De vuelta en el **General** pestaña, desplazarse a la **Descuento** sección. Si no quieres ningún descuento, deja el **Tipo** como **No hay descuento** y saltar al siguiente paso — BYOB funciona perfectamente bien sin uno. --- ## **🏷️ Tipo de descuento** Hay 5 opciones disponibles: Tipo de descuento Descripción No hay descuento Constructor de envases sólo, sin descuento % Descuento Porcentaje de descuento (por ejemplo, 25% de descuento) Descuento de piso Cantidad fija fuera del paquete (por ejemplo, 500 de descuento) En cada unidad descuento plano Monto fijo **por tema** (p. ej. . 50 de cada uno) Precio específico Establecer un precio final exacto para el paquete Una vez que elijas cualquier tipo diferente **No hay descuento**, a **Valor de descuento** campo aparece — ingrese el número allí. --- ## **⚖️ Descuento basado en** ℹ️ Esta sección sólo aparece cuando se selecciona un tipo de descuento. Controla. **cuando** el descuento se activa. --- ### **💰 Cargo total** El descuento se aplica una vez que el valor total de los artículos en el paquete alcanza una cantidad mínima. Establecer el umbral en el **Valor mínimo del carrito** campo. ### **Ejemplo** * El total del paquete alcanza י3000 → 10% OFF aplica ⚠️ **Nota**: El valor del carro siempre es evaluado **antes** se aplican los descuentos. El cheque mínimo de valor del carrito no considera descuentos de nivel de pedido (por ejemplo, un porcentaje fuera de todo el carrito). --- ### **🛒 Cantidad** El descuento se aplica una vez que el cliente haya elegido un número mínimo de artículos. * Establecer el umbral en el **Cantidad mínima** sobre el terreno * Opcionalmente habilitado **Cuenta sólo productos únicos** así que las cantidades repetidas del mismo producto no cuentan ### **Ejemplo con Cuenta Sólo Productos Únicos** * Producto A × 3 → contado como **1** producto * Producto A + Producto B → contado como **2** productos Esto es útil cuando desea que los clientes exploren diferentes productos en lugar de apilar el mismo 🛍️ --- # **🔄 Paso 5 - Combinaciones de descuento** Debajo de la sección Descuento, **Activar la combinación de descuento** tarjeta controla si sus pilas de descuento de BYOB con otros descuentos en el checkout. * **Descuentos de pedidos** → Permitir combinar con descuentos de nivel de pedidos * **Descuentos de envío** → Permitir combinar con descuentos de envío ℹ️ Los descuentos de BYOB siempre se combinan con otros descuentos por defecto. --- # **🎨 Paso 6 — Diseño, Traducción " Extras (Opcional)** Estas secciones son totalmente opcionales durante la configuración — los predeterminados se ven bien fuera de la caja ✨ * **Ficha de diseño** → Personalizar fuentes, colores, tipografía y estilos de botones del constructor de paquetes. Vea el diseño dedicado & Styling doc para más detalles. * **Traducción** → Traducir textos en los otros idiomas de su tienda. * **Múltiples mercados** → Ajustar la oferta para mercados específicos. * **Opciones de nota personalizada** → Activación **Agregar campo de nota** para mostrar a los clientes un pop-up para una nota personalizada después de añadir el paquete al carrito 🗒️ --- # **✅ Paso 7 - Guardar " Publish** Una vez que todo está configurado: 1. Haga clic **Guardar** en la barra de ahorro en el fondo 2. Haga clic **Publish** en la esquina superior derecha ⚠️ **Importante**: Una nueva oferta de BYOB siempre se salva como **Proyecto** primero. El **Publish** botón se pone disponible sólo después del primer ahorro. Cuando golpeas **Guardar**, Hoppy Bundles automáticamente: * 🛍️ Crea (o actualiza) el Shopify producto para su paquete - visible en **Shopify Anuncio → Productos** * 💸 Crea el descuento automático - visible en **Shopify Admin → Descuentos** Cuando golpeas **Publish**, el producto del paquete va **Activo** y los giros de descuento **on** tu página de BYOB ahora está en vivo 🚀 💡 Puedes **Unpublish** en cualquier momento para tomar el paquete offline sin borrarlo, y utilizar **Duplicar** para clonar una oferta de BYOB existente como punto de partida para una nueva. --- # **⚠️ Notas importantes** * 🖼️ **Se requiere imagen multimedia** — el ahorro falla sin él * 🎯 **Cada condición necesita una selección** — al menos una colección o producto por condición * 🧺 **Los clientes deben satisfacer todas las condiciones** antes de que el botón Añadir a la cesta se activa * 🗑️ **Eliminar una oferta BYOB también elimina** su vinculación Shopify producto, descuento e imagen subida — esto no se puede deshacer * 🔗 No borre manualmente el producto del paquete auto-creado en Shopify Admin a menos que esté eliminando la oferta: Hoppy Bundles lo recrea en el siguiente ahorro si se pierde --- # **🎉 Resultado final** Una vez publicado con éxito: ✅ Los clientes obtienen una página de paquete dedicada en su tiendafront ✅ Eligen productos basados en sus reglas con seguimiento de progreso en vivo ✅ El descuento se aplica automáticamente una vez que el paquete califica ✅ Todo el paquete se añade al carrito con un solo clic ✅ Valor medio del pedido mejora a medida que los clientes construyen paquetes más grandes ✨ Una oferta bien configurada de BYOB convierte las compras en una experiencia interactiva: a los clientes les encanta construir sus propios combos 🚀