Shopify just rolled out a game‑changing update that makes checkout faster, syncs carts across every device, and gives shoppers a one‑tap sign‑in experience. The change lives in the Shop app ecosystem, but it reaches any storefront that uses Shop Pay or the standard checkout flow. In this post we’ll unpack the new capabilities, identify who needs to act—merchants or developers—and provide concrete steps and code snippets to get the most out of the upgrade.
What Changed?
Shop can now identify a shopper while they browse, even before they click “Buy.” That early verification enables a handful of friction‑reducing features: checkout pages load up to 30 % faster, carts automatically follow a shopper from phone to desktop, the Shop Pay button shows the last used card, and a one‑tap sign‑in appears for returning shoppers. The sync works both ways—carts started in the Shop app appear on your store and vice‑versa—so abandoned‑cart recovery becomes built‑in, not a separate app.
Who Is Affected?
The update touches two audiences. Merchants: anyone using Shop Pay or the default checkout will see faster load times and a pre‑filled payment method without any extra configuration. Developers: theme developers, app makers, and anyone extending the checkout API need to ensure their code respects the new two‑way cart sync and doesn’t override the automatically injected customer session data.
How It Works Under the Hood
When a shopper opens your store, Shopify’s front‑end library contacts the Shop service to fetch a lightweight shopper token. That token is attached to the session cookie and is refreshed on every page view. If the shopper later logs into the Shop app, the token is merged, instantly syncing any open cart. The checkout page then pulls the shopper’s last used payment method from the Shop Pay vault and pre‑populates the form, cutting the number of required clicks.
Action Items for Merchants
Action Items for Developers
shopifyCheckoutId field to your mutation response and store it in the browser’s sessionStorage – it will be reconciled automatically with the Shop token. 3. Update any custom “one‑click checkout” buttons to call Shopify.Checkout.redirect without overriding the customerAccessToken. 4. Test the flow on Safari, Chrome, Edge, and Firefox; the sync now works on all major browsers.Sample Implementation
Below is a minimal Liquid snippet you can drop into your theme’s checkout.liquid (or the new checkout.js if you’re on Online Store 2.0) to respect the incoming cart token and ensure the Shop Pay button shows the correct card.
liquid
{% comment %} Preserve the Shopify‑generated cart token for two‑way sync {% endcomment %}
{% if cart.attributes.shop_cart_token %}
<script>
// Store token in sessionStorage – the Shop app will read it on the next device.
sessionStorage.setItem('shop_cart_token', '{{ cart.attributes.shop_cart_token }}');
</script>
{% endif %}
{% comment %} Render the enhanced Shop Pay button {% endcomment %}
{% if shop.payments.enabled and shop.payments.shop_pay.enabled %}
<div id="shop-pay-button"></div>
<script src="https://cdn.shopify.com/shop-pay-button/v1.js"></script>
<script>
Shopify.ShopPay.Button.init({
container: '#shop-pay-button',
cartId: '{{ cart.id }}',
// No need to pass card ID – Shopify auto‑fills the last used card.
});
</script>
{% endif %}
Best Practices & Tips
• Test with a real Shop account rather than a test buyer – the token exchange only works for verified shoppers. • Keep your theme’s JavaScript bundle lean; heavy scripts can delay the token fetch and negate the speed gains. • Use Shopify’s checkout.liquid {{ shop.checkout_url }} variable for redirects; hard‑coding URLs can break the two‑way sync. • Monitor the “Cart sync” metric in the Shopify analytics dashboard; a sudden drop could indicate custom code interfering with the token.
Conclusion & Call to Action
Shop’s faster checkout and cross‑device cart sync removes a major friction point for modern shoppers. By confirming Shop Pay is active, cleaning up any session‑reset scripts, and leveraging the simple Liquid snippet above, you’ll see higher conversion rates and fewer abandoned carts. Ready to boost your store’s performance? Enable the new features today, run a quick A/B test, and share your results with the Shopify community. Need help fine‑tuning the integration? Contact our Shopify Solutions team or drop a comment below—we’re happy to assist!
