> For the complete documentation index, see [llms.txt](https://docs.smind.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.smind.io/guides/cart-drawer/free-shipping-progress-bar.md).

# Free Shipping Progress Bar

Inform customers how close they are to qualifying for free shipping. Display a progress bar in the cart drawer that updates as they add items, based on the minimum-spend threshold you set.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Fj1zkYMMBt2sRLdOb4FLQ%2FFree%20Shipping%20FINAL.gif?alt=media&token=1c9da1ca-62d0-49dd-bad2-ed1967b5dfb9>" %}

## Key Features

* Configurable free-shipping threshold value
* Dynamic progress message (e.g. “$35 away from free shipping!”)\\

## Benefits

* Motivates shoppers to increase order value to qualify
* Improves average order size and cart totals

## How To Use?

1. Click **Add Block**
2. Choose **Free Shipping**

<figure><img src="/files/Xhe76TLioo7NEkYhAQOX" alt=""><figcaption></figcaption></figure>

3. Customize the **Free Shipping** block

<figure><img src="/files/jwtUsbWzTTIqFtTdNHSl" alt=""><figcaption></figcaption></figure>

The first thing you have to do is setting up the Shipping Zone in the Shopify Theme Editor

Go to your **Shopify Admin > Settings > Shipping & Delivery** page—so you can be sure the rates you’ve set up are live. [Click here to learn more about it](https://help.shopify.com/en/manual/fulfillment/setup/shipping-rates/flat-shipping-rates)

* **Minimum spend for free shipping:** Enter a amount of money that customer must reach in their cart to get free shipping.
* **Message – Not Qualified**: Shown when the cart total is below your threshold. Use `{price}` to insert the difference.
* **Message – Qualified:** Shows once the customer’s cart total meets or exceeds your threshold.