> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Libreria delle posizioni HTML di Upcart

> Scopri dove appariranno HTML e JavaScript personalizzati nel cart drawer.

<div id="overview">
  # Panoramica
</div>

Upcart ti consente di inserire HTML o JavaScript in posizioni specifiche del carrello usando l'editor **Custom HTML**. Questo ti dà pieno controllo su layout, visibilità e contenuti condizionali all'interno dell'esperienza del carrello.

Usa questa guida per capire come si comporta ogni posizione e dove apparirà il tuo contenuto.

<div id="available-html-locations">
  ## Posizioni HTML disponibili
</div>

<div id="above-announcementsrewards">
  #### **Above announcements/rewards**
</div>

Viene visualizzato direttamente sotto l'header del carrello, prima di qualsiasi modulo.\
Usalo per aggiungere messaggi a livello di sito, avvisi o banner dinamici.

<div id="below-headerannouncementsrewards">
  #### **Below header/announcements/rewards**
</div>

Viene mostrato subito dopo i moduli Annunci e Ricompense, e appena prima dell'elenco dei prodotti.

<div id="between-each-line-item">
  #### **Between each line item**
</div>

Ripete il tuo HTML dopo ogni prodotto nel carrello.\
Ideale per mostrare avvertenze o informazioni aggiuntive specifiche per prodotto.

<div id="below-cart-items">
  #### **Below cart items**
</div>

Viene visualizzato sotto l'elenco dei prodotti, dopo tutti gli articoli del carrello. Usalo per messaggi, banner o contenuti personalizzati che devono apparire sotto i prodotti ma sopra gli upsell e gli add-on.

<div id="above-footeradd-ons">
  #### **Above footer/add-ons**
</div>

Appare sotto l'elenco dei prodotti e gli upsell, ma sopra la sezione Add-on.\
Ottimo per messaggi che introducono offerte di garanzia o protezione della spedizione.

<div id="above-checkout-button">
  #### **Above checkout button**
</div>

Viene mostrato nell'area del footer, appena sopra il pulsante di checkout e il subtotale.\
Spesso usato per mostrare dettagli sui prezzi, avvisi di spedizione o termini.

<div id="below-checkout-button">
  #### **Below checkout button**
</div>

Anch'esso nel footer, posizionato dopo il pulsante di checkout e prima dei pulsanti di pagamento express. Gli add-on vengono visualizzati in cima al footer, ben al di sopra di questo.\
Utile per CTA secondarie o note legali.

<div id="bottom-of-cart">
  #### **Bottom of cart**
</div>

Viene visualizzato fuori dall'area del footer, in fondo al cart drawer.\
Non eredita il colore di sfondo del footer.

<div id="on-empty-cart-screen">
  #### **On empty cart screen**
</div>

Viene mostrato solo quando il carrello è vuoto.\
Appare direttamente **sotto** il messaggio "Your cart is empty" e sopra il modulo delle raccomandazioni — utile per una riga di supporto o un link verso una collezione.

<div id="scripts-before-load">
  #### **Scripts (Before Load)**
</div>

Posizionamento invisibile usato per eseguire JavaScript **prima** che il carrello si carichi.\
Usalo per definire variabili, impostare condizioni o modificare il comportamento di Upcart.

* Tutti i posizionamenti di HTML personalizzato sono gestiti in:\
  **Upcart > Cart Editor > Settings > Custom HTML**

<div id="visual-reference">
  ## Riferimento visivo
</div>

Per capire chiaramente dove viene visualizzata ogni posizione all'interno del carrello, fai riferimento al layout etichettato qui sotto

<Frame>
  <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/html-locations-labeled-cart-drawer.gif?s=fd801e149233b51066ee15010556c375" alt="Cart drawer di Upcart etichettato che mostra dove viene visualizzata ogni posizione di HTML personalizzato" width="700" height="1080" data-path="images/upcart/html-locations-labeled-cart-drawer.gif" />
</Frame>