ℹ️ 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 aumentar tu valor promedio de pedido (AOV) al permitir a los clientes añadir productos adicionales con un solo clic? 🛍️

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

Con Complementos de Producto, sus clientes ven una lista de productos opcionales con casillas de verificación en la página del producto. Simplemente marcan los addons que quieren, y todo se añade al carro juntos en una sola vez ✅

Perfecto para cosas como

• 🎁 Tarjetas de regalo o de felicitación
• 🛡️ Extensión de garantías o planes de protección
• 🧢 Accesorios (cap + camiseta, calcetines + zapatos)
• 🧴 Productos complementarios (ver versiones de tamaños, recargas)

Esta guía explica cada ajuste paso a paso para que pueda lanzar su primera oferta de Complementos de Producto en pocos minutos ⚡

✅ Antes de empezar

Antes de crear su oferta de Complementos de Producto, asegúrese de lo siguiente:

• Hoppy Bundles se instala en tu tienda y puedes abrirla desde Shopify Admin → Aplicaciones.
• Los productos que desea ofrecer como addons ya existen en su Shopify catálogo (con imágenes y precios fijados).
• El Hoppy Bundles App Inserted está habilitado en su tema, de lo contrario el widget no aparecerá en su escaparate.

Para habilitar la aplicación embed, vaya a:

Shopify Admin → Tienda Online → Temas → Editar Tema → App Embeds

Entonces:

• Encontrar el Hoppy Bundles app embed
• Toggle it ON
• Haga clic Guardar

💡 Si publicas tu oferta sin habilitar la app embed, Hoppy Bundles le mostrará un banner de recordatorio con un Enable App Embed botón de acceso directo — así que no te preocupes, también puedes hacerlo más tarde.

🚀 Paso 1 — Crear una nueva oferta de complementos de producto

Abrir el Hoppy Bundles aplicación de tu Shopify Admin.

Entonces:

→ Crear nueva oferta (o el + Nuevo opción) para abrir el selector tipo oferta.

→ Seleccionar Complementos de producto (Con cuadros de verificación) — “Permite a los clientes añadir productos opcionales a través de casillas de verificación”.

→ Crear complementos de producto.

La página de configuración de Complementos de Producto se abrirá automáticamente.

Usted notará que la página de configuración se organiza en 3 pestañas a la izquierda:

• General → Oferta contenido, productos, descuentos y ajustes
• Diseño → Mirar la sensación del widget
• Objetivo " Colocación " → Dónde y a quién se muestra el widget

En el lado derecho, verás un vista previa en vivo (tanto Escritorio como Móvil) que actualiza al instante a medida que cambia cualquier configuración 👀

⚙️ Paso 2 - Configurar las configuraciones generales

Esta es la zona de configuración principal. Vamos a pasar por la sección por sección.

🏷️ Nombre de la oferta

Este nombre se utiliza sólo para fines internos.

Los clientes nunca lo verán.

Puede utilizar cualquier nombre reconocible como:

• Gift Wrap Addon
• Garantía Upsell
• Complementos de verano

💡 Usando el nombre interno adecuado hace más fácil identificar las configuraciones más tarde, especialmente si su tienda ejecuta múltiples ofertas.

📝 Bundle Title

Este es el encabezado que los clientes ven por encima de la lista de addon en su página de producto.

Por defecto, se establece “Product Addons”, pero siéntete libre de hacerlo propio:

• “Hazlo un combo 🎉”
• “Completa tu mirada”
• “Añada esto a su orden”

🎯 Tipo de recomendación adicional

Este ajuste controla cómo se eligen los productos addon.

Existen 2 opciones disponibles:

• Selección manual → Usted elige los productos de addon exacto usted mismo
• AI → Hoppy Bundles automáticamente recomienda adiciones relevantes para cada producto

🙌 Selección manual

Haga clic Seleccione productos y recoger 3 productos (incluyendo variantes específicas) para mostrar como addons.

Cada producto seleccionado aparece como su propio bloque donde se puede:

