ℹ️ 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.

# Upsell & Cross Sell widget per apparire esattamente dove Tu sei desiderarlo — non solo nei punti di default? 🎯

Questo è esattamente ciò che Posizione personalizzata opzione in Hoppy Upsell & Cross Sell è progettato per.

Invece di fare affidamento sul posizionamento automatico dell'app, Custom Position consente di decidere la posizione precisa del widget utilizzando:

• 🧩 Un tema Blocco dell'app (nessuna codifica necessaria)
• 📝 A codice è possibile incollare in una sezione Liquido personalizzato o i file tematici

Questo è perfetto quando si desidera che il widget di sedersi tra sezioni specifiche — per esempio, proprio sotto la descrizione del prodotto, all'interno di una scheda, o sopra i totali del carrello — così si fonde naturalmente nel design del vostro negozio ✨

🗺️ Dove funziona la posizione personalizzata

La posizione personalizzata può essere utilizzata nelle seguenti pagine:

• Pagina del prodotto → ovunque all'interno del modello di prodotto
• Pagina del carrello → ovunque all'interno del carrello

ℹ️ La posizione personalizzata è supportata solo sulla Pagina del prodotto e Pagina del carrello. Cassetto portaoggetti è reso dinamicamente dal vostro tema, così i blocchi app non possono essere posizionati all'interno di esso — per il cassetto del carrello, utilizzare il dedicato Cassetto portaoggetti Il tipo di posizionamento invece.

✅ Prima di iniziare

Assicurarsi che i seguenti siano in posizione prima di impostare una posizione personalizzata:

• The Upsell Cross-Sell Slider app incorporato è abilitato nel vostro tema → Shopify Admin → Online Store → Temi → Modifica tema → App incorpora → Upsell Cross-Sell Slider → ON → Salva

⚠️ Senza l'app incorporata, lo script del widget non carica mai — quindi nulla apparirà, anche se il blocco è posizionato correttamente.

• Hai il tuo ID upsell pratico. Non so dove trovarlo? Vedi 🔎 Come trovare l'ID di Upsell?.

🛠️ Passo 1 — Abilita la posizione personalizzata nell'app

Ci sono due modi per attivare Posizione personalizzata — scegliere quale corrisponde alla tua situazione.

Opzione A — Creare una nuova posizione personalizzata

Aprire Hoppy Upsell & Cross Sell app, quindi:

→ Cliccare Crea nuovo upsell

→ Sulla schermata del tipo di posizionamento, selezionare Posizione personalizzata

Questo crea un nuovo upsell il cui posizionamento è già impostato su Posizione doganale — configurare il suo contenuto e il suo design come al solito, quindi posizionarlo sul tuo tema nelle prossime fasi.

Opzione B — Interruttore di un upsell esistente in posizione personalizzata

Ho già un Pagina del prodotto o Pagina del carrello Salire? Puoi convertirlo:

→ Aprire il upsell dal vostro cruscotto → Vai al Luogo scheda → Visualizza su (Incluso), aprire il menu a tendina e selezionare Posizione doganale

💡 Passare a Posizione doganale sgombera il posizionamento automatico, quindi il widget apparirà solo dove si inserisce te stesso nel tema.

💾 Passo 2 — Salva per ottenere il tuo ID Upsell & Codice Snippet

Posizione personalizzata funziona abbinando il tuo posizionamento a tema a un upsell specifico utilizzando il suo ID upsell.

Dopo aver selezionato Posizione doganale:

→ Cliccare Salva

Una volta salvato, il Luogo scheda rivela due elementi pronti alla copia:

• ID upsell → l'ID unico di questo upsell (con un pulsante di copia 📋)
• Codice di vendita → uno snippet HTML pronto (anche con un pulsante di copia)

ℹ️ Questi appaiono solo dopo aver salvato. Se si vede "Salva di vedere Upsell ID e codice snippet", basta premere Salva prima.

🧩 Passo 3 — Posizionare il Widget sul tema

Ora scegliere come si desidera posizionare il widget. Entrambi i metodi funzionano modello di prodotto e il modello carrello.

Metodo 1 — Utilizzo del blocco dell'app a tema (consigliato)

Questo è il modo più semplice, senza codice 🎉

→ Vai a Shopify Admin → Online Store → Temi → Modifica tema → Dall'alto a discesa, aprire il modello in cui si desidera il widget:

• Prodotti → Prodotto predefinito (per pagine di prodotto)
• Carrello (per la pagina del carrello)

