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

# Express payments block

> The Aftersell Cart Express payments block: surface Shop Pay, PayPal, and other accelerated checkout buttons inside the drawer.

> The **Express payments** block shows accelerated checkout buttons (such as Shop Pay, PayPal, Google Pay, or Apple Pay) inside the cart, giving shoppers the express payment options your store already offers so they can skip straight to a one-tap checkout.

## Behavior

* The block **doesn't render its own buttons.** It surfaces Shopify's own accelerated-checkout buttons inside the drawer, so which methods appear is determined entirely by your store's payment setup.
* **If your store has no accelerated payment methods enabled, nothing renders.** Enable express methods (Shop Pay, PayPal, and so on) in your Shopify settings.
* **Your theme usually needs a one-time code change too.** The block *clones* Shopify's accelerated-checkout buttons out of your storefront page, so those buttons have to be rendered there in the first place.
* In the editor, the block shows a placeholder in place of the live buttons.

### Adding the theme snippet

The block's settings panel has a **Show recommended guide to edit your theme code** section with the exact snippet and a **Copy code** button. In short:

1. Open your theme's code editor, then `layout/theme.liquid`.
2. Find the `<body>` line and add a new line below it.
3. Paste the snippet the panel gives you. It renders Shopify's accelerated-checkout buttons in a hidden container, so the cart has something to clone.
4. Save.

## Settings

| Setting                       | What it controls                                                                                     | Default  |
| ----------------------------- | ---------------------------------------------------------------------------------------------------- | -------- |
| **Default button height**     | The button height on desktop, in pixels.                                                             | `42`     |
| **Mobile button height**      | The button height on mobile, in pixels.                                                              | `42`     |
| **Checkout button alignment** | `left`, `center`, `right`, or `space-between`. Applies only when the buttons fit on one row.         | `center` |
| **Row gap**                   | Vertical spacing between rows, in pixels. Applies only when the buttons wrap onto more than one row. | `8`      |

## Placement and limits

* **Region:** bottom.
* **Maximum:** 1 per cart state.
* **State:** filled cart only.
* Not added by default. Not locked — you can remove or hide it.

## Custom template

The Express payments block does **not** support a custom template, because it hosts Shopify's own payment buttons. Style it with the block's Design settings instead.

## Design

Style this block with its **Design** section in the settings panel. These are per-block overrides that layer on top of your global design and fall back to it when blank.

What are design settings? Learn more here: [Design settings](/aftersell/cart/design-settings).
