> ## Documentation Index
> Fetch the complete documentation index at: https://docs.assortion.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Displaying express checkout buttons in cart

> Enable express checkout options for faster customer purchases

Express checkout buttons allow customers to skip the traditional checkout process and complete their purchase quickly using payment methods like Apple Pay, Google Pay, or Shop Pay.

## Implementation

To enable express checkout buttons in your cart, you'll need to add a small code snippet to your theme.

<Steps>
  <Step title="Access theme code">
    From your Shopify admin, go to **Online Store** → **Themes** → **Actions** → **Edit code**
  </Step>

  <Step title="Open theme.liquid">
    In the **Layout** folder, click on `theme.liquid` to open it
  </Step>

  <Step title="Add the code">
    Find the `</head>` closing tag and add the following code as a new line just before it:

    ```liquid theme={null}
    {% if additional_checkout_buttons %}
    <div style="display: none !important">
        {{ content_for_additional_checkout_buttons }}
    </div>
    {% endif %}
    ```
  </Step>

  <Step title="Save changes">
    Click **Save** to apply the changes to your theme
  </Step>
</Steps>

## How It Works

This code snippet:

* Checks if express checkout buttons are available (`{% if additional_checkout_buttons %}`)
* Renders the checkout button content in a hidden div
* Allows Assortion's cart to control when and how these buttons are displayed

<Info>
  The div is set to `display: none !important` so that Assortion can manage the visibility and positioning of express checkout buttons within your custom cart.
</Info>

## Benefits

<CardGroup cols={2}>
  <Card icon="bolt" title="Faster Checkout">
    Customers can complete purchases in seconds
  </Card>

  <Card icon="mobile" title="Mobile Optimized">
    Perfect for mobile shoppers using digital wallets
  </Card>

  <Card icon="chart-line" title="Higher Conversion">
    Reduce cart abandonment with one-click purchasing
  </Card>

  <Card icon="shield-check" title="Secure Payments">
    Leverage trusted payment providers
  </Card>
</CardGroup>

## Supported Payment Methods

Express checkout typically supports:

* **Apple Pay** - For Safari and iOS users
* **Google Pay** - For Chrome and Android users
* **Shop Pay** - Shopify's accelerated checkout
* **PayPal** - Express checkout option
* **Amazon Pay** - If enabled in your store

<Note>
  Available express checkout options depend on your payment gateway settings and customer's browser/device.
</Note>

## Troubleshooting

| Issue                 | Solution                                                    |
| --------------------- | ----------------------------------------------------------- |
| Buttons not appearing | Ensure payment providers are properly configured in Shopify |
| Wrong positioning     | Check that the code is placed before `</head>`              |
| Duplicate buttons     | Remove any other express checkout code from your theme      |

## Need Help?

If you need assistance with express checkout buttons, contact our support team at [support@assortion.com](mailto:support@assortion.com).