> ## 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. # Blocco Shipping protection > Il blocco Shipping protection dell'Aftersell Cart: un add-on di protezione opt-in che registra la scelta sull'ordine. > Il blocco **Shipping protection** offre un add-on di protezione della spedizione opt-in che gli acquirenti possono attivare nel carrello, permettendo loro di aggiungere protezione contro danni, perdita o furto durante la spedizione e registrando quella scelta sull'ordine per i tuoi strumenti di evasione o gestione reclami.
## Comportamento
* Aggiungere la protezione fa due cose: aggiunge una **riga di prodotto Shopify reale** per il prodotto di protezione, e imposta un attributo del carrello `_shipping_protected` a `true`. * **Quell'attributo sopravvive al checkout e arriva sull'ordine** come attributo nota dell'ordine (`_shipping_protected`), così i tuoi strumenti di evasione o reclami possono distinguere quali ordini sono protetti. * Gli acquirenti possono sia aggiungere sia rimuovere la protezione con il controllo, qualunque tipo di visualizzazione tu scelga. * **Se non esiste alcuna variante di protezione utilizzabile, il blocco non renderizza nulla** invece di mostrare un controllo che darebbe errore al clic.
## Impostazioni
| Impostazione | Cosa controlla | Default | | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | | **Title** | Intestazione in rich text. Supporta `{{product_title}}` e `{{price}}`. | `{{product_title}}` | | **Price label** | La riga del prezzo, mostrata sotto il titolo. Supporta `{{product_title}}` e `{{price}}`. Svuota questo campo per nascondere del tutto la riga del prezzo. | `{{price}}` | | **Description** | Testo di supporto. | `Protect your order from damage, loss, or theft during shipping.` | | **Price** | Il prezzo della protezione (numerico, imposta l'importo addebitato). | `2.5` | | **Product** | Il prodotto di protezione (provisionato dall'app). | — | | **Display type** | Come appare il controllo: **Toggle** o **Checkbox**. | Toggle |
## Posizionamento e limiti
* **Regione:** body o bottom. * **Massimo:** 1 per stato del carrello. * **Stato:** solo carrello pieno. * Non aggiunto di default. Non bloccato — puoi rimuoverlo o nasconderlo.
## Template personalizzato
Supporta un [template personalizzato](/it/aftersell/cart/custom-templates) dalla sua scheda Code, che sostituisce il markup integrato di questo blocco con il tuo JSX. Queste sono le props che riceve. | Prop | Tipo | A cosa serve | | ----------------- | ------------------------------------ | ------------------------------------------------------------------------------------------------- | | `isEnabled` | `boolean` | Se la protezione della spedizione è attualmente nel carrello. | | `isPending` | `boolean` | `true` mentre l'aggiunta o la rimozione è in corso. Disabilita il tuo controllo su questo. | | `title` | `string` | Titolo in testo semplice. Il fallback quando non c'è un titolo rich text. | | `titleHtml` | `string` | HTML del titolo rich text sanificato. Vuoto quando assente. | | `descriptionHtml` | `string` | HTML della descrizione rich text sanificato. Vuoto quando assente. | | `priceHtml` | `string \| null` | HTML del prezzo rich text sanificato dal campo prezzo dedicato. `null` quando quel campo è vuoto. | | `priceLabel` | `string` | Etichetta del prezzo formattata. Vuota quando il prezzo non viene mostrato. | | `imageUrl` | `string` | Immagine della protezione. Vuota quando assente. | | `ctaText` | `string` | Etichetta del pulsante, per il formato `button`. | | `format` | `'button' \| 'checkbox' \| 'toggle'` | Come l'acquirente aderisce. Ramifica il tuo markup su questo. | | `handleAdd` | `() => void` | Aggiunge la protezione al carrello. Per il formato `button`. | | `handleToggle` | `() => void` | Attiva e disattiva la protezione nel carrello. Per `checkbox` e `toggle`. | | `isLoading` | `boolean` | `true` mentre il carrello sta ancora facendo il suo primo fetch. | `format` decide quale handler si applica: `handleAdd` per `button`, `handleToggle` per `checkbox` e `toggle`. Collegare quello sbagliato lascia il controllo inerte per i merchant che hanno scelto l'altro formato.
## Design
Definisci lo stile di questo blocco con la sua sezione **Design** nel pannello delle impostazioni. Si tratta di override per singolo blocco che si sovrappongono al tuo design globale e ricadono su di esso quando sono vuoti.
### Text
La sezione **Text** in Design ti consente di controllare la tipografia di tre elementi. Usa il selettore **Text element** per passare da uno all'altro. **Title** — l'intestazione della protezione. Supporta anche una famiglia di font personalizzata. Il grassetto e il colore del testo si impostano nel Rich Text Editor sopra (nella scheda Settings), non qui. | Impostazione | Cosa controlla | Predefinito | | ------------------ | --------------------------------------- | ------------------ | | **Font** | Famiglia di font per il titolo. | Ereditato dal tema | | **Size** | Dimensione del font. | `15px` | | **Line height** | Moltiplicatore dell'altezza della riga. | `1.33` | | **Letter spacing** | Spaziatura tra i caratteri. | Normal | **Price** — la riga del prezzo. Il grassetto e il colore del testo si impostano nel Rich Text Editor sopra. | Impostazione | Cosa controlla | Predefinito | | ------------------ | --------------------------------------- | ----------- | | **Size** | Dimensione del font. | `15px` | | **Line height** | Moltiplicatore dell'altezza della riga. | `1.33` | | **Letter spacing** | Spaziatura tra i caratteri. | Normal | **Description** — il testo di supporto. Il grassetto e il colore del testo si impostano nel Rich Text Editor sopra. | Impostazione | Cosa controlla | Predefinito | | ------------------ | --------------------------------------- | ----------- | | **Size** | Dimensione del font. | `14px` | | **Line height** | Moltiplicatore dell'altezza della riga. | `1.29` | | **Letter spacing** | Spaziatura tra i caratteri. | Normal | Cliccando un elemento di testo direttamente nell'anteprima del carrello lo evidenzi e apri automaticamente i suoi controlli nel pannello. Cosa sono le impostazioni di design? Scopri di più qui: [Impostazioni di design](/it/aftersell/cart/design-settings).