ℹ️ 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) mostrando a los clientes los productos que naturalmente van juntos? 🛍️

Eso es exactamente lo que Frecuentemente unidos tipo de oferta en Hoppy Bundles está diseñado para.

Con esta oferta, puede mostrar un deslizador de recomendación de producto inteligente en sus páginas de productos, alimentado por:

• 🧠 Recomendaciones de inteligencia artificial — Shopify automáticamente sugiere Relacionados o Complementario productos para cada página de producto
• 🎯 Productos específicos — o mano-pick exactamente qué productos desea recomendar

Los clientes pueden añadir productos recomendados a su carrito directamente desde el slider — sin dejar nunca la página del producto ✨

En esta guía, te guiaremos a través de la configuración completa, paso a paso, por lo que tu deslizador de Bought Together suele vivir en pocos minutos ⚙️

📋 Antes de empezar

Antes de crear tu primera oferta de Bought Together, asegúrate de tener la siguiente lista:

• ✅ Hoppy Bundles instalado en tu Shopify tienda
• ✅ El libre Shopify Search & Discovery app instalado, aquí es donde Shopify las tiendas Relacionados y Complementario recomendaciones de productos que alimentan el modo AI
• ✅ Una idea difícil de si quieres AI para recoger las recomendaciones para usted, o prefiere productos específicos a mano tú mismo

ℹ️ El deslizador de juntas frecuentes lo hace no crear cualquier descuento. Los productos recomendados se añaden al carrito a su precio regular, es puramente una herramienta de recomendación de productos 💡

✅ Paso inicial: Activar la aplicación

Para que el slider aparezca en tu escaparate, el Hoppy Bundles app embed debe ser habilitado dentro de tu Shopify tema.

Ve a:

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

Desde allí:

1. Abrir el App embeds sección de la barra lateral izquierda
2. Encontrar el Hoppy Bundles app embed
3. Toggle it ON ✅
4. Haga clic Guardar

⚠️ No te preocupes si saltas este paso – después de publicar tu oferta, Hoppy Bundles le mostrará un banner de recordatorio con un Enable App Embed botón que te lleva directo al lugar correcto en el editor de temas.

⚙️ Paso 1 - Crear una nueva oferta de juntas

Desde Hoppy Bundles app dashboard:

1. Haga clic Crear nueva oferta
2. En el Seleccione el tipo de oferta pantalla, encontrar la Frecuentemente unidos tarjeta 🏷️ — “Mostrar productos de clientes que se compran frecuentemente juntos”
3. Haga clic Crear Oferta FBT

Usted aterrizará en el Crear Upsell Slider página de configuración — ese es el lugar correcto, Frecuentemente Bought Together corre en el mismo motor deslizante 🛠️

La página de configuración se divide en dos áreas:

• A la izquierda → Tus ajustes, organizados en 3 pestañas: General, Diseño, y Objetivo " Colocación "
• El lado derecho → A vista previa en vivo de su deslizador en ambos 🖥️ Escritorio y 📱 Móvil, que actualiza al instante a medida que cambia la configuración

💡 Las buenas noticias: el flujo FBT viene pre-configurado para usted — el modo de recomendación AI ya está seleccionado, y el título deslizante está prellenado con “Frecuentemente comprados juntos”¡Podrías salvar y publicar!

🏷️ Paso 2 - Nombre de su oferta & Establecer el título de deslizador

En el General tab, empieza con lo básico:

Nombre de la oferta

Este nombre es sólo visible para usted dentro de la aplicación — los clientes nunca lo ven. Use algo reconocible para su propia referencia, como:

• FBT - Todos los productos
• Frecuentemente atrapado juntos Slider

Slider Title

Estos son los clientes de encabezado verás por encima del deslizador en tu escaparate.

Para las ofertas de FBT, el título está pre-llenado con “Frecuentemente comprados juntos” — el título clásico y reconocible al instante. Puedes cambiarlo a lo que quieras, como:

• Completa el look
• Parejas bien con
• Los clientes también han comprado

⚠️ El Slider Title is required - si lo dejas vacío, verás un “Se requiere un título más bajo” error y no será capaz de guardar.

🔢 Paso 3 — Configuración deslizante Configuración

Todavía en el General pestaña, Ajustes sección controla cuántos productos son visibles inmediatamente dentro del deslizador:

• Productos por diapositiva (Desktop) → ¿Cuántos productos muestran por diapositiva en pantallas de escritorio (por defecto: 3)
• Productos por diapositiva (Mobile) → ¿Cuántos productos muestran por diapositiva en dispositivos móviles (default: 2)

ℹ️ Si usted tiene más productos recomendados que cabe en una diapositiva, los clientes pueden girar o navegar a través del deslizador para ver el resto, así que no tengas miedo de recomendar mucho.

