> ## 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 un deslizamiento automático Upsell & Cross Sell > ℹ️ **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 Drawer**o **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