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

# Widget di raccomandazione prodotti

> Configura il widget di raccomandazione prodotti della pagina di ringraziamento in Aftersell: scegli i prodotti, progetta l'offerta, applica sconti e imposta la gestione dell'ordine.

Il widget di raccomandazione prodotti mostra prodotti in upsell sulla pagina di ringraziamento dopo il checkout. Utilizzalo per promuovere prodotti specifici, generare raccomandazioni automatiche in base al contenuto del carrello o presentare una collezione. Questa pagina illustra ogni impostazione del widget. Per la configurazione completa del funnel e i passaggi nell'editor Shopify, consulta [Come configurare i widget della pagina di ringraziamento](/it/aftersell/how_can_i_set_up_and_customize_thank_you_page_upsells_in_aftersell).

Aggiungi il widget dalla sezione **Thank You Page** del tuo funnel cliccando su **Add Widget** e selezionando **Product Recommendation**.

A differenza degli upsell post-acquisto, le raccomandazioni prodotti della pagina di ringraziamento sono compatibili con **tutti i gateway di pagamento** e i **negozi multivaluta**. I clienti reinseriscono i propri dati di pagamento per completare l'acquisto dell'upsell, ma Aftersell applica automaticamente le loro informazioni di spedizione salvate per mantenere l'esperienza di checkout fluida.

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-editor-product-recommendation.gif?s=cd8c084de2e615bf735f29eb5c01374f" alt="Editor della pagina di ringraziamento di Aftersell con il widget di raccomandazione prodotti attivo e un prodotto selezionato" width="2600" height="1080" data-path="images/aftersell/typ-extensions-editor-product-recommendation.gif" />

## Selezione dei prodotti

1. Scegli il tuo metodo di selezione dei prodotti:
   * **Specific Products** - Seleziona manualmente i prodotti da mostrare
   * **Automatic Upsells** - Lascia che Aftersell raccomandi prodotti in base al contenuto del carrello
   * **Collections** - Mostra prodotti di una collezione specifica
   * **Strategy** - Popola il widget da un ruleset [Strategies](/it/aftersell/strategies_overview) di Aftersell. Questa opzione appare solo quando il targeting Strategies è attivo per il tuo negozio e non hai già scelto prodotti con un altro metodo.
2. Imposta il **numero massimo di prodotti** da mostrare. Non c'è un massimo fisso, ma mantenere il conteggio mirato (ad esempio, 4-10 prodotti) rende l'offerta facile da scorrere.
3. Abilita **Hide product if purchased** in modo che ai clienti non venga mostrato un prodotto che hanno già acquistato nello stesso ordine.
4. Abilita **Hide out of stock variants** per filtrare le varianti non disponibili in modo che i clienti vedano solo articoli che possono effettivamente acquistare.

Quando sfogli la scheda **Products** nel selettore prodotti, puoi spuntare **Active products only** per nascondere i prodotti Draft e Archived. Questo filtro è disattivato per impostazione predefinita e si applica solo alla scheda Products, le Collections non sono interessate.

### Modificare prodotti specifici

Per scegliere prodotti specifici, clicca su **Add upsell products** nell'editor del widget. Una volta selezionati i prodotti, l'etichetta del pulsante cambia in **Edit upsell products**.

Aprire il selettore quando i prodotti sono già selezionati mostra la tua selezione attuale pre-spuntata. Da lì puoi:

* **Aggiungere** nuovi prodotti spuntandoli.
* **Rimuovere** prodotti esistenti deselezionandoli.
* **Cancellare** l'intera selezione deselezionando tutti i prodotti.

Salvando il selettore, il widget viene riconciliato con quanto lasci selezionato: i prodotti aggiunti vengono inclusi, i prodotti deselezionati vengono rimossi e risalvare una selezione invariata non produce cambiamenti. Le righe di upsell Collection, AI e Strategy non vengono influenzate quando modifichi prodotti specifici.

## Display on

L'impostazione **Display on** controlla dove appare il widget dopo che un cliente ha completato il suo acquisto:

* **On every impression** - Mostra il widget sia sulla pagina di ringraziamento sia sulla pagina di stato dell'ordine.
* **Only on thank you page** - Mostra il widget solo sulla pagina di ringraziamento.
* **Only on order status page** - Mostra il widget solo sulla pagina di stato dell'ordine.
* **Only once on order status page** - Mostra il widget sulla pagina di stato dell'ordine una sola volta, invece che ad ogni visita.

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-recommendation-display-settings.gif?s=a7c3c5c98669d63e59100c05f33dd9f9" alt="Dropdown Display on del widget di raccomandazione prodotti, campo Max products e toggle per nascondere prodotto" width="1192" height="1080" data-path="images/aftersell/typ-extensions-recommendation-display-settings.gif" />

## Design dell'offerta

Le impostazioni **Offer design** controllano come le raccomandazioni di prodotti vengono presentate ai clienti.

