A Shopify free shipping bar checkout block shows how far the cart still is from a reward, on the checkout step. In SK Checkout Customizer, that block is a progress bar and banner. The title can include a placeholder that fills in the remaining amount. You can set the bar color and whether the bar is visible.
Shoppers miss the threshold when it lives only in the cart drawer. They reach checkout a few dollars short and pay for shipping, because nothing on that last step repeats the gap. This app draws the bar in checkout. It does not draw a cart-drawer bar. A theme cart bar is a different feature, usually in the theme, and this catalog does not edit it.
The checkout step is a Plus placement
Shopify’s help on checkout configurations documents app blocks on the information, shipping, and payment steps as Plus. The free-shipping bar is one of those checkout blocks. Shopify Help, not the app’s price, sets that limit. The app is free on every block, with no app tier.
Checkout UI extensions need checkout extensibility, and that still does not place every block on every plan. If the store is not on Plus, do not promise this bar on the checkout step. Open the editor and confirm the target. Thank-you and order-status pages are a different permission. The catalog describes this bar as a checkout nudge toward a spend threshold, not as a thank-you widget.
Four reward modes
The bar is not only a shipping message. The catalog supports four reward modes. Pick the one that matches the offer you will actually honor.
- Free-shipping threshold: one amount, after which the message is about free shipping.
- Free-gift threshold: one amount that unlocks a gift you have defined for that reward.
- Discount-code threshold: one amount tied to a discount code.
- Tiers: more than one threshold, each with its own reward. The message moves to the next tier as the cart grows.
The title placeholder is filled with the remaining amount needed. Write the sentence around that placeholder so it still reads clearly when the number changes. Color and visibility are presentation. They do not change the threshold.
The catalog does not say the bar itself grants free shipping inside Shopify’s shipping settings. Your shipping profile, discount, or gift still has to exist. The bar tells the shopper how close they are. If the shipping rate never becomes free, the bar is a false promise.
An example threshold
Treat every number here as an example, not a benchmark. Suppose the free-shipping reward is set at 75 in your store currency. A cart at 60 would leave 15 remaining, and the title placeholder would show that 15. A cart at 75 would be at the threshold, so the “amount away” sentence should no longer ask for more. Place a test checkout at both amounts and read the banner.
A tiered example, again only an illustration: 50 for a small gift, 75 for free shipping. Under 50, the message should point at the gift. Between 50 and 75, it should point at free shipping. The catalog says the tier mode advances to the next tier’s message as the cart grows. Confirm that handoff with two test carts. Do not publish the tiers until both rewards are real in Shopify.
Merchants in the US, UK, and Canada should use the currency the cart already uses. The catalog does not describe a separate currency conversion inside the bar. Cart currency is a condition on the checkbox upsell’s rule engine, not a conversion tool on this bar.
Match the bar to the rate shoppers actually get
Set the threshold in the same currency as the market you are testing. Create a shipping rate that becomes free at that amount, or create the discount code, or create the gift product, before you write the banner. Then check out twice: once below the line, once above it. The banner and the shipping price at the bottom of checkout should tell the same story. If the banner says free shipping is unlocked and the rate still charges, fix the shipping profile. The bar cannot override it.
A gift reward needs a product your team will add, and a discount-code reward needs a code that is active. The catalog does not say the progress bar applies the code by itself. The separate discount revealer can copy a code or auto-apply one when you configure it that way. Keep those jobs straight so the bar is a message and the code is a real discount.
What this app will not draw
The cart drawer and the cart page are theme surfaces. This catalog does not include a drawer bar, a cart-page bar, or a theme app embed for the threshold. If shoppers abandon in the drawer, fix that with the theme or with a cart app. Then, on Plus, repeat the gap at checkout so the last step matches the earlier one.
The catalog also has no A/B test and no revenue report for the bar. You will not get a chart that says the bar recovered a percentage of orders. Compare a period with the bar against a period without it, using your own order and shipping-charge data, if you need that proof.
- Match the bar’s threshold to the real shipping rate, gift, or code.
- Test a cart just under the line and a cart on the line.
- Read the placeholder sentence out loud. A broken sentence is a broken offer.
- Leave the cart drawer to the theme. This app does not edit it.
Questions about a checkout shipping bar
Can a Basic store show this bar on the checkout step?
Shopify Help documents checkout-step app blocks as Plus. The app being free does not move that bar onto Basic.
Does the bar include discounts in the remaining amount?
The catalog says the placeholder fills with the remaining amount needed. It does not publish a formula for discounts, tax, or shipping. Test a discounted cart and read the number.
Will the same bar appear in the cart drawer?
No. The catalog places this progress bar in checkout. A drawer bar is a theme feature this app does not draw.
Set the reward you can honor, then add the bar from SK Checkout Customizer on a Plus checkout. Install SK Checkout Customizer after the editor shows the checkout step is available.