• 🔢 Establecer el cantidad añadido cuando el cliente marca la casilla de verificación
• ✏️ Editar Nombre de la pantalla del producto (ícono de lápiz) — el original Shopify producto permanece intacto
• 🗑️ Quitar el producto de la oferta

Mostrar nombre de producto modificado

Permite esta casilla si desea que el widget muestre su Nombre de pantalla editado en lugar del original Shopify título de producto.

Ejemplo

• Título del producto original: “Premium Cotton Cap — Black / One Size”
• Nombre modificado mostrado en widget: “Matching Cap 🧢”

⚠️ Puede seleccionar un máximo 3 productos addon en modo Manual.

🤖 AI

ℹ️ Estas opciones sólo aparecen cuando AddOn Recommendation Type se establece AI.

Con el modo AI, usted no elige productos addon usted mismo — Hoppy Bundles automáticamente sugiere los addons más relevantes para cada producto.

Configure lo siguiente:

• Número de productos recomendados AI → Cuantas sugerencias de addon para mostrar (por defecto: 3)
• AI Target Type → Elige dónde debe aparecer el widget addon:
• • Productos específicos → Mostrar en las páginas seleccionadas del producto
  • Colecciones → Mostrar en los productos de las colecciones seleccionadas
• Productos de destino / Colecciones de objetivos → Haga clic en el botón selecto y seleccione los productos o colecciones donde se debe mostrar el widget de addon AI

Los objetivos seleccionados aparecen en una lista debajo del campo, y puede eliminar cualquiera de ellos usando el icono de eliminación 🗑️

💸 Descuento

¿Quieres endulzar el trato? Usted puede ofrecer un descuento en los productos addon.

Tipo de descuento

Existen las siguientes opciones:

• No hay descuento → Los complementos se venden a precio completo (por defecto)
• % Descuento → por ejemplo 25% de descuento
• Descuento de piso → por ejemplo $10.00 en el total de addon
• En cada unidad descuento plano → por ejemplo $2.00 en cada unidad
• Precio específico → Establecer un precio exacto, por ejemplo $29.00

⚠️ BOGO / Comprar X Obtener Y tipos de descuento son no disponible para las ofertas de Complementos de Producto.

Descuento

Introduzca el valor de descuento aquí.

ℹ️ Este campo permanece desactivado mientras Tipo de descuento se establece No hay descuento.

Aplicar descuento en

Esta configuración controla cuántos artículos se aplica el descuento.

• Igual que el número de upsells → El descuento se aplica a todos los productos addon en la oferta (por defecto)
• Cantidad personalizada → El descuento se aplica sólo a un número específico de unidades - introducir el número en el Cantidad personalizada campo que aparece

🎁 Regalo gratuito

Activar el Regalo gratuito casilla de verificación si desea añadir automáticamente un producto gratis al carrito junto con los addons.

Una vez habilitado:

→ Select Gift Products y elegir uno o más productos para dar gratis.

Cada bloque de producto regalo le permite establecer el cantidad y editar el nombre de la pantallaComo los productos de addon.

💡 Los regalos gratis son una gran manera de empujar los addons — “Agregue una garantía y consiga un paño de limpieza gratis 🎁”

🛠️ Ajustes

Esta sección controla cómo el widget addon se comporta en tu escaparate.

Mostrar el precio de la unidad

Permitir esto para que los clientes puedan ver el precio de cada producto addon individual en la oferta.

Skip Cart Directamente a Checkout

Cuando está habilitado, los clientes son redireccionados directamente a la página de salida después de añadir los addons — saltando la página del carrito por completo.

💡 Útil para compras rápidas y de estilo impulso. Desactivarlo si quieres que los clientes revisen su carrito primero.

Mostrar Comparar con el precio

Permitir esto para mostrar precio de comparación a (strikethrough) en la oferta, para que los clientes puedan ver el precio original junto al descuento.

