> ## 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 il Tempo Upsell & Cross Sell in una posizione personalizzata > ℹ️ **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\]