🚀 Come configurare Product Upsell
ℹ️ 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 aumentare il valore medio dell'ordine (AOV) raccomandando i prodotti giusti al momento giusto? 🛍️
Questo è esattamente ciò che Prodotto Upsell (Slider) offerta tipo in Hoppy Bundles è progettato per.
Con questa offerta, è possibile visualizzare un bellissimo cursore prodotto sulle pagine del prodotto che raccomanda prodotti aggiuntivi ai vostri clienti, come ad esempio:
- 🧠 Raccomandazioni AI-powered (Prodotti correlati o complementari)
- 🎯 Prodotti specifici selezionati a mano che si desidera promuovere
I clienti possono aggiungere prodotti consigliati al loro carrello direttamente dal cursore — senza mai lasciare la pagina del prodotto ✨
In questa guida, ti guideremo attraverso la configurazione completa, passo dopo passo, quindi il tuo cursore upsell è in diretta in pochi minuti ⚙️
📋 Prima di iniziare
Prima di creare il primo Product Upsell, assicurarsi di avere il seguente pronto:
- ✅ Hoppy Bundles installato sul tuo Shopify negozio
- ✅ Un'idea dura di Prodotti si desidera raccomandare (o se si desidera AI per decidere per voi)
- ✅ (Solo per AI Upsell) Il libero Shopify Ricerca & app Discovery installato — questo è dove Shopify memorizza le raccomandazioni relative e complementari dei prodotti
ℹ️ Il prodotto Upsell slider fa non creare eventuali sconti. I prodotti consigliati sono aggiunti al carrello al loro prezzo regolare — è puramente uno strumento di raccomandazione del prodotto 💡
✅ Passo iniziale — Abilitare l'app incorporato
Per il cursore upsell per apparire sul tuo negozio, il Hoppy Bundles app embed deve essere abilitato all'interno del Shopify tema.
Vai a:
Shopify Admin → Online Store → Temi → Modifica Tema → App Embeds
Da lì:
- Aprire App Embeds sezione dalla barra laterale sinistra
- Trova il Hoppy Bundles App embed
- Toggle it ON ✅
- Fare clic Salva
⚠️ Non preoccuparti se salti questo passo — dopo aver pubblicato la tua offerta, Hoppy Bundles vi mostrerà un banner promemoria con un diretto Abilitare App Embed pulsante che ti porta direttamente al posto giusto nell'editor tema.
⚙️ Passo 1 — Creare un nuovo prodotto Upsell offerta
Dal Hoppy Bundles app dashboard:
- Fare clic Crea nuova offerta
- Sulla Selezionare il tipo di offerta schermo, trovare il Prodotto Upsell (Slider) carta 🏷️
- Fare clic Crea Upsell Slider
Ti atterrerai sulla Crea Upsell Slider pagina di configurazione.
La pagina di configurazione è divisa in due aree:
- Lato sinistro → Le tue impostazioni, organizzate in 3 schede: Generale♪ Designe Targeting & Placement
- Lato destro → anteprima live del tuo cursore su entrambi 🖥️ Desktop e 📱 Mobile, che si aggiorna istantaneamente mentre si modificano le impostazioni
💡 Ogni cambiamento che fai si riflette nell'anteprima in tempo reale — sentitevi liberi di sperimentare!
🏷️ Passo 2 — Nome della vostra offerta & Impostare il titolo Slider
Sulla Generale scheda, iniziare con le basi:
Nome dell'offerta
Questo nome è solo visibile a te all'interno dell'app — i clienti non lo vedono mai. Usa qualcosa di riconoscibile per il tuo riferimento, come:
- Collezione Estate Upsell
- Accessori Slider
Titolo Slider
Questo è il cliente in testa vedrà sopra il cursore sul tuo negozio.
Il titolo predefinito è “Puoi anche piacere”, ma si può cambiare a qualsiasi cosa ti piace, come ad esempio:
- Completa il look
- Coppia bene con
- I clienti hanno acquistato anche
⚠️ The Slider Titolo è richiesto — se lo lasciate vuoto, vedrete un “Il titolo principale è richiesto” errore e non sarà in grado di salvare.
🔢 Passo 3 — Configurare le impostazioni dello slider
Ancora sulla Generale scheda, la Impostazioni impostazioni controlli sezione quanti prodotti sono visibili subito all'interno del cursore:
- Prodotti per slide (Desktop) → Quanti prodotti mostrano per diapositiva sugli schermi desktop (default: 3)
- Prodotti per slide (Mobile) → Quanti prodotti mostrano per diapositiva su dispositivi mobili (default: 2)
ℹ️ Se si seleziona più prodotti che si adattano a una diapositiva, i clienti possono scorrere o navigare attraverso il cursore per vedere il resto — in modo da non avere paura di aggiungere un sacco di raccomandazioni.
🛍️ Passo 4 — Selezionare i prodotti di upsell
Questo è il cuore della vostra offerta ❤️ — scelta Prodotti ottenere consigliato all'interno del cursore.
Hai due opzioni:
Opzione 1 — Upsell Prodotti specifici (default)
Hand-pick i prodotti esatti che si desidera raccomandare:
- Seleziona Prodotti specifici
- Fare clic Seleziona i prodotti
- ShopifyIl raccoglitore di prodotto si aprirà — ricerca e selezionare uno o più prodotti
- Conferma la selezione ✅
I vostri prodotti scelti appariranno come un elenco sotto il pulsante, e immediatamente in anteprima dal vivo.
💡 Questa opzione è perfetta quando si desidera il pieno controllo — per esempio, consigliando sempre gli accessori corrispondenti su una specifica pagina del prodotto.
Opzione 2 — AI Upsell (Frequently Bought Together)
Lascia perdere Shopify’ AI decidere quali prodotti consigliare per ogni pagina del prodotto automaticamente.
Quando si seleziona questa opzione, due tipi di raccomandazione diventano disponibili:
- Prodotti correlati → Prodotti simili a quello visualizzato
- Prodotti complementari → Prodotti che vanno bene insieme a quello che viene visto
⚠️ Importante: AI Upsell utilizza le raccomandazioni che si configurano gratuitamente Shopify Ricerca & app Discovery. Vedrete un banner promemoria con un Ricerca aperta e scoperta pulsante — utilizzare per impostare i prodotti correlati o complementari per prodotto, altrimenti il cursore potrebbe non avere nulla da mostrare.
Numero massimo di prodotti
Quando viene selezionato AI Upsell, viene visualizzato un campo aggiuntivo:
Numero massimo di prodotti → Il numero massimo di prodotti consigliati mostrati nel cursore (fino a 10).
⚠️ Alza la testa! Interruttore tra Prodotti specifici e AI Upsell chiarisce la tua attuale selezione di prodotti. Scegli il tuo approccio prima, quindi seleziona i prodotti.
🌍 Fase 5 — Traduzioni (opzionale)
Vendere in più lingue? The Traduzione: sezione sulla scheda Generale consente di tradurre i testi cursore per ciascuna delle lingue del tuo negozio.
Questo passaggio è completamente facoltativo durante la configurazione — si può sempre tornare a esso più tardi. Per una passeggiata completa, controlla il nostro dedicato Guida alla traduzione 📖
🎨 Passo 6 — Personalizzare il disegno (opzionale)
Passare al Design scheda per rendere il cursore abbinare perfettamente il vostro marchio 🎨
Ecco una rapida panoramica di ciò che è possibile personalizzare:
- Fonti → Utilizzare il carattere tema (default) o scegliere da una grande lista di font
- Tipografia e colori → Dimensione del testo, peso e colore per il titolo del cursore, titoli di prodotto, prezzi, e il pulsante Aggiungi al carrello
- Border → Larghezza di confine e rotondità di angolo (radio) delle schede di prodotto
- Sfondo e colori di confine → Per entrambe le schede di prodotto e il pulsante
Tutte le modifiche si aggiornano istantaneamente nell'anteprima dal vivo sulla destra 🖥️📱
ℹ️ Il design predefinito sembra già pulito dalla scatola, in modo da poter saltare in sicurezza durante la prima configurazione e affinarlo in seguito. Per una profonda immersione in ogni opzione di styling, controlla il nostro dedicato Design & Styling guide 📖
📍 Passo 7 — Scegli il posto
Passare al Targeting & Placement scheda e decidere dove appare il cursore.
Hai due opzioni di collocamento:
Aggiungi al pulsante Cart (Default)
Il cursore viene posizionato automaticamente sotto il Aggiungi al carrello pulsante sulle pagine del prodotto. Nessun lavoro extra necessario — questa è l'opzione consigliata per la maggior parte dei negozi ✅
Personalizzato (solo sulla pagina del prodotto)
Scegli questo se vuoi posizionare il cursore manualmente, ovunque ti piaccia nella pagina del prodotto.
Quando selezionato, l'app mostra due cose:
- Hoppy Bundles ID → Utilizzare questo ID con il Hoppy Bundles blocco app nel tuo editor tema per aggiungere, rimuovere o riposizionare il cursore
- Hoppy Bundles codice → Un piccolo
<div>snippet puoi incollare ovunque nel tuo codice tema
⚠️ L'ID e il codice snippet appaiono solo dopo aver salvato o pubblicato l'offerta — quindi salvare prima, poi copiarli.
🎯 Fase 8 — Set Targeting & Scheduling (opzionale)
Ancora sulla Targeting & Placement scheda, troverete controlli opzionali per chi è vede il cursore e quando 👇
👤 Obiettivo del cliente
Controllo che i clienti vedono il cursore:
- Visibilità (Customer Login Status) → Mostra a tutti i clienti, o solo ai clienti registrati
- Mostra bar a → Tutti i clienti, clienti con uno specifico tag cliente (ad es.
premium, wholesale), o clienti superiori a determinati durata della vita importo - Nascondi la barra da → Escludi facoltativamente i clienti per tag o vita passata
🌍 Geolocalizzazione Targeting
- Tutto il mondo (default) → Mostra il cursore ai visitatori di ogni paese
- Paesi specifici → Cliccare Paesi selezionati per aprire il raccoglitore di paese, cercare e selezionare esattamente dove il cursore dovrebbe apparire
🗓️ Scheduling
Perfetto per le campagne a tempo limitato:
- Inizio → Adesso. (default) o un Data specifica e tempo
- Fine → Mai (default) o un Data specifica e tempo
ℹ️ Tutte queste opzioni di destinazione sono facoltative. Per la maggior parte dei negozi, i predefiniti (mostrare a tutti, ovunque, sempre) funzionano benissimo per cominciare. Per le configurazioni avanzate, controlla il nostro dedicato Guida mirata 📖
🚀 Passo 9 — Salva e Pubblica
Hai quasi finito! 🎉
Salva la tua offerta
Ogni volta che si fanno cambiamenti, un Salva la barra appare nella parte superiore della pagina:
- Fare clic Salva per memorizzare la vostra offerta come Progetto 📝
- Fare clic Discorso per cambiare
⚠️ Su una nuova offerta, la Pubblicazione pulsante rimane disabilitato fino a quando non hai salvato almeno una volta — così colpito Salva Prima.
Pubblica la tua offerta
Una volta salvato, fare clic Pubblicazione nell'angolo in alto a destra per far vivere il cursore sul tuo negozio 🚀
Dopo la pubblicazione, Hoppy Bundles mostra un banner di conferma:
- Se il app embed non è ancora abilitato, si vedrà un “Fare in modo che App Embed sia attivo” banner con un Abilitare App Embed pulsante — fare clic su di esso e attivare l'incorporato (vedere la fase iniziale sopra)
- Se tutto è attivo, clicca Open Store per vedere il tuo cursore in diretta su una pagina del prodotto ✨
Puoi. Unpubling in qualsiasi momento per prendere il cursore offline senza perdere le impostazioni.
⚠️ Note e suggerimenti importanti
- 💰 Non sono applicati sconti — il cursore Upsell del prodotto raccomanda i prodotti al loro prezzo regolare. Se vuoi pacchetti scontati, controlla il nostro Bundle o Quantità di rottura offrire tipi invece
- 🧠 AI Upsell ha bisogno di ricerca e scoperta — senza prodotti correlati/complementari configurati nel Shopify Ricerca & app Discovery, il cursore AI può apparire vuoto
- 🔄 Attivare il tipo di upsell ripristina la selezione — cambiamento tra Prodotti specifici e AI Upsell chiarisce i prodotti che hai scelto
- 🗑️ Cancellare è permanente — il Cancella azione (in cima alla pagina di modifica) rimuove l'offerta e le sue statistiche di analisi per sempre. Questo non può essere annullato
- 📄 Duplica offre facilmente — utilizzare Duplicare azione su qualsiasi offerta esistente per creare una copia e modificarla, invece di iniziare da zero
🎉 Risultato finale
Questo è tutto — il prodotto Upsell slider è vivo! 🥳
I vostri clienti ora vedranno un bellissimo cursore di raccomandazione del prodotto sulle vostre pagine di prodotto, proprio dove l'avete posizionato. Possono sfogliare raccomandazioni e aggiungere prodotti al loro carrello con un solo clic — aumentando il vostro AOV sul pilota automatico 📈
Dal Hoppy Bundles cruscotto, è possibile:
- ✏️ Modifica l'offerta in qualsiasi momento per cambiare prodotti, design o targeting
- 📊 Prestazioni per vedere come si convertono i tuoi upsell
- ⏸️ Unpubling ogni volta che si desidera interrompere l'offerta
Buon divertimento! 🚀
Aggiornato il: 10/09/2026
Grazie!