Express Checkout
Show Shopify's express payment buttons under the checkout button in your cart drawer.
Express Checkout shows Shopify's accelerated checkout buttons (the express payment buttons) in the cart drawer, directly below the checkout button. The menu calls the section Express Checkout. Inside, the cards call the buttons Accelerated Checkout Buttons. It is the same feature, and it is off by default.
Oxify does not create these buttons. It copies the ones your theme already renders for Shopify, so your theme needs a small snippet and your store needs at least one express payment method turned on.
Turn it on
In the Oxify app, open Home, click Manage Cart Drawer, then choose Express Checkout in the left menu.
Click Enable on the Accelerated Checkout Buttons card.
Add the theme snippet below.
In Shopify, make sure an accelerated checkout payment method is enabled. The card links to your Shopify payments settings. With none enabled, no buttons appear even with the snippet in place.
Click Save in the Cart Editor, then check your storefront. The Cart Editor preview does not draw these buttons.
Add the theme snippet
The Accelerated checkout buttons card explains that the buttons must be present on every page of your theme, not just the cart page. Click Show Recommended Guide To Edit Your Theme Code to see the steps.
In Shopify admin, go to Online Store → Themes → Edit code and open layout/theme.liquid.
Paste this snippet just before the closing </body> tag:
Save the theme file and reload any page of your store. Open the cart drawer to see the buttons.
The snippet must go in layout/theme.liquid, not in your cart template. If it is only on the cart page, the buttons show only when the drawer is opened while you are already on /cart.
The hidden wrapper keeps the buttons off the page itself. The drawer only copies them from there. If Oxify cannot find them, the space stays empty and no error is shown.
To also show the buttons on your regular cart page, the card gives a second snippet for sections/main-cart-footer.liquid:
The card also offers Contact Oxify Support Team and suggests reaching out to your theme provider.
Button settings
The Accelerated checkout buttons design card has these controls. Values outside a range are set to the nearest allowed value.
| Control | Range | Default |
|---|---|---|
| Default button height (desktop), number box and slider | 25 to 55 px | 42 px |
| Mobile button height, number box and slider | 25 to 55 px | 42 px |
| Checkout Button Alignment | Center, Left, Right, Space Between | Center |
| Row Gap (space between rows of buttons) | 0 to 40 px | 8 px |
The mobile height applies on screens 749px wide or narrower.
The corner radius of the buttons follows Button Radius under Design → Cart Global Design. The card notes that Shopify now enforces the styling rules for these buttons, so only these settings can be changed.