Free shipping goal promotion (free shipping bar)

A free shipping goal gives free shipping when the cart reaches a total, for example on carts over 75. A free shipping progress bar shows how much more to spend, with products that get shoppers there.

At a glance

Before you start

• Decide the amount. Nothing needs picking.
• Turn on the app embed once. See Turn on the app embed. For what works without it, see the app embed table.

Set it up in the app

1. Open Promotions, click Create promotion, then click Choose on the Free shipping goal card.

   It is under Promotions with an upsell offer. The card says “Free shipping when the cart reaches a total. Shows a progress bar.”

   

2. Set the amount in the Discount section.

   Set Free shipping when the cart reaches. The page starts at 75.

   

3. Check the Storefront widgets section.

   Show storefront widgets is on.

4. Write the upsell message and pick where it shows.

   Add an upsell offer is on. Edit the Message. Under Where it shows, tick Product page, Cart page or Cart drawer.

   The suggested products start as Shopify recommendations. To change them, edit the offer on the Upsell offers page after you save. See Products to suggest.

   

5. Set the dates in Schedule and status, then click Make it live.

   Or click Save as draft to finish later.

   

Add it to your theme

What’s next shows on the promotion page after you click Make it live, not after Save as draft. It goes away when you dismiss it or leave the page. No What’s next panel? Open Promotions. In the row’s Storefront widgets column, click Add block. It shows when the block isn’t in your theme yet.

1. Under What’s next, click Open theme editor.

   Add the widget to your theme names the AndOr Order goal block. The link opens your cart page with the block added at the bottom of the section.

2. Drag the block above the cart lines, then click Save.

   

3. For the cart drawer, add the block to a product page too.

   In the theme editor, open a product template, click Add block, choose Apps, then AndOr Order goal. Turn on its Also show in the cart drawer setting and click Save. It needs a theme that sends Shopify’s storefront cart events, like Horizon 4.0+ or Dawn 15.5+. See Theme requirements. The bar in the cart drawer also needs the app embed. See Turn on the app embed.

The block has its own free shipping messages. See Goal bar block settings.

Tip Already have an order goal? If the two discounts combine, both show on the same bar, and one AndOr Order goal block is enough.

Check it on your store

1. Under What’s next, click View on store.

   It opens your store, or a product or collection from this discount if you picked one. Open your cart, add items and watch the bar fill.

2. Under Try it at checkout, click Open store.

   Add items that qualify, then check out. If you picked specific variants, the button is Open cart and opens a cart with one of them.

   Reach the amount and check that shipping is free at checkout.

Not showing?

• The block is not on the cart or product template, or you did not click Save.
• Show storefront widgets is off, or the discount is a draft or outside its dates.
• Another shipping discount also applies. Only one can apply per order, so the bar hides this step. The Storefront widgets tab marks it Hidden from the goal bar.
• No products under the bar: the upsell offer is paused, or the place is not ticked in Where it shows.
• In the cart drawer only: the app embed or Also show in the cart drawer is off.

See Widgets not showing and What the goal bar needs.

Turn the offer on or off

To stop the offer for a while, click Pause offers in the row’s … menu on the Promotions list, or Pause on the Upsell offers page. The discount keeps working at checkout. The bar keeps showing, but without suggested products. An order goal and a free shipping goal may share one offer. See Manage offers.

No offer yet? In the Promotions list, click Add offer in the row’s Upsell offer column.

Settings and limits

Limits:

• If another shipping discount also applies, only one can apply per order. The goal bar then hides this step.
• Free shipping with no minimum has no bar to fill. It shows as a discount callout instead.