Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

How to configure Free Shipping bar


Written by Alfred

Last updated


On this page

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, Unsen, Ocolus and EComus

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.

[Private Offer] EComposer Partner Plan

Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.