> ## 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). # 🎠 Come Preparare un Auto-Sliding Upsell & Cross Sell > ℹ️ **Note:** Questo articolo è stato tradotto automaticamente utilizzando AI e può contenere imprecisioni. Se qualcosa sembra sbagliato, si prega di contattare il nostro team di supporto. Vuoi che il tuo upsell offre per catturare più attenzione senza clienti sollevare un dito? ✨ Questo è esattamente quello che **Auto-Sliding Upsell** in Hoppy Upsell & Cross Sell è progettato per. Invece di mostrare un singolo prodotto statico, il widget upsell può ruotare automaticamente attraverso i vostri prodotti consigliati in una giostra scorrevole liscia — come una vetrina del prodotto mini in esecuzione proprio all'interno del vostro negozio 🛍️ Con questa configurazione, puoi: * 🔄 Ruotare automaticamente più prodotti upsell nel widget * ⏱️ Controllare quanti secondi ogni prodotto rimane visibile * 👆 Consente ai clienti di navigare manualmente utilizzando le frecce di navigazione a sinistra/a destra * 🎯 Mantenere il widget compatto, mostrando ancora più offerte Questo è particolarmente utile quando si dispone di diversi prodotti per consigliare ma spazio limitato sulla pagina — ogni prodotto ottiene il suo momento in faretto 💡 --- # **🧩 Come funziona l'Auto-Slide** Il widget upsell visualizza i prodotti all'interno di un cursore che mostra **un prodotto alla volta**. Quando Auto-Slide è abilitato: * Il widget si sposta automaticamente al prodotto successivo dopo l'intervallo scelto * Il cursore passa continuamente, quindi torna al primo prodotto dopo l'ultimo * I clienti possono sempre navigare manualmente utilizzando **frecce di navigazione a sinistra/a destra** ⚠️ **Importante:** Auto-Slide è **disattivato automaticamente per un visitatore nel momento in cui interagiscono con il cursore** — ad esempio, facendo clic sulle frecce di navigazione, toccando o trascinando il cursore sul mobile. Questo dà ai clienti il pieno controllo una volta che iniziano a navigare se stessi. --- # **✅ Prima di iniziare** Assicurati che l'app incorporata sia abilitata nel tuo tema, altrimenti il widget upsell non apparirà sul tuo negozio. Vai a: **Shopify Admin → Canali di vendita → Online Store → Temi → Modifica tema → App incorporati** Allora: * Trova **Scorrevole a croce in vendita** * Toggle it **ON** * Fare clic **Salva** 💡 Se stai usando **Posizione personalizzata** posizionamento, è anche necessario aggiungere il **Upsell blocco trasversale** blocco app all'interno del tuo editor tema e inserire il tuo ID Upsell. Vedi 🔎 Come trovare l'ID di Upsell? se necessario. --- # **⚙️ Passo 1 — Creare o aprire un Upsell** Aprire **Hoppy Upsell & Cross Sell** app dalla tua Shopify Admin. Allora sia: → Cliccare **Crea nuovo upsell** per avviare una nuova configurazione e scegliere un posizionamento (**Pagina del prodotto**♪ **Pagina del carrello**♪ **Cassetto portaoggetti**o **Posizione personalizzata**) \- o... → Apri un upsell esistente dal tuo cruscotto per modificarlo L'impostazione Auto-Slide funziona allo stesso modo **tutti i tipi di posizionamento**, così si può utilizzare ovunque il widget appare 🙌 --- # **🛍️ Passo 2 — Scegli i tuoi prodotti Upsell** All'interno **Contenuto** scheda, prima decidere quali prodotti il cursore deve ruotare attraverso. Sotto **Selezionare prodotti upsell**, scegliere una delle opzioni disponibili: * **AI Upsell (Frequently Bought Together)** → tira automaticamente i prodotti correlati o complementari impostati in Shopify's Search & Discovery app * **Prodotti specifici** → hand-pick i prodotti esatti che si desidera promuovere * **Upsell Collezioni specifiche** → ruotare i prodotti da collezioni selezionate * **Upsell Stesso prodotto (come sulla pagina del prodotto)** → promuovere il prodotto attualmente visualizzato 💡 Auto-Slide brilla più luminoso quando il widget ha **prodotti multipli da mostrare** — con un solo prodotto, non c'è nulla da fare. ### **🔢 Numero massimo di prodotti** Quando si utilizza **AI Upsell** o **Upsell Collezioni specifiche**\# Vedrai anche una # **Numero massimo di prodotti** campo. Questo controlla quanti prodotti (fino a 10) sono caricati nel cursore per la rotazione. Per esempio, impostarlo a `5` significa fino a 5 prodotti consigliati prenderanno giri all'interno del widget. --- # **🎠 Passo 3 — Attiva lo scorrevole automatico** Ancora dentro **Contenuto** scheda, scorrere verso il **Auto Slide Upsell by Interval** impostazione. Questa discesa ha 2 opzioni: * **Abilitato** → il widget scorre automaticamente attraverso i vostri prodotti upsell * **Disabili** → il widget rimane su un prodotto fino a quando il cliente utilizza le frecce di navigazione L'impostazione è **Attivato per impostazione predefinita** per nuovi upsell. --- # **⏱️ Passo 4 — Impostare la durata dell'intervallo** Una volta **Scivolo automatico** è impostato su **Abilitato**, un nuovo campo appare proprio sotto di esso: **Durata dell'intervallo** 🕒 Questo numero controlla **quanti secondi ogni prodotto rimane sullo schermo** prima che il cursore si sposta al prossimo. * Valore predefinito: `5` secondi * Valori inferiori (ad es. `3`) → rotazione più rapida, più energia ⚡ * Valori più elevati (ad es. `8`–`10`) → rotazione più lenta, più tempo per leggere ogni offerta 🧘 💡 Un buon punto di partenza è **4–6 secondi** — abbastanza veloce da mostrare più prodotti, ma abbastanza lento per i clienti per leggere il titolo del prodotto, il prezzo e il pulsante. ℹ️ The **Durata dell'intervallo** campo appare solo mentre Auto Slide è impostato su **Abilitato**. Se si disattiva Auto Slide, il campo si nasconde automaticamente. --- # **💾 Fase 5 — Salva e Pubblica** Una volta tutto sembra buono: 1. Fare clic **Salva** nella barra di salvataggio in cima alla pagina 2. Fare clic **Pubblicazione** per rendere il upsell live sul tuo negozio Dopo la pubblicazione, verrà visualizzato un banner di conferma con collegamenti rapidi a **apri il tuo negozio** o **abilitare l'app incorporata** se non è ancora attivo. --- # **⚠️ Note importanti** * 🛑 Auto-Slide **si ferma per la visualizzazione della pagina corrente** non appena un visitatore interagisce con il cursore (frecce, toccare, trascinare o fare clic). Riavvia automaticamente la prossima volta che la pagina carica — per esempio, quando il visitatore naviga in un'altra pagina. * 👁️ L'anteprima all'interno dell'app mostra come il tuo widget sembra, ma il movimento scorrevole stesso è meglio verificato sul tuo **live store**. * 🔁 Il cursore **loop continuamente** — dopo l'ultimo prodotto, ritorna al primo automaticamente. * 🧭 The **frecce di navigazione sempre disponibili**, anche quando Auto-Slide è abilitato, quindi i clienti non perdono mai il controllo manuale. * 📱 Auto-Slide funziona su entrambi **desktop e mobile** negozi. --- # **🎉 Risultato finale** Il tuo widget upsell ora funziona come un carosello scorrevole automatico sul tuo negozio: * I prodotti ruotano automaticamente in base al tuo **Durata dell'intervallo** * I clienti possono prendere il sopravvento in qualsiasi momento utilizzando le frecce di navigazione * Più le vostre offerte vengono viste — senza prendere spazio di pagina extra 🚀 --- # **📚 Guide correlate** * 🎨 Upsell & Cross Sell – Design & Styling → Personalizzare il colore della freccia, le dimensioni, gli stili del pulsante, e altro ancora * 🎯 Opzioni di destinazione avanzate per Upsell & Cross Sell → controllare esattamente chi vede il vostro upsell e quando * 🌍 Upsell & Cross Sell — Traduzione → mostrare il contenuto del cursore in più lingue * Upsell & Cross Sell non mostra sul mio negozio \[Fixed\] → problemi di visibilità