Checkout UI Extensions - Progress bar free shipping

I’m exploring the capabilities of Checkout UI Extensions in Shopify Plus stores and would like to know if it’s possible to implement a progress bar in the checkout that indicates to customers how much more they need to spend to reach the free shipping threshold.

However, I’d appreciate hearing from other developers who have implemented something similar or any advice on best practices to achieve this.

Thank you in advance for any guidance or resources you can share.

I share one reference desing :slight_smile:

Hi @Julian_Bischoff

Yes, Checkout Extensions are the way to go for implementing changes to the checkout pages.

Checkout Extensions are limited to using Shopify’s own React Components, which are listed here: Checkout-ui-extensions components

There you can see there’s a Progress Bar component that might fit the bill for you.

But there are other lower level components as well, you might be able to DIY a custom one with a combination of Stack and View components.

1 Like

The best! Thank you!