# Free shipping goal promotion (free shipping bar)

> Give free shipping when the cart reaches a total, show a free shipping progress bar, and suggest products that get shoppers there.

Source: https://backtrackhq.com/docs/promotions/free-shipping-goal/

(Screenshot: A free shipping bar in the cart showing how much more to add for free shipping)

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

| | |
| --- | --- |
| **Gallery group** | Promotions with an upsell offer |
| **Discount** | Free shipping once the cart subtotal reaches an amount. Default: 75, in your store currency. |
| **Theme block** | **AndOr Order goal**, on the cart page or the product page |
| **Upsell offer** | **Goal suggestions**, on the **Product page**, **Cart page** and **Cart drawer** |
| **What the app embed adds** | Your brand color, the parts in the cart drawer (if any), shared look settings and your Storefront text. The block shows without it. |

## Before you start

- Decide the amount. Nothing needs picking.
- Turn on the app embed once. See
  [Turn on the app embed](https://backtrackhq.com/docs/get-started/install/#turn-on-the-app-embed). For what works without it, see [the app embed table](https://backtrackhq.com/docs/widgets/app-embed/#what-works-without-the-app-embed).

## 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."

   (Screenshot: The promotion gallery with the Free shipping goal card and its Choose button)

2. **Set the amount in the Discount section.**

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

   (Screenshot: The Discount section of a free shipping goal)

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](https://backtrackhq.com/docs/offers/message-and-placements/#products-to-suggest).

   (Screenshot: The Storefront widgets and Upsell offer sections of a free shipping goal promotion)

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

   Or click **Save as draft** to finish later.

   (Screenshot: The Schedule and status section with the Make it live button)

## 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.**

   (Screenshot: The theme editor cart page with the AndOr Order goal block selected and the bar saying You're $75.00 away from free shipping)

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](https://backtrackhq.com/docs/get-started/theme-requirements/). The bar in the
   cart drawer also needs the app embed. See
   [Turn on the app embed](https://backtrackhq.com/docs/get-started/install/#turn-on-the-app-embed).

The block has its own free shipping messages. See
[Goal bar block settings](https://backtrackhq.com/docs/widgets/goal-bar/#block-settings).

> **Tip:** Already have an [order goal](https://backtrackhq.com/docs/promotions/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](https://backtrackhq.com/docs/help/widgets-not-showing/) and
[What the goal bar needs](https://backtrackhq.com/docs/widgets/goal-bar/#what-it-needs-to-appear).

## 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](https://backtrackhq.com/docs/offers/manage-offers/).

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

## Settings and limits

| Setting | What it does | Default |
| --- | --- | --- |
| **Name** | Shown at checkout when the discount has no message. Up to 60 characters, and different from your other discounts' names. | Free shipping goal |
| **Free shipping when the cart reaches** | The cart subtotal in your store currency, before shipping and taxes. The goal bar counts toward it. | 75 |
| **Combine with** | Which other discounts can apply with this one. | **Product discounts**, **Order discounts** |

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](https://backtrackhq.com/docs/widgets/discount-callout/) instead.