ℹ️ Cuando esté habilitado, un extra Comparación de precios el campo aparece. Úsalo para anular Shopify’s comparar-a precio para esta oferta - dejarlo en blanco o 0 para seguir utilizando el Shopify listado comparar precio.

Usar texto personalizado para rastreo de inventario

Permitir esto para mostrar un mensaje personalizado a los clientes cuando un producto addon seleccionado está fuera de stock.

ℹ️ Cuando está habilitado, aparece un campo de texto donde puede escribir su propio mensaje (por ejemplo. “Actualmente indisponible – ¡revisen pronto!”).

Descuentos de combinación

Esta configuración controla si el descuento de addon se puede combinar con otros descuentos en el carrito y el checkout:

• ✅ Descuentos de pedidos
• ✅ Descuentos de envío

⚠️ Due to Shopify restricciones, este ajuste ahora se aplica globalmente a todas las nuevas ofertas - no sólo éste.

Productos de destino

ℹ️ Esta sección sólo aparece cuando AddOn Recommendation Type se establece Selección manual.

Aquí eliges en qué productos se muestra el widget addon. Simplemente marcar las casillas de verificación junto a los productos.

⚠️ Al menos un producto debe ser seleccionado como un objetivo, de lo contrario el widget no se mostrará en ninguna parte.

Ejemplo

Añadiste una gorra, calcetines y una pulsera como addons, pero sólo quieres que el widget aparezca en la página de la camiseta → sólo la camiseta ✅

🔘 Call to Action

Este es el texto del botón que los clientes hacen clic para añadir los addons seleccionados al carrito.

Default: “Agregar el abono al carro”

Ejemplos

• “Add Selected to Cart 🛒”
• “Sí, ¡Añada esto!”
• “Completa mi orden”

✨ Tag Highlighted

Agregue una pequeña etiqueta de atención al widget, por ejemplo. “Oferta Combo” o “Tiempo Limitado”.

Haga clic en 👁️ icono junto al campo para mostrar o ocultar la etiqueta en el widget.

📄 Texto del pie

Una línea corta de texto que se muestra en la parte inferior del widget.

Ejemplos

• “Envío gratuito en todos los addons 🚚”
• “Descuentos aplicados automáticamente al checkout”

🌍 Múltiples mercados " Traducciones

¿Vendiendo en múltiples mercados o idiomas? El Múltiples mercados sección le permite establecer diferentes valores de descuento por mercado/currencia, y Traducción sección le permite traducir los textos del widget a otros idiomas de su tienda.

Estas son opcionales: su oferta funciona perfectamente bien sin ellas. Revise los dedicados Múltiples mercados y docs de traducción para un paseo completo 📚

🎨 Paso 3 - Personalizar el diseño (opcional)

Cambiar a la Diseño ficha para hacer que el widget coincida con tu tema.

Puede ajustarse:

• 🔤 Fuente → Utilice su fuente de tema o elegir de una lista de Google Fonts
• 🎨 Tipografía & colores → Título, precio, etiqueta, pie, precio total y estilo de botones
• ⬛ Ancho de frontera " radio " → Redondear o afilar las esquinas del widget
• 🖼️ Antecedentes " Colores fronterizos " → Para hileras de productos, piercing, etiqueta resaltada y botón

Cada cambio aparece al instante en la vista previa en vivo de la derecha - así que juega alrededor hasta que se siente bien ✨

💡 El diseño predeterminado ya se mezcla en buena medida con la mayoría de los temas, por lo que puede saltar esta pestaña de forma segura en su primera configuración.

📍 Paso 4 - Establecer objetivos

Cambiar a la Objetivo " Colocación " ficha para controlar dónde y a quién aparece el widget.

Colocación

Hay 2 opciones de colocación:

• A continuación, añadir a Cart Button (Default) → El widget aparece automáticamente bajo el botón Añadir al carrito en sus páginas de producto. Esta es la opción recomendada para la mayoría de las tiendas.
• Personal (sólo en la página del producto) → Coloque el widget en cualquier lugar de su página de producto usando el Hoppy Bundles bloque de aplicaciones en el editor de temas, o pegar el code snippet directamente en tu tema.

