Skip to main content
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.

​
Adfærd

  • 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, som du kan abonnere på.

​
Indstillinger

​
Placering og grænser

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

​
Tilpasset skabelon

Understøtter en tilpasset skabelon fra sin Code-fane, som erstatter denne bloks indbyggede markup med din JSX. Dette er de props, den modtager.
En tilpasset checkout-knap mister checkout-sporing. Den indbyggede knap tilknytter en klik-handler, der udsender SDK-checkout-eventet og registrerer konverteringen til cart-analyser. 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 eller tilpasset CSS, medmindre du virkelig har brug for anden markup.
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.

​
Design

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.