Skip to main content
Het Checkout button-blok is de primaire call-to-action in de cart-footer die shoppers naar de checkout brengt en hun een duidelijk, prominent pad van de cart naar de checkout geeft. Het is een verplicht blok.

​
Gedrag

  • De knop bepaalt een gelokaliseerde, marktcorrecte checkout-URL, zodat shoppers in de checkout van de juiste markt terechtkomen. Als die niet bepaald kan worden, valt hij terug op de standaard /checkout-link.
  • Met Go to cart page instead of checkout ingeschakeld linkt de knop in plaats daarvan naar /cart.
  • Klikken navigeert via JavaScript zodat de eigen cart-afhandeling van een thema het niet kan onderscheppen, terwijl intenties voor een nieuw tabblad (Cmd/Ctrl-klik, middelklik) worden gerespecteerd.
  • De klik verstuurt het SDK-checkout-event, waarop je je kunt abonneren.

​
Instellingen

​
Plaatsing en limieten

  • Regio: onder.
  • Maximum: 1 per cart-status.
  • Status: alleen gevulde cart.
  • Vergrendeld en standaard toegevoegd. De Checkout-knop kan niet worden verwijderd of verborgen, alleen verplaatst binnen de footer.

​
Aangepaste template

Ondersteunt een aangepaste template via het tabblad Code, die de ingebouwde markup van dit blok vervangt door jouw JSX. Dit zijn de props die het ontvangt.
Een aangepaste checkout-knop verliest checkout-tracking. De ingebouwde knop koppelt een klik-handler die het SDK-checkout-event verstuurt en de conversie registreert voor cart-analytics. Die handler wordt niet doorgegeven aan aangepaste templates, dus navigeren via alleen href slaat beide over.Als je het event nodig hebt, verstuur het dan zelf vanuit een onClick vóór de navigatie. Attributierapportage kan op deze manier nog steeds niet worden hersteld, dus geef de voorkeur aan het herstylen van de ingebouwde knop met designinstellingen of aangepaste CSS, tenzij je echt andere markup nodig hebt.
Render href zoals het is in plaats van er een standaardwaarde aan te geven. Een <a> zonder href is inert, wat in de editor het juiste gedrag is.

​
Design

Style dit blok met de sectie Design in het instellingenpaneel. Dit zijn overrides per blok die bovenop je globale design komen en erop terugvallen wanneer ze leeg zijn. Wat zijn designinstellingen? Lees er hier meer over: Designinstellingen.