> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/bonnita-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/bonnita-documentation/theme-settings/calculator-free-shipping-message.md).

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