ℹ️ 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 tus ofertas de upsell para captar más atención sin que los clientes levanten un dedo? ✨

Eso es exactamente lo que Auto-Sliding Upsell dentro Hoppy Upsell & Cross Sell está diseñado para.

En lugar de mostrar un solo producto estático, el widget upsell puede girar automáticamente a través de sus productos recomendados en un carrusel deslizante liso, como un mini escaparate de productos que funciona justo dentro de su tienda 🛍️

Con esta configuración, puedes:

• 🔄 Rotación automática de múltiples productos de upsell en el widget
• Controla cuántos segundos cada producto permanece visible
• 👆 Deje a los clientes navegar manualmente utilizando las flechas de navegación izquierda/derecha
• 🎯 Mantenga el widget compacto mientras todavía muestra más ofertas

Esto es especialmente útil cuando usted tiene varios productos para recomendar pero limitado espacio en la página — cada producto consigue su momento en el foco de atención 💡

🧩 Cómo funciona el Auto-Slide

El widget upsell muestra productos dentro de un slider que muestra un producto a la vez.

Cuando Auto-Slide está habilitado:

• El widget se mueve automáticamente al siguiente producto después de su intervalo elegido
• Los bucles deslizantes continuamente, por lo que se vuelve al primer producto después del último
• Los clientes siempre pueden navegar manualmente usando el flechas de navegación izquierda / derecha

⚠️ Importante: Auto-Slide es desactivado automáticamente para un visitante el momento en que interactúa con el slider — por ejemplo, haciendo clic en las flechas de navegación, tocando o arrastrando el deslizador en el móvil. Esto da a los clientes el control completo una vez que comienzan a navegar por sí mismos.

✅ Antes de empezar

Asegúrese de que la aplicación embed está habilitada en su tema, de lo contrario el widget upsell no aparecerá en su escaparate.

Ve a:

Shopify Admin → Canales de Venta → Tienda Online → Temas → Editar tema → App Embeds

Entonces:

• Encontrar Upsell Cross-Sell Slider
• Toggle it ON
• Haga clic Guardar

💡 Si estás usando el Posición personalizada la colocación, también tendrá que añadir el Upsell Cross-Sell Block bloque de aplicación dentro de su editor de temas e introduzca su ID Upsell. Véase 🔎 ¿Cómo encontrar identificación de Upsell? si es necesario.

⚙️ Paso 1 — Crear o abrir un Upsell

Abrir el Hoppy Upsell & Cross Sell aplicación de tu Shopify Admin.

Entonces bien:

→ Crear nuevo upsell para iniciar una nueva configuración y elegir una colocación (Página, Página, Cart Drawero Posición personalizada)

o...

→ Abrir un upsell existente de su panel de control para editarlo

El ajuste Auto-Slide funciona de la misma manera a través de todo tipo de colocación, para que puedas utilizarlo donde aparezca tu widget 🙌

🛍️ Paso 2 - Elija sus productos Upsell

Dentro del Índice pestaña, primero decidir qué productos debe rotar el deslizador.

Under Seleccione productos upsell, elegir una de las opciones disponibles:

• AI Upsell (Frequently Bought Together) → tira automáticamente Productos relacionados o complementarios establecidos en Shopify's Search & Discovery app
• Productos específicos de Upsell → mano-pick los productos exactos que desea promover
• Upsell colecciones específicas → rotar productos de colecciones seleccionadas
• Upsell mismo producto (Como en la página de producto) → promover el producto actualmente siendo visto

💡 Auto-Slide brilla más brillante cuando el widget tiene múltiples productos para mostrar - con sólo un producto, no hay nada a lo que deslizarse.

🔢 Max No. de Productos

Cuando se utiliza AI Upsell o Upsell colecciones específicas, también verás un Max No. de Productos campo.

Esto controla cuántos productos (hasta 10) se cargan en el deslizador para la rotación.

Por ejemplo, ajustándolo 5 significa que hasta 5 productos recomendados se turnarán dentro del widget.

🎠 Paso 3 - Activar la diapositiva automática

Todavía dentro de la Índice pestaña, desplazarse a la Auto Slide Upsell por Interval estableciendo.

Esta caída tiene 2 opciones:

• Enabled → el widget se desliza automáticamente a través de sus productos de upsell
• Discapacitados → el widget se queda en un producto hasta que el cliente utiliza las flechas de navegación

La configuración es Activado por defecto para nuevas ventas.

Paso 4 - Establecer la Duración Interval

Una vez Auto Slide se establece Enabled, un nuevo campo aparece justo debajo de él:

Duración de la intervención 🕒

Este número controla cuántos segundos cada producto permanece en pantalla antes de que el deslizador se mueva hacia el siguiente.

• Valor por defecto: 5 segundos
• Valores inferiores (por ejemplo. 3) → rotación más rápida, más energía ⚡
• Valores más altos (por ejemplo. 8–10) → rotación más lenta, más tiempo para leer cada oferta 🧘

💡 Un buen punto de partida es 4 a 6 segundos — lo suficientemente rápido para mostrar múltiples productos, pero lo suficientemente lento para que los clientes lean el título, precio y botón del producto.

ℹ️ El Duración de la intervención campo sólo aparece mientras Auto Slide se establece Enabled. Si deshabilita Auto Slide, el campo se oculta automáticamente.

💾 Paso 5 - Guardar & Publish

Una vez que todo se ve bien:

1. Haga clic Guardar en la barra de ahorro en la parte superior de la página
2. Haga clic Publish para hacer el upsell en vivo en tu tienda

Después de publicar, aparecerá un banner de confirmación con enlaces rápidos a abre tu tienda o habilitar la aplicación embed si todavía no está activo.

⚠️ Notas importantes

• 🛑 Auto-Slide paradas para la vista de página actual tan pronto como un visitante interactúa con el slider (flechas, pulsar, arrastrar o hacer clic). Se reinicia automáticamente la próxima vez que la página carga —por ejemplo, cuando el visitante navega a otra página.
• 👁️ La vista previa dentro de la aplicación muestra cómo se ve su widget, pero el movimiento deslizante en sí es mejor verificado en su tienda en vivo.
• 🔁 El deslizador bucles continuamente — después del último producto, se desliza de nuevo a la primera automáticamente.
• 🧭 El flechas de navegación siempre permanecen disponibles, incluso cuando Auto-Slide está habilitado, por lo que los clientes nunca pierden el control manual.
• 📱 Auto-Slide trabaja en ambos escritorio y móvil almacenes.

🎉 Resultado final

Su widget de upsell ahora funciona como un carrusel auto deslizante en su escaparate:

• Los productos giran automáticamente en función de su Duración de la intervención
• Los clientes pueden tomarse en cualquier momento usando las flechas de navegación
• Más de sus ofertas se ven – sin tomar espacio adicional de página 🚀

📚 Guías relacionadas

• 🎨 Upsell & Cross Sell – Diseño y estilo → Personalizar el color de flecha, tamaño, estilos de botones, y más
• 🎯 Opciones avanzadas de fijación de objetivos Upsell & Cross Sell → control exactamente quién ve su upsell y cuándo
• 🌍 Upsell & Cross Sell — Traducción → mostrar contenido de slider en varios idiomas
• Upsell & Cross Sell no se muestra en mi tienda [Fixed] → problemas de visibilidad

Actualizado el: 15/09/2026