⚠️ El Hoppy Bundles ID y el código snippet sólo se hace visible después de guardar la oferta por primera vez - así que salva primero, luego vuelve a cogerlos.

Otras opciones de destino

Debajo de la tarjeta Placement también encontrará:

• Atención al cliente → Mostrar el widget a todos, sólo clientes conectados, etiquetas específicas de los clientes, o clientes por encima de una vida pasan
• Geolocation Targeting → Mostrar el widget en todo el mundo o sólo en países específicos
• Programación → Establecer una fecha de inicio y final para la oferta (perfecto para promociones de tiempo limitado ).

Todas son opcionales, por defecto la oferta es visible para todos, en todas partes, todo el tiempo. Consulte los docs de Targeting dedicados si desea profundizar 📚

💾 Paso 5 - Guardar & Publicar su oferta

¡Casi termina! 🎉

Guarda tu oferta

Cada vez que haces cambios, Guardar bar aparece en la parte superior de la página.

→ Guardar para almacenar su configuración como un borrador.

Usted notará el Proyecto insignia junto al título de la página — esto significa que la oferta es salva pero aún no vive en su tienda.

Publicar su oferta

Una vez que estés feliz con la vista previa:

→ Haga clic en Publish botón en la parte superior de la página.

La placa cambia a Publicado 🟢 y su widget addon va en vivo en las páginas de productos seleccionadas.

Si la aplicación embed no está habilitada todavía, verá un banner con un Enable App Embed botón — click it, toggle the embed on in the theme editor, and you're all set ✅

Edición posterior

Vuelve a la oferta en cualquier momento de la Hoppy Bundles Dashboard. Desde aquí también se puede:

• Duplicar → Crear una copia de la oferta (a mano para crear variaciones)
• Suprimir → Eliminar permanentemente la oferta
• Unpublish → Tome la oferta fuera de línea sin borrarla

⚠️ Eliminar una oferta es no reversible — la oferta y su descuento se perderán permanentemente.

⚠️ Cosas importantes para saber

• ⚠️ Sólo una oferta publicada por conjunto de productos está permitido. Si un paquete publicado con los mismos productos ya existe, obtendrá un error al guardar, ya sea editar el existente o cambiar la selección de productos.
• ⚠️ El modo manual admite un máximo 3 productos addon.
• ⚠️ Al menos uno Producto objetivo debe ser marcado en modo Manual, de lo contrario el widget no aparecerá en ninguna parte.
• ⚠️ BOGO / Comprar X Obtener Y descuentos no están disponibles para Complementos de Producto.
• ℹ️ El Descuentos de combinación ajuste se aplica globalmente a todas las ofertas nuevas debido a Shopify restricciones.
• 💡 Si el widget no aparece después de la publicación, compruebe que el Hoppy Bundles App Inserted está habilitado en su tema y que la oferta muestra la Publicado Insignia.

🎉 Resultado final

Esto es lo que sus clientes verán en la página del producto:

• ✅ Una lista limpia de productos adicionales opcionales con casillas de verificación, justo debajo del botón Añadir al carrito
• 💰 Precios en vivo (y descuentos, si está configurado) para cada addon
• 🔢 Un total que actualiza como clientes marcan o desentrañan addons
• 🔘 Su botón personalizado de llamada a acción que añade todo al carrito en un clic
• 🎁 Regalos gratuitos añadidos automáticamente, si están habilitados

Los clientes simplemente marcan lo que quieren y hacen clic en el botón — el producto principal, los addons seleccionados y cualquier regalo gratuito todos la tierra en el carrito junto, con descuentos aplicados automáticamente ✨

Eso es todo — su oferta de Complementos de Producto es en vivo y listo para impulsar su AOV! 🚀

💡 ¿Necesitas una mano? Utilice la aplicación Contacto opción en cualquier momento - estamos felices de ayudarle a configurar.

Actualizado el: 10/09/2026