→ Nel pannello di sinistra, fare clic Aggiungi blocco o Aggiungi sezione) → Sotto Apps, selezionare Upsell blocco trasversale

→ Nelle impostazioni del blocco, incolla il tuo ID upsell nel ID upsell campo → Trascinare il blocco alla posizione preferita ⬆️⬇️ → Cliccare Salva

💡 Subito dopo aver pubblicato un upsell, l'applicazione mostra anche un Aggiungi App Block pulsante di scelta rapida nel banner di conferma — apre il tuo editor tema direttamente con il blocco pronto ad aggiungere.

⚠️ Se il ID upsell campo è lasciato vuoto, il blocco visualizza un “Si prega di configurare l'ID Upsell per utilizzare App Block.” segnaposto invece del widget — quindi incolla sempre l'ID.

Metodo 2 — Utilizzo di un blocco liquido personalizzato / Snippet di codice

Preferire più controllo, o desidera che il widget da qualche parte blocchi app non sono disponibili? Utilizzare il codice snippet invece.

→ Nell'editor tema, aggiungere un Liquido personalizzato blocco o sezione dove si desidera il widget → Codice di vendita hai copiato dall'app. Sembra questo:

Traduzione:

→ Cliccare Salva

L'applicazione trova automaticamente questo segnaposto sulla pagina e rende il widget upsell corrispondente all'interno di esso — anche se il tema ri-renders la sezione più tardi 🔄

💡 Puoi anche incollare il cecchino direttamente nei file Liquid del tuo tema (ad esempio all'interno di una sezione del prodotto personalizzato) se sei un codice di editing confortevole.

📌 Note importanti e avvisi

• ⚠️ App embed deve rimanere ON — entrambi i metodi dipendono dal Scorrevole a croce in vendita app embed essendo abilitato.
• ⚠️ Progettato per le pagine del prodotto e del carrello — La posizione personalizzata è costruita e supportata per le pagine del prodotto e la pagina del carrello. Il widget rende ovunque trovi il segnaposto blocco/snippet sulla pagina, quindi solo posizionarlo su quei modelli - posizionarlo altrove (come la home page o le collezioni) non è supportato e può produrre risultati inaspettati.
• 💡 Un ID = un upsell — l'ID Upsell all'interno del blocco o snippet decide quale upsell mostra. Per visualizzare un upsell diverso, scambiare nel suo ID.
• 💡 Posizioni multiple — è possibile aggiungere lo stesso blocco o snippet in più di un punto (ad esempio pagina del prodotto e pagina carrello) utilizzando lo stesso ID Upsell.
• ⚠️ Pubblica il tuo upsell — l'aumento deve essere pubblicato nell'app, altrimenti nulla rende sul negozio.
• ℹ️ Le condizioni di visualizzazione sono ancora applicabili — regole di destinazione come lo stato di login del cliente, la geolocalizzazione, il valore del carrello, o la pianificazione sono ancora rispettate in posizioni personalizzate. Vedi 🎯 Opzioni di destinazione avanzate per Upsell & Cross Sell per i dettagli.

🎉 Risultato finale

Una volta che tutto è impostato:

✅ Il tuo widget upsell appare esattamente dove hai posizionato il blocco o snippet ✅ Si aggiorna automaticamente con il contenuto, la progettazione e le impostazioni di destinazione dall'app ✅ È possibile spostare, rimuovere o re-add il posizionamento in qualsiasi momento dall'editor tema — non c'è bisogno di toccare l'app di nuovo

Ecco cosa sembra in una pagina del prodotto:

🛟 Risoluzione dei problemi

Se il widget non si presenta dopo il posizionamento:

• 🔎 Controllare il App embed è abilitato e salvato
• 🔎 Confermare ID upsell nel blocco corrisponde al upsell che hai pubblicato
• 🔎 Assicurarsi di aver posizionato il blocco su un prodotto o carrello modello
• 🔎 Verificare che il upsell sia pubblicato e non programmato al di fuori della data corrente

Ancora bloccata? Check Upsell & Cross Sell non mostra sul mio negozio [Fixed] per una lista di controllo completa.

📚 Guide correlate

• 🔎 Come trovare l'ID di Upsell?
• 🎨 Upsell & Cross Sell – Design & Styling
• 🎯 Opzioni di destinazione avanzate per Upsell & Cross Sell
• Upsell & Cross Sell non mostra sul mio negozio [Fixed]

Aggiornato il: 15/09/2026