Cart milestones show shoppers a progress bar in the cart that tracks how close they are to unlocking an offer — like a discount, free shipping, or a free gift. As shoppers add items, the bar fills up and the reward gets closer. It's one of the highest-ROI features available to D2C brands — those who configure milestones correctly see AOV increase by 15–25%, with 40% of shoppers who are within ₹100 of a milestone adding another item just to reach it. A well-set free shipping milestone alone reduces cart abandonment by up to 30%.

→ Open Flo Cart Widget Settings

Each milestone you create on the progress bar needs a corresponding discount set up in Shopflo. The discount is what actually gets applied to the cart when the shopper hits the milestone threshold — the progress bar is the visual trigger, but the discount does the work.

Make sure you've created the relevant discounts first (e.g., a cart value discount for a ₹1000 threshold, a freebie discount for a ₹2000 threshold) before configuring the milestones. See the Related Articles section below for step-by-step guides on creating each discount type.

Step 1: Go to Flo Cart → Widget in your Shopflo dashboard.

Step 2: Scroll to the Type section and select Amount Based. This tracks the total cart value against your milestone thresholds. (Use Count Based if you'd rather track by number of items instead.)

Step 3: Under Milestones on progress bar, click Add a milestone +.

Step 4: In the Add a milestone modal, fill in the following:

— Cart value required for the milestone: The ₹ threshold a shopper needs to reach (e.g., ₹1000).

— Icon for milestone: Choose an icon that matches the offer type (e.g., % for a discount, gift icon for a free product).

— Offer title on the milestone: A short label shown on the progress bar (max 15 characters) — e.g., 15% off or Free gift.

— Header text before offer is applicable: The nudge message shown while the shopper is still working toward this milestone (max 50 characters) — e.g., Get 15% off by adding items worth <value>. Use the <value> variable to dynamically show the remaining amount the shopper needs to add.

Step 5: Click Save. Repeat to add more milestones (e.g., a second milestone at ₹2000 with a free gift offer).

Step 6: Once all milestones are saved, your cart will show the progress bar to shoppers in real time.

Once your milestones are configured, you can customise how the progress bar looks to match your brand. This is done in Flo Cart → Core Setup.

→ Open Flo Cart Core Setup

In the right panel, click on Milestone under Elements. You'll find the following options:

— Display type — Static or Dynamic: Static shows all milestones and their required cart values at once, so shoppers can see the full reward ladder. Dynamic focuses the shopper on one milestone at a time.

— Background and Primary colours: Set the milestone bar's background colour and the primary accent colour used for the filled progress bar and active milestone icons.

— Header text colour: Controls the colour of the nudge message above the progress bar (e.g., "Get 15% off on ₹1000").

— Milestone Badge — Cart Value and Subtext colours: Fine-tune the colour of the cart value label (e.g., ₹1000) and the subtext label (e.g., 15% off) on each milestone marker.

— Success Message: Toggle this on to show a custom message once a shopper completes all milestones. You can edit the message text (up to 60 characters) — e.g., "You have successfully reached the milestone."

Click Save after making your changes.

Cart milestones are one of the highest-ROI tools available to D2C brands. Here's what the data and best practices show:

Set your first milestone just above your current AOV. If your average order is ₹800, put your first milestone at ₹999 or ₹1000. Shoppers who are already close will naturally add one more item to unlock the offer. Setting it too high means most shoppers never feel within reach — and ignore the bar entirely.

Free shipping is the strongest first milestone. Across D2C brands, "free shipping" consistently outperforms percentage discounts as a milestone reward. Shoppers perceive shipping cost as a tax they didn't sign up for — removing it feels like a bigger win than 10% off.

Stack milestones for higher AOV lift. Two milestones work better than one. A common pattern: ₹999 → free shipping, ₹1499 → 10% off, ₹1999 → free gift. Shoppers who hit the first milestone will often push further to reach the next one.

Use the <value> variable in your header text. Instead of a static message, write something like "Add items worth ₹<value> to unlock free shipping." The dynamic remaining amount makes the goal feel specific and achievable — it's the difference between a nudge and a call to action.

Free gift milestones drive the highest perceived value. A physical free product — especially a sample, travel-size, or accessory — at a high threshold creates a strong emotional pull. It also introduces shoppers to SKUs they might reorder.

→ How to Create a Discount based on Cart Value — create the discount that powers your milestone

→ How to Increase Conversions by Offering a Freebie Discount — set up a free gift milestone

→ How to Set Up Automatic Free Shipping Discounts — pair with a free shipping milestone

→ How to Customise Your Flo Cart — full cart customisation and design guide

Need help? Reach out to us at support@shopflo.com and we'll be happy to assist.