Free Shipping Progress

Add a dynamic progress bar inside your cart

Overview

Add a dynamic progress bar inside your cart to encourage customers to add more products and unlock free shipping.

Smootify Docs

Component

Copy and paste the component below into the Smootify Mini Cart and/or the Smootify Cart DOM Element.

Free Shipping Progress Bar

Add a dynamic progress bar inside your cart to encourage customers to add more products and unlock free shipping.

Copy Element

You can choose to offer free shipping once a set quantity of products is in the cart by simply changing the value of the custom attributes in the Free Shipping Bar DOM element.

Name
data-quantity
Value
3

Or you can choose to offer free shipping once a predetermined order amount is reached by adding this custom attribute to the Free Shipping Bar DOM element.

Name
data-amount
Value
1000

On this page