* Scegli se i prodotti sono visualizzati in un layout **orizzontale** o **verticale** e regola elementi visivi come bordi, stili dei pulsanti e spaziatura per abbinarli al tuo checkout.
* Aggiungi **testo banner** sopra l'offerta per introdurre la raccomandazione, evidenziare un incentivo o fornire contesto per i prodotti mostrati.
* Configura la visualizzazione del **prezzo comparativo** e il colore utilizzato per i prezzi di saldo.
* Abilita un **selettore di quantità**, personalizza l'etichetta della quantità e imposta **limiti minimi o massimi di quantità**.

I prezzi Compare, Discount e Sale offrono due famiglie di colori:

* **Colori di branding del checkout** - Accent, Decorative, Info, Subdued
* **Colori predefiniti** - Success (verde), Warning (giallo), Critical (rosso)

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-compare-price-color-options.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=555ec0085917bccf174d689e0a9c725c" alt="Le opzioni di colore per il prezzo comparativo, sia dal tema sia dai nostri preset." width="282" height="284" data-path="images/aftersell/typ-extensions-compare-price-color-options.png" />
</Frame>

Alcune di queste impostazioni possono anche essere modificate tramite l'editor di checkout Shopify o da altre app che offrono questa funzionalità.

Due toggle completano la funzionalità Automatic Discount:

* **Show compare at price** - Mostra il prezzo "Compare at" con una linea barrata.
* **Show discount** - Mostra lo sconto sull'upsell.

## Sconti e gestione dell'ordine

### Sconti

Applica uno sconto direttamente all'upsell impostando una **percentuale** o un **importo fisso**. Lo sconto viene applicato automaticamente quando il cliente accetta l'offerta.

Personalizza come appare lo sconto con il **testo dello sconto** e il **colore del prezzo scontato**. I colori dello sconto possono utilizzare i colori di branding del checkout (Accent, Decorative, Info, Subdued) o un preset (Success, Warning, Critical). Se abilitato, la visualizzazione dello sconto può includere il **prezzo comparativo**, mostrato con una linea barrata per evidenziare il risparmio.

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-thank-you-upsell-offer.gif?s=41788af72c0b25ff35871242596c5f79" alt="Offerta di upsell della pagina di ringraziamento per un cappello che mostra il 43 percento di sconto con un prezzo comparativo barrato" width="2000" height="1080" data-path="images/aftersell/typ-extensions-thank-you-upsell-offer.gif" />

Gli sconti seguono le regole standard di sconto del checkout Shopify. Può essere applicato un solo sconto per riga a un prodotto alla volta, e gli sconti si combinano solo se contrassegnati come **combinable** in Shopify Admin. In alcuni casi, gli sconti potrebbero non essere applicati se un'altra app modifica il checkout. Consigliamo di testare il tuo checkout dopo aver abilitato gli sconti.

### Gestione dell'ordine

<a id="order-handling" />

La gestione dell'ordine controlla come un upsell accettato viene aggiunto all'ordine del cliente. Ci sono due opzioni, ciascuna con compromessi diversi.

* **Modify original order** - Aggiunge l'upsell direttamente all'ordine esistente. La spedizione gratuita viene applicata automaticamente. Puoi facoltativamente inviare un'email al cliente quando il suo ordine viene modificato.
* **Create new draft order** - Lascia l'ordine originale intatto e crea un ordine separato per l'upsell.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-order-handling-options.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=de2249c801aef599ce76686b46f91dec" alt="Opzioni di gestione dell'ordine per modificare l'ordine originale o creare un nuovo ordine bozza" width="828" height="722" data-path="images/aftersell/typ-extensions-order-handling-options.png" />
</Frame>

#### Quando scegliere ciascuna opzione

| Usa **Modify original order** quando...                           | Usa **Create new draft order** quando...                                                                                     |
| ----------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| Vuoi un'unica evasione per tutto ciò che il cliente ha acquistato | Vuoi rioffrire un prodotto che il cliente ha appena acquistato (ad esempio, lo stesso articolo con uno sconto post-acquisto) |
| Il tuo catalogo di upsell è distinto dai tuoi best-seller         | I tuoi articoli più venduti sono anche i tuoi principali candidati per l'upsell                                              |
| La spedizione gratuita sull'upsell è la priorità                  | Hai bisogno di un ordine separato per motivi di evasione o reportistica                                                      |
| I tuoi prodotti in upsell non sono bundle                         | I tuoi prodotti in upsell includono bundle                                                                                   |

<Warning>
  **"Modify original order" ha delle limitazioni.** Quando questa modalità è selezionata, nell'editor del widget appare un banner **Limitations** che elenca quanto segue:

  * **Gli upsell della stessa variante sono nascosti.** L'API di modifica dell'ordine di Shopify non consente varianti duplicate in un ordine. Se il cliente ha già la variante dell'upsell nel suo ordine originale, l'upsell viene nascosto dalla pagina di ringraziamento. Se un upsell viene nascosto per questo motivo, l'Order Browser segnala l'ordine interessato con un banner "Upsell hidden due to order merging".
  * **I prodotti bundle non possono essere aggiunti a un ordine esistente.** L'API di modifica dell'ordine di Shopify rifiuta i prodotti bundle. Quando una variante di upsell selezionata è un bundle, l'esito segue la tua impostazione **When the order can't be modified**:
    * Con **Hide the offer and block late acceptances**: l'upsell bundle viene nascosto e i clienti non possono acquistarlo tramite questa offerta.
    * Con **Hide the offer, but allow late acceptances as a new order** o **Keep showing the offer and sell it as a new order**: l'upsell bundle viene evaso come ordine bozza separato invece di essere unito all'ordine originale.

  Passa a **Create new draft order** se vuoi che i prodotti bundle o gli upsell della stessa variante siano sempre disponibili per i clienti.
