> ## 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.

# Guida rapida a Upcart

> Scopri come attivare Upcart, abilitare le funzionalità principali e pubblicare il tuo cart drawer.

Questa guida ti accompagna nella configurazione di Upcart con i suoi moduli principali, dalla personalizzazione visiva all'attivazione sul tuo negozio online.

Upcart sostituisce visivamente il cart drawer del tuo tema, ma **non si integra con il cart drawer o la pagina del carrello del tuo tema**. La pagina del carrello di Shopify resterà comunque accessibile.

<div id="managing-modules">
  # **Gestione dei moduli**
</div>

Ogni modulo di Upcart può essere **abilitato o disabilitato facilmente**. Ti basta cliccare sul pulsante **Enable/Disable** nell'angolo in alto a destra per attivare o disattivare un modulo in qualsiasi momento. Le modifiche hanno effetto immediato una volta salvate.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-announcements-module-row-disabled.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=454a834d8ea953a99ba987dfdb80499a" alt="Riga del modulo Announcements contrassegnata come Disabled con una freccia che indica il pulsante Enable" width="1548" height="210" data-path="images/upcart/quickstart-announcements-module-row-disabled.png" />

<div id="cart-design">
  # Design del carrello
</div>

Quando apri per la prima volta il Cart Editor di Upcart, ti troverai nel [modulo Design](/it/upcart/design_module). Qui puoi personalizzare i colori di base del drawer per abbinarli al branding del tuo negozio.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-cart-editor-design-module.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=e15c4d0893916f9200cf1884c1d0adfe" alt="Modulo Design del Cart Editor di Upcart con le impostazioni dei colori accanto a un'anteprima live del cart drawer" width="600" data-path="images/upcart/quickstart-cart-editor-design-module.png" />

<div id="announcements">
  # Annunci
</div>

Per mostrare un messaggio nel carrello o un timer per il conto alla rovescia, vai su **Body > [Announcements](/it/upcart/announcements_module)**.

Nell'angolo in alto a destra, clicca su **Enable**. Il badge accanto al nome del modulo passa da **Disabled** ad **Active**.

Inserisci il tuo messaggio nel campo **Announcement Text** e configura il timer se necessario.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-announcement-settings-timer-text.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=2a726b39f6ea92d5899e2aae2968c2d1" alt="Impostazioni degli annunci con timer, campo del testo dell'annuncio e opzioni colore" width="645" height="679" data-path="images/upcart/quickstart-announcement-settings-timer-text.png" />

Assicurati di usare la variabile `{TIMER}` per i conti alla rovescia all'interno del testo dell'annuncio per garantirne il corretto funzionamento (ad es. "Questa offerta è disponibile solo per {TIMER}."). Evita di copiare testo formattato direttamente da strumenti di terze parti.

Una volta terminato, assicurati di cliccare su **Save** nell'angolo in alto a destra.

<div id="theme-level-issues">
  #### Problemi a livello di tema
</div>

* **Conflitti di CSS o app:** assicurati che proprietà CSS come `display: none;` non stiano nascondendo la barra degli annunci. Verifica inoltre che app di terze parti non stiano sovrascrivendo queste impostazioni.
* **Visibilità del testo:** verifica che il colore del testo della barra degli annunci sia in contrasto con lo sfondo e, se necessario, regolalo nelle impostazioni del tuo tema.

<div id="advanced-debugging-steps">
  #### Passaggi di debug avanzati
</div>

Per problemi persistenti, controlla gli errori della console del browser alla ricerca di problemi di script che interessano la barra degli annunci e disabilita temporaneamente le app di terze parti per individuare i conflitti.

<div id="rewards">
  # Premi
</div>

Per mostrare una barra di avanzamento che incoraggia i clienti a spendere di più, abilita il modulo Rewards.

<div id="general-settings">
  ### **Impostazioni generali**
</div>

Imposta i colori del tuo brand e il messaggio mostrato una volta raggiunto l'ultimo livello di premio.

Scegli una base di calcolo dei premi nella scheda **Rewards calculation** sotto General settings:

* **Cart total (\$)**: tiene traccia del valore totale del carrello
* **Cart quantity (#)**: tiene traccia della quantità di articoli

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-rewards-module-general-settings.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=d702c06541f1304d2d2e742f79d62140" alt="Impostazioni generali del modulo Rewards con i colori della barra e i campi del messaggio di completamento" width="600" data-path="images/upcart/quickstart-rewards-module-general-settings.png" />

<div id="tier-settings">
  ### **Impostazioni dei livelli**
</div>

Scegli il tipo di premio:

* [**Shipping**](https://help.shopify.com/en/manual/fulfillment/setup/shipping-rates/flat-shipping-rates): sblocca la spedizione gratuita al raggiungimento del livello
* [**Discount**](https://help.shopify.com/en/manual/discounts/discount-types): sblocca uno sconto al raggiungimento del livello
* [**Product**](/it/upcart/set_up_a_free_product_reward_tier_in_upcart): aggiunge un prodotto al carrello

Se l'avanzamento dei livelli viene misurato prima o dopo gli sconti si imposta una sola volta per l'intera barra, tramite la casella **Use pre-discounted prices for cart total** in **Rewards calculation** — non è una proprietà del tipo di premio.

Imposta una soglia minima per attivare il premio e personalizza il campo **Title before achieving tier**. Puoi creare fino a **quattro livelli di premio**.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-rewards-settings-reward-type.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=2085093e9f85cdd42ed163fab7d726db" alt="Impostazioni dei livelli con il selettore del tipo di premio, l'importo minimo e i campi del titolo del livello" width="600" data-path="images/upcart/quickstart-rewards-settings-reward-type.png" />

<Note>
  Questo screenshot è precedente alle etichette attuali: mostra la sezione come "Rewards settings" e il campo come "Text before achieving". I controlli sono gli stessi — ora si chiamano **Tier settings** e **Title before achieving tier**.
</Note>

<div id="upsells">
  # Upsell
</div>

Abilita **Use AI Recommended Upsells**, seleziona l'algoritmo **Related** e attiva **Smart Variant Matching** per preselezionare le varianti di prodotto corrispondenti in base al contenuto del carrello.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-upsells-settings-ai-recommended.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=65cddd8e07bfe9e9805ce76e43377ab3" alt="Impostazioni degli upsell con gli upsell consigliati dall'AI, l'algoritmo Related e lo smart variant matching abilitati" width="600" data-path="images/upcart/quickstart-upsells-settings-ai-recommended.png" />

Personalizza il titolo della sezione e l'etichetta del pulsante **Add**.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-upsell-fields-maximum-upsells.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=58ad7bd0311baa003f3ea5dae376505d" alt="Campi degli upsell per il numero massimo di upsell da mostrare e il testo del titolo della sezione" width="600" data-path="images/upcart/quickstart-upsell-fields-maximum-upsells.png" />

<div id="add-ons">
  # Add-on
</div>

Per mostrare un add-on con interruttore nel footer, puoi abilitare una di queste opzioni:

<div id="shipping-protection">
  ### **Protezione della spedizione**
</div>

Seleziona **Shipping Protection** e configura livelli di prezzo dinamici in base al valore del carrello.\
Questo crea un prodotto reale nel tuo catalogo Shopify.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-shipping-protection-add-settings.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=a8432cf06443d21b7c341a0942ef7d7e" alt="Impostazioni dell'add-on Shipping Protection con titolo, descrizione e livelli di prezzo" width="862" height="708" data-path="images/upcart/quickstart-shipping-protection-add-settings.png" />

<div id="product-add-on">
  ### **Add-on prodotto**
</div>

Passa alla scheda **Product Add-On** e seleziona un prodotto esistente da proporre come upsell.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-product-add-on-energy-drink.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=d7eaf37fa102b147636bfae244fef54c" alt="Scheda dell'add-on prodotto con un prodotto Energy Drink selezionato e il pulsante Change Product" width="862" height="428" data-path="images/upcart/quickstart-product-add-on-energy-drink.png" />

<div id="activating-upcart-on-your-store">
  # Attivare Upcart sul tuo negozio
</div>

<div id="step-one-make-your-cart-live">
  ### Passaggio uno: pubblica il tuo carrello
</div>

Una volta configurato tutto, vai su **Manage All Carts** > seleziona il carrello che vuoi rendere attivo > clicca su **Publish**.

Una volta pubblicato, il carrello si sposta nella sezione live della tabella dei carrelli. Mostra un badge di avviso **"App embed off"** finché non abiliti l'app embed di Upcart nel tuo tema, che è il passaggio successivo. Con l'embed attivo, il badge diventa un badge verde **"Live"** che conferma che il carrello è visibile sul tuo negozio online.

<Note>
  L'app embed controlla se il cart drawer di Upcart viene mostrato sul tuo negozio online. Se hai configurato degli sconti, quelle regole restano attive tramite il sistema di sconti di Shopify anche quando l'app embed è disabilitato.
</Note>

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-publish-cart-confirmation.gif?s=e8cc3d709577ee5a1ab9848afb9f6269" alt="Pubblicazione di un carrello in Upcart con la finestra di conferma Publish aperta" width="2008" height="1080" data-path="images/upcart/quickstart-publish-cart-confirmation.gif" />

<div id="step-two-enable-theme-app-embed">
  ### **Passaggio due: abilita il Theme App Embed**
</div>

Per attivare Upcart sul tuo tema, vai su **Shopify Admin → Online Store → Themes → Customize → App embeds**, abilita l'app embed **Upcart** e clicca su **Save**.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-app-embed-toggle.gif?s=9244c8509f67622ebb4e1cc2af7ecebb" alt="Attivazione dell'interruttore Upcart Cart Drawer nel pannello App embeds del tema Shopify" width="1352" height="1080" data-path="images/upcart/quickstart-app-embed-toggle.gif" />

Se riscontri problemi o incontri problemi di compatibilità, non esitare a contattare la nostra **chat di supporto** per ricevere assistenza.