🧠 Paso 4 - Elija su modo de recomendación

Este es el corazón de su oferta de FBT ❤️ - decidir cómo los productos recomendados son escogidos.

Tiene dos opciones:

Opción 1 — AI Upsell (Frequently Bought Together) (preseleccionado)

Este es el predeterminado de las ofertas de FBT - y el recomendado 🌟

Shopify’s AI decide automáticamente qué productos recomendar, individualmente para cada página de producto. No es necesario recoger el producto manual — una oferta cubre todo su catálogo.

Existen dos tipos de recomendación:

• Productos relacionados (preseleccionado) → Productos similares a los que se están viendo - grandes para mostrar alternativas y variaciones
• Productos complementarios de Upsell → Productos que van bien junto con el que se ve - el clásico "trajo juntos" pareado

⚠️ Importante: Las recomendaciones de AI provienen de la libertad Shopify Search & Discovery app. Verás un banner de recordatorio con un Búsqueda abierta y descubrimiento botón — utilizarlo para configurar sus productos relacionados o complementarios por producto, de lo contrario el slider puede no tener nada que mostrar.

💡 Relacionado vs Complementario? Uso Relacionados cuando desea mostrar artículos similares (por ejemplo, otras camisetas en una página de camiseta). Uso Complementario cuando usted desea verdaderas parejas “bought together” (por ejemplo, zapatos + calcetines). Los convertidos complementarios generalmente mejor para FBT ✨

Max No. de Productos

Cuando se selecciona AI Upsell, aparece un campo adicional:

Max No. de Productos → El número máximo de productos recomendados mostrados en la barra deslizante (hasta 10, por defecto: 3).

ℹ️ Esto es sólo el máximo - si Shopify tiene menos recomendaciones para un producto, sólo las que se muestran.

Opción 2 - Productos específicos de Upsell

¿Prefieres el control completo? Mano-pick los productos exactos que desea recomendar en su lugar:

1. Seleccione Productos específicos de Upsell
2. Haga clic Seleccione productos
3. Shopify’s producto picker se abrirá — buscar y seleccionar uno o más productos
4. Confirme su selección ✅

Sus productos elegidos aparecerán como una lista debajo del botón, e instantáneamente en la vista previa en vivo.

💡 Esta opción es perfecta cuando quieres igual conjunto de recomendaciones en todas partes, por ejemplo, siempre empujando sus accesorios de mayor venta.

⚠️ ¡Arriba la cabeza! Interruptor entre AI Upsell y Productos específicos de Upsell despeja su selección de productos actual. Elige tu enfoque primero, luego configuralo.

🌍 Paso 5 - Traducciones (opcional)

¿Vendiendo en varios idiomas? El Traducción sección en la pestaña General le permite traducir los textos deslizantes para cada uno de los idiomas de su tienda.

Este paso es completamente opcional durante la configuración — siempre puede volver a él más tarde. Para un paseo completo, echa un vistazo a nuestro dedicado Guía de traducción 📖

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

Cambiar a la Diseño pestaña para hacer que el slider coincida con su marca perfectamente 🎨

Aquí hay una rápida visión general de lo que puede personalizar:

• Fuente → Utilice su fuente temática (default) o elegir de una gran lista de fuentes
• Tipografía & colores → Tamaño de texto, peso y color para el título deslizante, títulos de producto, precios, y el botón Añadir al carrito
• Frontera → Ancho fronterizo y redondez de esquina (radius) de las tarjetas de producto
• Antecedentes " Colores fronterizos " → Para las tarjetas de producto y el botón

Todos los cambios se actualizan instantáneamente en la vista previa en vivo a la derecha 🖥️📱

ℹ️ El diseño predeterminado ya se ve limpio de la caja, por lo que puede saltar esto de forma segura durante su primera configuración y refinarlo más adelante. Para una profunda inmersión en cada opción de estilo, echa un vistazo a nuestra dedicada Diseño y guía de estilo 📖

📍 Paso 7 - Elija el lugar

Cambiar a la Objetivo " Colocación " pestaña y decidir Donde el deslizador aparece.

Tiene dos opciones de colocación:

A continuación, añadir a Cart Button (Default)

El deslizador se coloca automáticamente debajo del Añadir al carrito botón en sus páginas de producto - el lugar perfecto para las recomendaciones de FBT, ya que los clientes lo ven en el momento exacto en que están decidiendo comprar. No se necesita trabajo extra ✅

Personal (sólo en la página del producto)

Elija esto si desea colocar el deslizador manualmente, en cualquier lugar que desee en la página del producto.

Cuando se selecciona, la aplicación te muestra dos cosas:

