# Free shipping bar

Display a **Free shipping bar** in the cart to tell customers how far away they are from qualifying for free shipping.

* Set up a free shipping rate for your store in the Shopify admin.
* Enable the free shipping bar in the theme settings

<figure><img src="/files/V8rtaSr8b2bijMyqGY71" alt="" width="563"><figcaption></figcaption></figure>

## Add free shipping rate in Shopify admin

***

Follow the steps below to add a free shipping rate to your online store. If you already have a free shipping rate, follow the steps to set up the Free shipping bar.

{% hint style="success" %}
Shipping and Delivery settings are Shopify features. To learn more, see Shopify’s guide to [Setting up shipping rates](https://help.shopify.com/en/manual/shipping/setting-up-and-managing-your-shipping/setting-up-shipping-rates).
{% endhint %}

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your **Shopify Admin**:

1. Go to **Settings** > [Shipping and delivery](https://www.shopify.com/admin/settings/shipping).
2. Under **General shipping rates**, click **Manage**.
3. Under the **Shipping zone** where you want to add free shipping, click **Add rate**.
4. Leave the **Price** field as **`0.00`** to make the shipping rate free.
5. Click **Add conditions,** then select **Based on order price**.
6. Enter the **minimum price** required for orders to receive free shipping.
7. Click **Done**, then click **Save**.

</details>

## Set up free shipping bar

***

Once you've added a free shipping rate in your Admin, you can set up the free shipping bar in the cart.

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Click **Theme settings**, then click **Cart**.
2. Click the **Enable free shipping bar** option.
3. Enter the **Free shipping minimum amount**. Make sure the number in the price field matches the price set in your Shopify admin.

   > Enter the value without a currency symbol and use a decimal to separate dollars and cents. Example: '100.00'
4. Click **Save**.

</details>

`Go to Theme settings > Cart to find settings`

<table><thead><tr><th width="190">Setting</th><th width="400">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Enable free shipping bar</mark></td><td>Display a progress bar showing how close customers are to qualifying for free shipping.<br><br>You must set up a free shipping rate in your Shopify admin before enabling this feature.</td><td></td></tr><tr><td><mark style="color:blue;">Free shipping minimum amount</mark></td><td>Enter the minimum order price required for free shipping.<br><br>This amount must match the minimum price of the free shipping rate set in your Shopify admin.</td><td><mark style="background-color:yellow;">Default: $250</mark></td></tr></tbody></table>


---

# 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://help.fluorescent.co/eclipse/cart/free-shipping-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.