> ## 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 Discount code

> Il blocco Discount code di Aftersell Cart: consenti agli acquirenti di inserire e applicare un codice sconto prima del checkout.

> Il blocco **Discount code** è un campo dove gli acquirenti possono inserire e applicare un codice promozionale nel carrello, così vedono lo sconto riflesso prima di procedere al checkout.

<Frame>
  <img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/cart-discount-code-block-input-apply.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=ac5730766b756fdf99c2fc9f65ac202b" alt="Blocco Discount code con campo di inserimento e pulsante Apply nel cart drawer" width="1314" height="230" data-path="images/aftersell/cart-discount-code-block-input-apply.png" />
</Frame>

<div id="behavior">
  ## Comportamento
</div>

* All'applicazione, il codice viene ripulito dagli spazi, convertito in maiuscolo e inviato a Shopify. Poiché Shopify accetta la richiesta sia che il codice sia valido o no, il blocco ricontrolla poi il carrello per confermare che il codice sia stato effettivamente applicato.
  * **Valido** → il campo si svuota e lo sconto viene applicato.
  * **Non valido** → il blocco mostra "Invalid discount code."
* Come un codice si combina con altri sconti (sconti automatici, altri codici) è gestito interamente da Shopify — il blocco si limita ad applicare il codice.
* I codici applicati vengono mostrati nel blocco [**Summary**](/it/aftersell/cart/summary-block), non qui.

<div id="settings">
  ## Impostazioni
</div>

| Impostazione    | Cosa controlla                                         | Predefinito     |
| --------------- | ------------------------------------------------------ | --------------- |
| **Placeholder** | Il testo segnaposto del campo. Traducibile.            | `Discount code` |
| **Button text** | L'etichetta del pulsante di applicazione. Traducibile. | `Apply`         |

<div id="placement-and-limits">
  ## Posizionamento e limiti
</div>

* **Regione:** corpo o inferiore.
* **Massimo:** 1 per stato del carrello — il carrello pieno e il carrello vuoto hanno ciascuno il proprio limite.
* **Stato:** sia pieno sia vuoto.
* Non è aggiunto per impostazione predefinita. Non è bloccato — puoi rimuoverlo o nasconderlo.

<div id="custom-template">
  ## Template personalizzato
</div>

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 prop che riceve.

| Prop                   | Tipo                      | A cosa serve                                                                                                  |
| ---------------------- | ------------------------- | ------------------------------------------------------------------------------------------------------------- |
| `discountCodeInput`    | `string`                  | Valore corrente del campo.                                                                                    |
| `placeholder`          | `string`                  | Segnaposto mostrato nel campo vuoto.                                                                          |
| `buttonText`           | `string`                  | Etichetta del pulsante di applicazione.                                                                       |
| `isValidating`         | `boolean`                 | `true` mentre un codice inviato è in fase di verifica. Disabilita il tuo controllo di invio in base a questo. |
| `isInvalid`            | `boolean`                 | `true` quando l'ultimo codice inviato è stato rifiutato.                                                      |
| `setDiscountCodeInput` | `(value: string) => void` | Aggiorna il valore del campo.                                                                                 |
| `handleSubmit`         | `(event: Event) => void`  | Invia il codice corrente.                                                                                     |
| `isLoading`            | `boolean`                 | `true` mentre il carrello sta ancora facendo il primo fetch.                                                  |

<Warning>
  Collega sia `setDiscountCodeInput` sia `handleSubmit`. Senza il primo, non si può scrivere nel campo; senza il secondo, il codice non viene mai applicato.
</Warning>

<div id="design">
  ## Design
</div>

Personalizza 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 vi ricadono quando sono vuoti.

Cosa sono le impostazioni di design? Scopri di più qui: [Impostazioni di design](/it/aftersell/cart/design-settings).