• Hoppy Bundles ID → Use este ID con el Hoppy Bundles bloque de aplicación en su editor de temas para añadir, eliminar o reposicionar el slider
• Hoppy Bundles code snippet → Un pequeño <div> snippet usted puede pegar cualquier lugar en su código de tema

⚠️ El ID y el código solo aparecen después de guardar o publicar la oferta - así que guardar primero, luego copiarlos.

🎯 Paso 8 - Establecer objetivos " Programación " (opcional)

Todavía en el Objetivo " Colocación " pestaña, encontrará controles opcionales para quién ve el deslizador y cuando 👇

👤 Atención al cliente

Controlar qué clientes ven el slider:

• Visibilidad (Customer Login Status) → Mostrar a todos los clientes, o sólo a los clientes conectados
• Mostrar bar a → Todos los clientes, clientes con un específico etiqueta del cliente (por ejemplo. premium, wholesale), o clientes por encima de un determinado por vida Monto
• Ocultar la barra → Exclusión opcional de los clientes por etiqueta o vida gastada

🌍 Geolocation Targeting

• Todo el mundo (por defecto) → Mostrar el slider a los visitantes de cada país
• Países concretos → Seleccionar países para abrir el picker del país, buscar y seleccionar exactamente dónde debe aparecer el slider

🗓️ Programación

Perfecto para campañas de tiempo limitado:

• Comienzo → Ahora mismo. (por defecto) o Fecha específica y tiempo
• Final → Nunca (por defecto) o Fecha específica y tiempo

ℹ️ Todas estas opciones de selección son opcionales. Para la mayoría de las tiendas, los defectos (mostrar a todos, en todas partes, siempre) funcionan bien para empezar. Para configuraciones avanzadas, echa un vistazo a nuestra dedicada Guía de destino 📖

🚀 Paso 9 - Guardar " Publish

¡Ya casi terminaste! 🎉

Guarda tu oferta

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

• Haga clic Guardar para almacenar su oferta como Proyecto 📝
• Haga clic Divulgación para revertir sus cambios

⚠️ En una nueva oferta, la Publish botón se mantiene desactivado hasta que haya guardado al menos una vez - así que golpe Guardar primero.

Publica tu oferta

Una vez guardado, haga clic Publish en la esquina superior derecha para hacer que el deslizador viva en su tienda 🚀

Después de publicar, Hoppy Bundles muestra un banner de confirmación:

• Si app embed no está habilitado aún, verás un “Asegúrese de que la aplicación Embed está activa” banner con un Enable App Embed botón — click it and toggle the embed on (see the Initial Step above)
• Si todo está activo, haga clic Open Store para ver tu slider en vivo en una página de producto ✨

Puedes Unpublish en cualquier momento para tomar el slider offline sin perder la configuración.

⚠️ Notas importantes & Consejos

• 🧠 El modo AI necesita Search & Discovery — sin productos relacionados/complementarios configurados gratis Shopify Search & Discovery app, el slider puede parecer vacío. Arregla esto antes recomendaciones pendientes para mostrar
• 🔄 Las recomendaciones son perproductivas - en modo AI, Shopify elige sugerencias individualmente para cada página de producto. Una oferta de FBT cubre todo el catálogo automáticamente
• 💰 No se aplican descuentos — el deslizador FBT recomienda productos a su precio regular. Si quieres paquetes con descuento, echa un vistazo a nuestros Bundle o Comprar X Get Y oferta tipos en su lugar
• 🔄 Cambiar el modo recomendación reinicia tu selección - cambiar entre AI Upsell y Productos específicos de Upsell despeja los productos que ha elegido
• 🗑️ Eliminar es permanente — Suprimir acción (top of the edit page) elimina la oferta y sus estadísticas de análisis para siempre. Esto no puede ser deshecho
• 📄 Duplicar ofertas fácilmente - utilizar el Duplicar acción en cualquier oferta existente para crear una copia y tweak it, en lugar de empezar desde cero

🎉 Resultado final

Eso es todo — tu deslizador de Bought Together es en vivo! 🥳

Sus clientes verán ahora un slider de recomendación inteligente en sus páginas de productos, justo debajo del botón Añadir al carrito. Pueden navegar por productos que se combinan perfectamente con lo que están viendo y añadirlos a su carrito con un solo clic: impulsar su AOV en el piloto automático 📈

Desde Hoppy Bundles Dashboard, puedes:

• ✏️ Editar la oferta en cualquier momento para cambiar el modo de recomendación, el diseño o la orientación
• 📊 Seguimiento para ver cómo sus recomendaciones están convirtiendo
• ⏸VIEW Unpublish cuando quieras pausar la oferta

¡Feliz venta! 🚀

Actualizado el: 10/09/2026