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

![](https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2F2twxBNH3f7lviv711Fod%2F23.png?alt=media\&token=7eb9255a-86ff-4c95-af52-af086f53ed13)

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

![](https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FZGDA6W0GhyfXMruewVIv%2F24.jpg?alt=media\&token=fbb0574a-da51-45cf-bf40-b5fb73eeaa42)

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