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

# Checkout button-blok

> Aftersell Cart Checkout button-blokken: den påkrævede footer-CTA, der sender kunder til checkout.

> **Checkout button**-blokken er det primære call-to-action i cartens footer, der fører kunder til checkout og giver dem en klar, fremtrædende vej fra carten til checkout. Det er en påkrævet blok.

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

* Knappen finder en **lokaliseret, markedskorrekt checkout-URL**, så kunder lander i det rigtige markeds checkout. Hvis det ikke kan afgøres, falder den tilbage til standard-linket `/checkout`.
* Med **Go to cart page instead of checkout** aktiveret linker knappen til `/cart` i stedet.
* Klik navigerer via JavaScript, så et temas egen cart-håndtering ikke kan opsnappe det, samtidig med at intentioner om ny fane respekteres (Cmd/Ctrl-klik, midterklik).
* Klikket udsender SDK-[`checkout`-eventet](/da/aftersell/cart/sdk-events), som du kan abonnere på.

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

| Indstilling                             | Hvad den styrer                                                                | Standard                     |
| --------------------------------------- | ------------------------------------------------------------------------------ | ---------------------------- |
| **Button label**                        | Etiket i ren tekst indtastet i et tekstområde. Understøtter `{{total_price}}`. | `Checkout • {{total_price}}` |
| **Go to cart page instead of checkout** | Sender kunder til din `/cart`-side i stedet for direkte til checkout.          | Fra                          |

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

* **Region:** bund.
* **Maksimum:** 1 pr. cart-tilstand.
* **Tilstand:** kun fyldt cart.
* **Låst og tilføjet som standard.** Checkout-knappen kan ikke fjernes eller skjules, kun flyttes inden for footeren.

<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                                                                                                         |
| ----------- | --------------------- | --------------------------------------------------------------------------------------------------------------------------- |
| `label`     | `string`              | Knapetiketten som saneret HTML, med `{{total_price}}` udfyldt.                                                              |
| `href`      | `string \| undefined` | Checkout-URL'en. `undefined` i editorens forhåndsvisning, hvor der ikke er noget at navigere til.                           |
| `isLoading` | `boolean`             | Altid `false` her: blokken viser sin indbyggede skeleton under indlæsning og kalder først din skabelon, når carten er klar. |

<Warning>
  **En tilpasset checkout-knap mister checkout-sporing.** Den indbyggede knap tilknytter en klik-handler, der udsender SDK-[`checkout`-eventet](/da/aftersell/cart/sdk-events#checkout) og registrerer konverteringen til [cart-analyser](/da/aftersell/cart/analytics). Den handler videregives ikke til tilpassede skabeloner, så navigation via `href` alene springer begge over.

  Hvis du har brug for eventet, skal du selv udsende det fra en `onClick` før navigation. Attributionsrapportering kan stadig ikke genskabes på denne måde, så foretræk at restyle den indbyggede knap med [designindstillinger](/da/aftersell/cart/design-settings) eller [tilpasset CSS](/da/aftersell/cart/custom-css), medmindre du virkelig har brug for anden markup.
</Warning>

Render `href` som den er i stedet for at give den en standardværdi. Et `<a>` uden `href` er inaktivt, hvilket er den korrekte adfærd i editoren.

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