🎠 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 portaoggettio 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:
5secondi - 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:
- Fare clic Salva nella barra di salvataggio in cima alla pagina
- 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à
Aggiornato il: 15/09/2026
Grazie!