The Shipping progress bar widget shows shoppers how close they are to unlocking a Free Shipping & Cart Incentives reward, with a live progress bar and message on the product page and/or cart.

This is a different widget from the general Discount Progress Bar, which is the global default used by Wholesale/B2B quantity tiers. This one is specific to Shipping discount campaigns.

Go to Widgets in your Discount Prime admin, then open the Shipping progress bar card.

- Display widget on store: master on/off switch

- Product page: show the widget on product detail pages

- Cart page: show the widget on the cart page

- Initial message (default "Add {{amount}} more to unlock {{discount}} off shipping!"): variables {{amount}}, {{discount}}

- In progress message (default "You're {{amount}} away from {{discount}} off shipping!"): variables {{amount}}, {{discount}}

- Threshold reached message (default "You've unlocked {{discount}} off shipping!"): variable {{discount}}

- Text size: font size of the message

- Text color: message text color

- Background color: card background

- Border color: card border color

- Border radius: card corner rounding

- Background color: track (unfilled) color

- Foreground color: fill color

- Border radius: bar corner rounding

The live preview shows both the Product page and Cart page layouts, and lets you step through the three states (Initial, In progress, Threshold reached) with sample data.

If your store publishes more than one language in Shopify (Settings -> Languages), a Language dropdown appears above the Content fields, covering all three messages.

- Hidden when your store only publishes one language.

- Untranslated messages fall back to your default language's text on the storefront.

- A dot next to a language name flags it as having untranslated messages.

1. Go to Widgets -> Shipping progress bar.

2. Toggle "Display widget on store" ON.

3. Choose where it shows: Product page, Cart page, or both.

4. Edit the Initial, In progress, and Threshold reached messages (and translations, if applicable), using the {{amount}} / {{discount}} variables.

5. Adjust Card styles and Progress bar styles.

6. Check both preview tabs and states, then click Save.

1. Confirm you have an active Free Shipping & Cart Incentives campaign.

2. In an Incognito tab, add products below the shipping threshold and check the cart or product page for the Initial or In progress message with the correct remaining amount.

3. Cross the threshold and confirm the widget switches to the Threshold reached message.

- This widget only appears if a Free Shipping campaign is active, enabling it here doesn't create the campaign itself. See "Free Shipping & Cart Incentives".

- Requires the app embed to be active, same as every other Discount Prime widget.

- Editing requires the free-shipping plan feature (Prime and above).

- Don't confuse this with the Discount Progress Bar widget, that one is the global default for Wholesale/B2B quantity tiers, not shipping.