The Tiered Progress Bar now empowers brands to offer multi-tiered rewards for purchasing more products from their store. You can now create up to 3 bars for different geographies and include 4 tiers of rewards: one free shipping tier and up to 3 free gift tiers per bar.
Follow the steps below to find out how to set up the tiered progress bar!
Navigate to the Smart Cart settings
Navigate to the Smart Cart settings page.
Scroll to the Tiered Progress Bar setting and toggle it on.
Note: If you currently have the legacy Free Shipping Bar enabled, you will see a notice stating that your existing Free Shipping Bar settings will be migrated to the Tiered Progress Bar.
However, if you use a Custom Smart Cart Template, please be aware that you will have to update your code to reference the Tiered Progress Bar. Click here for more information.
Choose your preferred Tiered Progress Bar layout. You can choose between including the free gifts in-line with the shipping bar or below your products.
Next, choose the rewards you wish to include. You can either offer free shipping or a free gift per reward tier. Note: You may offer up to one free shipping tier and 3 free gift tiers per bar.
If you're offering free shipping, input the dollar amount at which shipping is free.
If you're offering a free gift, choose the product you would like to offer as a free gift and input the dollar amount at which shipping is free.
Once this is complete, you can save these settings and refresh your store in order to see the changes!
Offering Free Gifts with Shopify Scripts
The Tiered Progress Bar now includes a built-in Shopify Script generator to discount your free gifts to $0. Read below to get started:
Note: Shopify Script generator is only compatible with Shopify Plus. For information on how to offer free gifts on other Shopify plans, please refer to our How To Create A Hidden Product That Is Available For Sale Via The Online Store help doc or refer to Shopify's Automatic Discounts help doc.
Note: If you are using the tiered bar, you do NOT need to build a gift with purchase widget. If you do, that will double your gifts.
Set up your Tiered Progress Bar according to the steps above.
Once you've selected the products you'd like to offer as free gifts, you will see a "Generate Line Item Script" button. Click that button to copy the Shopify script to your keyboard.
Note: If you already have a Shopify script running, including one from our Buy More, Save More feature, you will need to modify your existing script to include this new code. Please refer to a developer to take this step.
Additional Tiered Progress Bars
You may now create up to 3 tiers of progress bars for different geographies. Now, if you offer free shipping and/or free gifts at different thresholds across different geographies, you can accurately display this to your customers.
Once you've toggled on the Tiered Progress Bar, click Add New Bar.
Name your bar to identify it.
Check the box next to only available for certain countries.
Type in the 2 letters for the desired country and press enter (e.g., US for the United States, CA for Canada).
Additional customization information
If you are using Recharge or another subscription provider and offer free shipping for all subscription items, then you can check "Free Shipping on Subscription Product" in order to have the free shipping bar go straight to displaying that the free shipping has been reached.
If you have presentment currencies set up within your Shopify admin, then you can have the Tiered Progress Bar be dynamic according to the currency that the customer is viewing your store with.
If you are using multiple currencies, then you MUST make different tier bars for each of the currencies that you are allowing consumers to checkout with. This will prevent consumers from getting the free gifts if they do not actually qualify for it in one currency over another.
Customize the color:
By default, the color of the free shipping bar gets taken from the color configurations in your Rebuy Settings. The steps below will show you how to change these settings.
First, navigate to the Rebuy dashboard and then select Manage Rebuy Theme.
From there, you can modify the button background color to change the color of the Tiered Progress Bar.
Shopify Scripts and automatic discounts are powerful tools that can be used to modify the cart subtotal, which in turn affects the price tiers associated with a gift. When the cart subtotal is adjusted, the price tier associated with a gift is also adjusted, causing the gift to be removed from the cart. However, when customers apply a discount code, the cart subtotal is not modified in the cart.json. Instead, the discount is applied directly to the cart, which means that the tiers associated with the gift remain the same. As a result, there is no way for us to detect that a discount code has been applied and remove the gift from the cart. In order to ensure that customers do not receive a gift they are not entitled to.
If you have any other questions, send us those questions through the messenger on this page with your details in hand!