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

# Blok kodu rabatowego

> Blok Discount code w Aftersell Cart — pozwól kupującym wpisać i zastosować kod rabatowy przed checkoutem.

> Blok **Discount code** to pole, w którym kupujący mogą wpisać i zastosować kod promocyjny w koszyku, dzięki czemu widzą rabat jeszcze przed przejściem do checkoutu.

<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="Blok kodu rabatowego z polem tekstowym i przyciskiem Apply w szufladzie koszyka" width="1314" height="230" data-path="images/aftersell/cart-discount-code-block-input-apply.png" />
</Frame>

<div id="behavior">
  ## Działanie
</div>

* Po zastosowaniu kod jest przycinany, zamieniany na wielkie litery i wysyłany do Shopify. Ponieważ Shopify akceptuje żądanie niezależnie od tego, czy kod jest prawidłowy, blok następnie ponownie sprawdza koszyk, aby potwierdzić, że kod faktycznie się zastosował.
  * **Prawidłowy** → pole się czyści, a rabat zostaje zastosowany.
  * **Nieprawidłowy** → blok pokazuje „Invalid discount code.”
* To, jak kod łączy się z innymi rabatami (rabaty automatyczne, inne kody), obsługuje w całości Shopify — blok jedynie stosuje kod.
* Zastosowane kody są pokazywane w bloku [**Summary**](/pl/aftersell/cart/summary-block), nie tutaj.

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

| Ustawienie      | Co kontroluje                                         | Domyślnie       |
| --------------- | ----------------------------------------------------- | --------------- |
| **Placeholder** | Tekst zastępczy pola. Podlega tłumaczeniu.            | `Discount code` |
| **Button text** | Etykieta przycisku zastosowania. Podlega tłumaczeniu. | `Apply`         |

<div id="placement-and-limits">
  ## Umiejscowienie i limity
</div>

* **Region:** treść lub dół.
* **Maksimum:** 1 na stan koszyka — wypełniony koszyk i pusty koszyk mają osobne limity.
* **Stan:** zarówno wypełniony, jak i pusty.
* Nie jest dodawany domyślnie. Nie jest zablokowany — możesz go usunąć lub ukryć.

<div id="custom-template">
  ## Szablon niestandardowy
</div>

Obsługuje [szablon niestandardowy](/pl/aftersell/cart/custom-templates) z karty Code, który zastępuje wbudowaną strukturę tego bloku twoim JSX. Oto propsy, które otrzymuje.

| Prop                   | Typ                       | Do czego służy                                                                            |
| ---------------------- | ------------------------- | ----------------------------------------------------------------------------------------- |
| `discountCodeInput`    | `string`                  | Bieżąca wartość pola.                                                                     |
| `placeholder`          | `string`                  | Tekst zastępczy pokazywany w pustym polu.                                                 |
| `buttonText`           | `string`                  | Etykieta przycisku zastosowania.                                                          |
| `isValidating`         | `boolean`                 | `true`, gdy wysłany kod jest sprawdzany. Wyłącz na tej podstawie swój przycisk wysyłania. |
| `isInvalid`            | `boolean`                 | `true`, gdy ostatni wysłany kod został odrzucony.                                         |
| `setDiscountCodeInput` | `(value: string) => void` | Aktualizuje wartość pola.                                                                 |
| `handleSubmit`         | `(event: Event) => void`  | Wysyła bieżący kod.                                                                       |
| `isLoading`            | `boolean`                 | `true`, gdy koszyk wciąż wykonuje pierwsze pobieranie.                                    |

<Warning>
  Podłącz zarówno `setDiscountCodeInput`, jak i `handleSubmit`. Bez pierwszego nie da się pisać w polu; bez drugiego kod nigdy nie zostanie zastosowany.
</Warning>

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

Stylizuj ten blok w sekcji **Design** w panelu ustawień. To nadpisania per blok, które nakładają się na twój globalny design i wracają do niego, gdy są puste.

Czym są ustawienia designu? Dowiedz się więcej tutaj: [Ustawienia designu](/pl/aftersell/cart/design-settings).