Skip to main content

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

​
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:
  1. 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 %}
  2. Save the file
Here is an example of what it should look like: Image 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

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

​