How to configure Free Shipping bar?

Free shipping bar will help you give free-ship for your beloved customers when their spending for your store achieves to a specific amount (you can adjust the amount by yourself).

You have to set Shipping rate on Shopify first, if you choose a random product and add on Product shipping amount without adding rate. Free shipping bar still show but your customers can’t get free shipping when going to checkout. Let’s follow all steps below.

1. Config Free Shipping Bar for Kalles 4.0.5 and previous version:

1.1. How to set Shipping rate?

  • Step1: 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.

  • Step2: Then choose Set up your own rates > Enter Rate name that customers will see at checkout > Enter Rate price, leave 0 to free shipping.

  • Step3: Add conditions > You can choose between Item weight and Order price > Enter minimum and maximum weight or price > Done.

1.2. Config in product

  • Step1: From Shopify Admin > Products > Add Product.

  • Step2: Enter name of product (Random) > Enter price (The same as minimum price on shipping rate) > Quantity equals 0 > Product status Active > Save.

1.3. Config in theme settings

From Theme Settings > Cart > Free shipping minimum amount > Select product.

1.4. Remove “Amount shipping” product from Search result and Collection.

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.

1.4.1. Remove from Search result.

  • Step 1: From Shopify Dashboard > Settings > Metafields > 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" > Click Save.

  • Step 3: Go back to Shopify Dashboard > Products > Amount Shipping Product > Add "1" as a value for the metafields that you just created > Click Save.

  • Check the result.

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

2. Config Free Shipping Bar with Kalles 4.1.0

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

  • Step 3: Config in theme settings

From Theme Settings > Cart > Free shipping minimum amount > Select product.

[Private Offer] EComposer Partner Plan

Exclusively for Kalles users, 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, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

  • Create advanced sections & add to Kalles with ease

  • Save up to 50 pages/sections

  • 100+ professional, stunning pre-designed templates

  • Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for free

Cheers, The4.

Last updated