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

> Aftersell Cart Discount code-blokken — lad kunder indtaste og anvende en rabatkode før checkout.

> **Discount code**-blokken er et inputfelt, hvor kunder kan indtaste og anvende en promokode i carten, så de ser rabatten afspejlet, før de går til 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="Discount code-blok med inputfelt og Apply-knap i cart-skuffen" width="1314" height="230" data-path="images/aftersell/cart-discount-code-block-input-apply.png" />
</Frame>

<div id="behavior">
  ## Adfærd
</div>

* Ved anvendelse trimmes koden, skrives med store bogstaver og sendes til Shopify. Fordi Shopify accepterer anmodningen, uanset om koden er gyldig eller ej, gentjekker blokken derefter carten for at bekræfte, at koden faktisk blev anvendt.
  * **Gyldig** → feltet ryddes, og rabatten anvendes.
  * **Ugyldig** → blokken viser "Invalid discount code."
* Hvordan en kode stables med andre rabatter (automatiske rabatter, andre koder) håndteres udelukkende af Shopify — blokken anvender bare koden.
* Anvendte koder vises i [**Summary**](/da/aftersell/cart/summary-block)-blokken, ikke her.

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

| Indstilling     | Hvad den styrer                                | Standard        |
| --------------- | ---------------------------------------------- | --------------- |
| **Placeholder** | Inputfeltets pladsholdertekst. Kan oversættes. | `Discount code` |
| **Button text** | Anvend-knappens etiket. Kan oversættes.        | `Apply`         |

<div id="placement-and-limits">
  ## Placering og grænser
</div>

* **Region:** brødtekst eller bund.
* **Maksimum:** 1 pr. cart-tilstand — den fyldte cart og den tomme cart har hver deres egen kvote.
* **Tilstand:** både fyldt og tom.
* Ikke tilføjet som standard. Ikke låst — du kan fjerne eller skjule den.

<div id="custom-template">
  ## Tilpasset skabelon
</div>

Understøtter en [tilpasset skabelon](/da/aftersell/cart/custom-templates) fra sin Code-fane, som erstatter denne bloks indbyggede markup med din JSX. Dette er de props, den modtager.

| Prop                   | Type                      | Hvad den bruges til                                                            |
| ---------------------- | ------------------------- | ------------------------------------------------------------------------------ |
| `discountCodeInput`    | `string`                  | Inputfeltets aktuelle værdi.                                                   |
| `placeholder`          | `string`                  | Pladsholder vist i det tomme inputfelt.                                        |
| `buttonText`           | `string`                  | Etiket til anvend-knappen.                                                     |
| `isValidating`         | `boolean`                 | `true`, mens en indsendt kode tjekkes. Deaktivér din indsend-kontrol på denne. |
| `isInvalid`            | `boolean`                 | `true`, når den senest indsendte kode blev afvist.                             |
| `setDiscountCodeInput` | `(value: string) => void` | Opdaterer inputværdien.                                                        |
| `handleSubmit`         | `(event: Event) => void`  | Indsender den aktuelle kode.                                                   |
| `isLoading`            | `boolean`                 | `true`, mens carten stadig udfører sin første hentning.                        |

<Warning>
  Kobl både `setDiscountCodeInput` og `handleSubmit`. Uden den første kan der ikke skrives i feltet; uden den anden anvendes en kode aldrig.
</Warning>

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

Stil denne blok med dens **Design**-sektion i indstillingspanelet. Dette er tilsidesættelser pr. blok, der lægges oven på dit globale design og falder tilbage til det, når de er tomme.

Hvad er designindstillinger? Læs mere her: [Designindstillinger](/da/aftersell/cart/design-settings).