# Calculator Free Shipping Message

**Calculate Free Shipping Message** shows progressive bar with message when customers put more items in their shopping carts.

![](/files/k3dIghLGZhsZGfhAbq34)

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme settings ->** **Calculator Free Shipping Message.**

![](/files/UypDBFjqJiQkpowCVACH)

#### General

| Setting                                           | Description                                                                                                                                                                                |
| ------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Show Calculator Free Shipping Message?            | Enable to generally show the Calculator Free Shipping Message on the theme.                                                                                                                |
| Enter Total Price Of Order To Offer Free Shipping | Fill in the threshold where a buyer will be offered free shipping fee if their order total reaches this threshold. Note that the field accepts number only, excluding any currency symbol. |

#### Progress Bar

| Setting                                       | Description                                                                                                                                 |
| --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
| Height                                        | Determine of the height of the progress bar of the total price order from the free shipping fee threshold.                                  |
| Rounded Border                                | Determine how much the border of the progress is rounded based on pixels ranging from 0px to 100px.                                         |
| Show Percent                                  | Enable to show the percent text on the progress bar.                                                                                        |
| Text Color                                    | Set the color of the text of progress bar.                                                                                                  |
| Background Color                              | Set the initial background color of progress bar.                                                                                           |
| Background Color < 30%                        | Set the background color of progress bar if the order total is lower 30% compared to the free shipping threshold.                           |
| Background Color < 60%Background Color = 100% | Set the background color of progress bar if the order total is higher than 30% and lower than 60% compared to the free shipping threshold.  |
| Background Color < 100%                       | Set the background color of progress bar if the order total is higher than 60% and lower than 100% compared to the free shipping threshold. |
| Background Color = 100%                       | Set the background color of progress bar if the order total reaches the free shipping 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://halosoft.gitbook.io/bonnita-documentation/theme-settings/calculator-free-shipping-message.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.