# Calculator Free Shipping Message

**Free shipping calculator message** shows progressive bar with message when customers put more items in their shopping carts.

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

<figure><img src="https://themes.templatescoder.com/belliza/documentation/images/screenshort-27.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://themes.templatescoder.com/belliza/documentation/images/screenshort-28.jpg" alt=""><figcaption></figcaption></figure>

|                                                   |                                                                                                                                |
| ------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
| Show Calculator Free Shipping Message?            | Toggle the alert for the free shipping message and calculation bar.                                                            |
| Enter Total Price Of Order To Offer Free Shipping | Enter the threshold of total order amount to achieve the free shipping. Note: the currency is automatically the shop currency. |
| Height                                            | Determine the height of the free shipping calculation bar ranging from 10 to 20px.                                             |
| Rounded Border                                    | Determine the roundness of the border of the bar ranging from 0 to 100px.                                                      |
| Show Percent                                      | Show the percent of the calculation bar.                                                                                       |
| Show Shipping Truck                               | Toggle to show the truck icon running along with the calculation bar.                                                          |
| Text Color                                        | Apply color for the bar percent text.                                                                                          |
| Background Color                                  | Apply default color for the bar background.                                                                                    |
| Background Color < 30%                            | Apply color for the bar background when the percent is less than 30%.                                                          |
| Background Color < 60%                            | Apply color for the bar background when the percent is larger than 30% but less than 60%.                                      |
| Background Color < 100%                           | Apply color for the bar background when the percent is larger than 60% but less than 100%.                                     |
| Background Color = 100%                           | Apply color for the bar background when the bar reaches 100%.                                                                  |
