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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.smind.io/guides/cart-drawer/free-shipping-progress-bar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.