Overview
This feature allows you to show Shopify’s Express Payment options (such as Shop Pay, Apple Pay, or Google Pay) for a faster checkout experience using the buyer’s saved payment methods.
Express or accelerated checkout buttons help returning customers complete purchases faster by skipping manual entry of payment and shipping info. These buttons appear below the main Checkout button in the cart and are powered by Shopify.
Upcart supports these buttons visually and structurally, but Shopify controls their behavior and visibility.
📘 Learn more in:
Shopify’s Documentation on Accelerated Checkouts
Shopify Release Notes on Styling Rules
Getting Express Payments to Show
To display accelerated checkout buttons inside Upcart, your Shopify theme must already include them on the storefront. You can do this by:
Adding a snippet to your theme code
Go to Online Store > Themes > Edit Code
Open the layout/theme.liquid file
Find the opening
<body>tag (not</body>)Below that tag, paste the following code:
{% if additional_checkout_buttons %} <div style="display: none !important"> {{ content_for_additional_checkout_buttons }} </div> {% endif %}
Save the file
Here is an example of what it should look like:
Once this is done, Upcart will be able to detect and render your express payment options.
💡 If you prefer not to edit code, reach out to your developer or a Shopify Expert.
Accelerated Checkout Buttons Design
Once your buttons are set up, you can customize how they appear inside Upcart.
Button Height
Control the height for desktop and mobile views independently (25–55px range)
Checkout Button Alignment
Choose how the express buttons are aligned:
Left
Right
Center
Space Between
Row Gap
Set the vertical spacing (in pixels) between stacked buttons
Advanced Display Options
Hide Buyer Consent
When enabled, this hides the buyer consent message usually displayed when a subscription product is in the cart. It can help reduce visual clutter if you already provide related information elsewhere.
Render Cart in Shadow DOM
Enable this to prevent your Shopify theme’s CSS from interfering with Upcart’s styling.
This ensures consistent design across all browsers and devices.
Enabling this also applies the same setting from Settings > Advanced Settings.
Theme Compatibility Notes
Shopify now enforces strict styling rules for Accelerated Checkout Buttons.
Upcart’s new version fully supports these rules and will follow Shopify’s styling behavior.
⚠️ If you're using legacy Express Payment settings, it's strongly recommended that you:
Click “Revert to Old Version” only if required for outdated themes (v1.0.0)
Uncheck any saved styling options from the previous module to avoid interference with the new version