</Warning>

#### Quando l'ordine non può essere modificato

Quando è selezionato **Modify original order**, alcuni ordini non possono essere modificati al momento in cui un cliente accetta l'upsell. Ci sono esattamente tre casi: l'ordine è stato **archiviato**, è **parzialmente pagato**, oppure è più vecchio della **finestra di scadenza** che imposti di seguito. L'impostazione **When the order can't be modified** controlla cosa succede in questi casi.

Un ordine **evaso** non è uno di questi, può ancora essere modificato, ma solo i prodotti in upsell che non richiedono spedizione possono essere uniti ad esso (vedi la nota più in basso).

| Opzione                                                       | Cosa fa                                                                                                                                                                                                                                                                                          |
| ------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Hide the offer and block late acceptances**                 | L'offerta viene nascosta una volta che l'ordine non può più essere modificato. Qualsiasi accettazione che arriva dopo che l'ordine diventa non idoneo viene bloccata.                                                                                                                            |
| **Hide the offer, but allow late acceptances as a new order** | L'offerta viene nascosta una volta che l'ordine non può più essere modificato. Se un cliente accetta appena prima che l'offerta si nasconda (un'accettazione nella race-window), l'upsell viene invece evaso come ordine bozza separato. Questa è l'impostazione predefinita per i nuovi widget. |
| **Keep showing the offer and sell it as a new order**         | L'offerta rimane visibile indipendentemente dal fatto che l'ordine possa essere modificato. Se l'ordine non può essere modificato, l'upsell accettato viene evaso come ordine bozza separato.                                                                                                    |

Le due opzioni di fallback creano un ordine bozza separato per l'upsell quando l'ordine originale non può essere modificato. Il cliente riceve un link di pagamento per completare l'acquisto come nuovo ordine.

#### Impostare una finestra di scadenza

Puoi impostare un limite di tempo su quanto a lungo un ordine rimane idoneo per l'unione. Utilizza il campo **Consider the order uneditable after** (situato sotto il selettore di comportamento in **Order handling**) per inserire un numero di minuti. Una volta trascorsi quei minuti dall'inserimento dell'ordine, l'ordine viene considerato non idoneo e si applica il comportamento **When the order can't be modified**.

Lascia il campo vuoto o impostalo su **0** per non farlo mai scadere: l'offerta rimane idonea per tutto il tempo in cui l'ordine stesso è modificabile.

Questo è utile quando il tuo flusso di evasione elabora gli ordini rapidamente e vuoi evitare di tentare l'unione in un ordine che probabilmente è già in lavorazione.

#### Altre cose da sapere su "Modify original order"

* La spedizione gratuita viene applicata automaticamente e non può essere disabilitata.
* L'ordine originale viene contrassegnato come **partially paid** finché il cliente non completa il pagamento per l'upsell aggiunto. Una volta catturato il pagamento, Shopify aggiorna automaticamente l'ordine.
* Se l'ordine è già stato evaso, non ha alcuna riga di spedizione o contiene solo articoli che non richiedono spedizione, solo i prodotti in upsell che **non richiedono spedizione** possono essere uniti ad esso. I prodotti che richiedono spedizione vengono esclusi dall'offerta su tali ordini.

### Spedizione gratuita

Puoi offrire la **spedizione gratuita** sui prodotti in upsell accettati per contribuire ad aumentare la conversione. Quando è abilitata, ai clienti non viene addebitata la spedizione per l'upsell, mentre le tue impostazioni di spedizione Shopify esistenti continuano ad applicarsi all'ordine originale.

Come si comporta il toggle Free shipping dipende dalla tua impostazione **Order handling**:

* **Modify original order** - La spedizione gratuita viene applicata automaticamente all'upsell accettato e il toggle non può essere disabilitato.
* **Create new draft order** - Il toggle Free shipping si applica all'ordine bozza separato creato per l'upsell. Quando è abilitato, l'ordine bozza viene creato senza addebiti di spedizione sulla riga dell'upsell. Lascia il toggle disattivato se vuoi che si applichino le tariffe di spedizione normali di Shopify a quel nuovo ordine.

Lo stesso comportamento si applica quando un fallback crea un ordine bozza separato sotto **Modify original order** (ad esempio, un upsell della stessa variante o bundle, o un'accettazione dopo che l'ordine diventa non modificabile): il toggle Free shipping controlla se l'ordine bozza viene creato senza addebiti di spedizione sull'upsell.

Puoi anche mostrare un **badge "Free Shipping"** sull'offerta e personalizzare il testo del badge per evidenziare il vantaggio.
