All Collections
Smart Cart
Announcements & Free Shipping
Tiered Progress Bar and the Smart Cart
Tiered Progress Bar and the Smart Cart

This article will show you how to add and configure the tiered progress bar to the Smart Cart.

Strauss Van Wagenen avatar
Written by Strauss Van Wagenen
Updated yesterday

Tier Progress Bar

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!


Enabling the Tier Progress Bar

  1. Navigate to the Smart Cart settings page.

  2. Scroll to the Tiered Progress Bar setting and toggle it on.

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.

  1. 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.
    ​

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

    1. If you're offering free shipping, input the dollar amount at which shipping is free.

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

  3. Once this is complete, you can save these settings and refresh your store in order to see the changes!


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

  1. Set up your Tiered Progress Bar according to the steps above.

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


Add Discounts via Script Editor

To add the tier progress bar discounting script to script editor, please follow the instructions in the adding discount script to Shopify script editor app article.

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.


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

  1. Once you've toggled on the Tiered Progress Bar, click Add New Bar.

  2. Name your bar to identify it.

  3. Check the box next to only available for certain countries.

  4. Type in the 2 letters for the desired country and press enter (e.g., US for the United States, CA for Canada).


Additional Customizations

Exclude Discount Amount

When checked, alters subtotal calculation for the progress bar (and legacy free shipping bar). With this option enabled, TPB/Free Shipping Bar (legacy) displays the subtotal without factoring in calculated discounts from the shippingExcludedSubtotal method.

This setting applies specifically to discounts entered via the Smart Cart input and does not account for auto discounts.

Subscription Settings

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.

Currency Settings

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 Colors

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.


​


FAQS

  • Discounting Explained

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

  • Do I need to build a gift with purchase widget to use the tier progress bar?

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

  • Does Rebuy function with Shopify Markets?

    • Yes, Rebuy widgets and features are designed to seamlessly integrate with Shopify Markets and multiple currencies. The compatibility ensures that you can enhance your Shopify store's functionality and user experience by incorporating Rebuy widgets. These widgets work in conjunction with Shopify Markers, allowing you to optimize and personalize the shopping experience for your customers.


Want to learn more about Rebuy features? Book a demo with our team today!

Did this answer your question?