Add express checkout buttons to the cart drawer

Add the Express checkout block. Shopify then shows the wallets your store has on, like Shop Pay, PayPal, Apple Pay and Google Pay. They sit above or below the checkout button. Saving a live cart with the block on adds one small file to your live theme.

Before you start

Turn on your wallets in Shopify's payment settings. The block shows only wallets your store has on.

Set it up

1. In Shopify admin, open Apps → Section Store → Cart Drawer.
2. Click Edit on your cart.
3. Under Footer, click Add block and pick Express checkout. The card starts with its switch on.
4. Click the card to open it.
5. Set Position: Below checkout or Above checkout.
6. Set Layout: Row or Stacked.
7. Click Save. On a live cart, we add one small file to your live theme.
8. Open your storefront, add a product and open the drawer. The buttons load when the drawer opens.

The preview in the cart editor shows example buttons, not real ones.

The small theme file

Saving a live cart with this block on adds one small section file to your live theme: sections/section-store-express-checkout.liquid. Shopify needs it to draw the buttons. You don't see it in the theme editor. It shows nothing by itself.

We add the file again if you publish another theme. The file stays when you turn the block off. It does no harm.

How it works

• Shopify decides which wallets each shopper sees. For example, Apple Pay needs a supported device.
• The buttons check out the whole cart, gifts and addons included.
• They hide while the cart is empty.
• With Row, the buttons share one line. On a narrow screen they wrap onto a second line, or the row scrolls sideways. No button gets squeezed.

Not the same as payment icons

The Payment icons block shows pictures of cards and wallets. The shopper can't click them. Express checkout shows working buttons.

If it doesn't work

See the article below for each cause.

Related

• Why don't express checkout buttons show in my cart?
• Add payment icons to the cart drawer
• Change the subtotal and checkout button in the cart drawer

Also searched as: shop pay button in cart, paypal button in cart, apple pay in cart, google pay in cart, dynamic checkout buttons, accelerated checkout, wallet buttons, quick checkout, one click checkout, fast checkout buttons, pay buttons in drawer, section-store-express-checkout.liquid, express chekout