Skip to main content
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.
1

Access theme code

From your Shopify admin, go to Online Store → Themes → Actions → Edit code
2

Open theme.liquid

In the Layout folder, click on theme.liquid to open it
3

Add the code

Find the </head> closing tag and add the following code as a new line just before it:
{% if additional_checkout_buttons %}
<div style="display: none !important">
    {{ content_for_additional_checkout_buttons }}
</div>
{% endif %}
4

Save changes

Click Save to apply the changes to your theme

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

​
Benefits

Faster Checkout

Customers can complete purchases in seconds

Mobile Optimized

Perfect for mobile shoppers using digital wallets

Higher Conversion

Reduce cart abandonment with one-click purchasing

Secure Payments

Leverage trusted payment providers

​
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
Available express checkout options depend on your payment gateway settings and customer’s browser/device.

​
Troubleshooting

IssueSolution
Buttons not appearingEnsure payment providers are properly configured in Shopify
Wrong positioningCheck that the code is placed before </head>
Duplicate buttonsRemove 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.
⌘I