Skip to main content
Het Express payments-blok toont versnelde checkout-knoppen (zoals Shop Pay, PayPal, Google Pay of Apple Pay) in de winkelwagen, zodat shoppers de express-betaalopties zien die je winkel al aanbiedt en direct kunnen doorspringen naar een one-tap checkout.

​
Gedrag

  • Het blok rendert niet zijn eigen knoppen. Het toont Shopify’s eigen versnelde checkout-knoppen in de drawer, dus welke methoden verschijnen wordt volledig bepaald door de betaalconfiguratie van je winkel.
  • Als je winkel geen versnelde betaalmethoden heeft ingeschakeld, wordt er niets gerenderd. Schakel express-methoden (Shop Pay, PayPal, enzovoort) in via je Shopify-instellingen.
  • Je thema heeft meestal ook een eenmalige code-aanpassing nodig. Het blok kloont Shopify’s versnelde checkout-knoppen vanaf je storefront-pagina, dus die knoppen moeten daar in de eerste plaats worden gerenderd.
  • In de editor toont het blok een placeholder in plaats van de live knoppen.

​
De thema-snippet toevoegen

Het instellingenpaneel van het blok heeft een sectie Show recommended guide to edit your theme code met de exacte snippet en een Copy code-knop. In het kort:
  1. Open de code-editor van je thema en daarna layout/theme.liquid.
  2. Zoek de regel met <body> en voeg er een nieuwe regel onder toe.
  3. Plak de snippet die het paneel je geeft. Deze rendert Shopify’s versnelde checkout-knoppen in een verborgen container, zodat de winkelwagen iets heeft om te klonen.
  4. Sla op.

​
Instellingen

​
Plaatsing en limieten

  • Regio: onderkant.
  • Maximum: 1 per winkelwagenstaat.
  • Staat: alleen gevulde winkelwagen.
  • Niet standaard toegevoegd. Niet vergrendeld — je kunt het verwijderen of verbergen.

​
Aangepaste template

Het Express payments-blok ondersteunt geen aangepaste template, omdat het Shopify’s eigen betaalknoppen host. Style het in plaats daarvan via de Design-instellingen van het blok.

​
Design

Style dit blok via 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 design-instellingen? Lees er hier meer over: Design-instellingen.