Free shipping bar will help you give free-ship for your beloved customers when their spending for your store achieves a specific amount (you can adjust the amount by yourself).
1. Set up Shipping rate
Step 1: In your Shopify admin, go to Settings > Shipping and delivery > From Shipping choose Manage rates > Add Rate. Regarding add rate, there are two choices for you. You can set different rates for Domestic and Rest of world.
Step 2: Then choose Set up your own rates > Enter Rate name that customers will see at checkout > Enter Rate price, leave 0 to free shipping.
Step 3: Add conditions > You can choose between Item weight and Order price > Enter minimum and maximum weight or price > Done.
2. Config Free Shipping Bar from Kalles 4.1.0, Gecko 6.0 and Unsen
With this update version, our theme try to do it easier for customize. Please follow these steps below to config:
Step 1: Create amount money Metafield for product
Click on Settings -> Custom data -> Products and then Add Denifition.
You need to add required key "theme.shipping_money"; type "Money" and then Save the denifition.
Step 2: Config in Product
You can add an estimate for free shipping to the Product metafield of any product.
Enter the amount of this Free shipping bar does not affect the price of the product.
Step 3: Config in theme settings
From Theme Settings > Cart > Free shipping minimum amount > Select product.
3. Config Free Shipping Bar for Kalles 4.0.5 and previous versions.
Step 1: Add a new product for Free shipping bar
Enter name of product (Random) > Enter price (The same as minimum price on shipping rate) > Quantity equals 0 > Product status Active > Save.
Step 2: Go to Theme Settings > Cart > Free shipping minimum amount > Select product.
3.1. Remove “Free shipping” product from Search result
As you know, we have one product that has a price that will be set for Free shipping features, so you will face one issue that makes customers confused when this product is showing on Search result and Collection page.
Step 1: From Shopify Dashboard > Settings > Custom data > Products > Add definition.
Step 2: Create Name for metafields > Add this required "seo.hidden" code to Namespace and key > Select "Interger" as content type > Choose "One value" > Save.
Step 3: Go back to Shopify Dashboard > Products > Free Shipping Product > Add "1" as a value for the metafields that you just created > Click Save.
Check the result.
3.2. Remove “Free shipping” product from Collection Page.
Solution: If you want to make it hidden from collection All so you have to create a All collection which will replace to default /collections/all and set the condition to Product tile-Does not contain-amount shipping product.
Then, go back to All collection in your store to check.