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

# Discount code-Block

> Der Discount code-Block des Aftersell Cart — lass Käufer vor dem Checkout einen Rabattcode eingeben und anwenden.

> Der **Discount code**-Block ist ein Eingabefeld, in dem Käufer einen Promo-Code im Warenkorb eingeben und anwenden können, sodass sie den Rabatt sehen, bevor sie sich für den Checkout entscheiden.

<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="Discount code-Block mit Eingabefeld und Apply-Button im Cart-Drawer" width="1314" height="230" data-path="images/aftersell/cart-discount-code-block-input-apply.png" />
</Frame>

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

* Beim Anwenden wird der Code getrimmt, in Großbuchstaben umgewandelt und an Shopify übermittelt. Da Shopify die Anfrage unabhängig davon akzeptiert, ob der Code gültig ist, prüft der Block anschließend den Warenkorb erneut, um zu bestätigen, dass der Code tatsächlich angewendet wurde.
  * **Gültig** → das Feld wird geleert und der Rabatt angewendet.
  * **Ungültig** → der Block zeigt „Invalid discount code.“
* Wie sich ein Code mit anderen Rabatten kombiniert (automatische Rabatte, andere Codes), wird vollständig von Shopify gehandhabt — der Block wendet den Code lediglich an.
* Angewendete Codes werden im [**Summary**](/de/aftersell/cart/summary-block)-Block angezeigt, nicht hier.

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

| Einstellung     | Was sie steuert                                    | Standard        |
| --------------- | -------------------------------------------------- | --------------- |
| **Placeholder** | Der Platzhaltertext des Eingabefelds. Übersetzbar. | `Discount code` |
| **Button text** | Die Beschriftung des Apply-Buttons. Übersetzbar.   | `Apply`         |

<div id="placement-and-limits">
  ## Platzierung und Limits
</div>

* **Region:** Body oder unten.
* **Maximum:** 1 pro Warenkorb-Zustand — der gefüllte und der leere Warenkorb erhalten jeweils ihr eigenes Kontingent.
* **Zustand:** sowohl gefüllt als auch leer.
* Nicht standardmäßig hinzugefügt. Nicht gesperrt — du kannst ihn entfernen oder ausblenden.

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

Unterstützt ein [benutzerdefiniertes Template](/de/aftersell/cart/custom-templates) über seinen Code-Tab, das das integrierte Markup dieses Blocks durch dein JSX ersetzt. Das sind die Props, die er erhält.

| Prop                   | Typ                       | Wofür sie ist                                                                                |
| ---------------------- | ------------------------- | -------------------------------------------------------------------------------------------- |
| `discountCodeInput`    | `string`                  | Aktueller Wert des Eingabefelds.                                                             |
| `placeholder`          | `string`                  | Platzhalter, der im leeren Eingabefeld angezeigt wird.                                       |
| `buttonText`           | `string`                  | Beschriftung für den Apply-Button.                                                           |
| `isValidating`         | `boolean`                 | `true`, während ein übermittelter Code geprüft wird. Deaktiviere darauf dein Submit-Element. |
| `isInvalid`            | `boolean`                 | `true`, wenn der zuletzt übermittelte Code abgelehnt wurde.                                  |
| `setDiscountCodeInput` | `(value: string) => void` | Aktualisiert den Wert des Eingabefelds.                                                      |
| `handleSubmit`         | `(event: Event) => void`  | Übermittelt den aktuellen Code.                                                              |
| `isLoading`            | `boolean`                 | `true`, während der Warenkorb noch seinen ersten Fetch durchführt.                           |

<Warning>
  Verdrahte sowohl `setDiscountCodeInput` als auch `handleSubmit`. Ohne das Erste kann nicht ins Feld getippt werden; ohne das Zweite wird nie ein Code angewendet.
</Warning>

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

Style diesen Block über seinen **Design**-Abschnitt im Einstellungs-Panel. Das sind blockspezifische Overrides, die über deinem globalen Design liegen und darauf zurückfallen, wenn sie leer sind.

Was sind Design-Einstellungen? Erfahre mehr hier: [Design-Einstellungen](/de/aftersell/cart/design-settings).