# 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

![](https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fgit-blob-77234a5aec706fddaff570aeb63e7972b6992b7c%2Fcart-free-shipping.jpeg?alt=media)

## **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, you can 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**.

   ![](https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fgit-blob-590316230fd54ba3ee019265f0ea20047918a12d%2Fshipping-rates-manage.jpeg?alt=media)
3. Under the **Shipping zone** where you want to add free shipping, click **Add rate**.

   ![](https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fgit-blob-45eb2df8247fecf42a2ac1a5781829146b1ea66b%2Fshipping-zones-add.jpeg?alt=media)
4. Leave the **Price** field as **`0.00`** to make the shipping rate free.
5. Click **Add conditions,** then select **Based on order price**.

   ![](https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fgit-blob-67245bddde85b58fe836ffc296b7067dfe72e861%2Fshipping-add-rate.jpeg?alt=media)
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 to display in the Quick cart and Purchase confirmation popup.

<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="561">Description</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></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></tr></tbody></table>

***

> **Related links**
>
> [Quick cart](https://help.fluorescent.co/stiletto/cart/quick-cart)\
> [Purchase confirmation popup](https://help.fluorescent.co/stiletto/cart/quick-cart/added-to-cart-popup)\
> [Cross sells](https://help.fluorescent.co/stiletto/cart/cross-sells)\
> [Empty cart promotion](https://help.fluorescent.co/stiletto/cart/quick-cart/empty-cart-promotion)\
> [Low inventory warning](https://help.fluorescent.co/stiletto/cart/low-inventory-warning)\
> [Cart page](https://help.fluorescent.co/stiletto/cart/cart-page)