- Hiding Fields on the Checkout Page
- Installing WooCommerce
- Using WooCommerce
- Adding Products in WooCommerce
- Using Your Theme's Header & Footer in a Step
- Embedding a Checkout Form on the Checkout Page
- Hiding WooCommerce Pages and Products
- Using Pricing Tables
- Adding an Affiliate Program
- Setting a Funnel as the Homepage
- Dynamic Offers aka Rule Engine
- Instant Layout for Checkout and Thank You Step
- Adding Products from the URL to the Checkout Page
- Setting Up Split Testing for Steps
- Deleting Plugin Data During Uninstallation
- Importing Ready-Made Templates for Funnels and Steps
- Importing and Exporting Funnels and Step
- URL Parameters
- Replacing the Main Checkout Order with an Upsell or Downsell
- Rolling back to a Previous Version
- Google Address Autocomplete
- Flatsome UX Builder
- ActiveCampaign
- Paypal Reference Transactions
- How PaypPal/Stripe Works
- Enabling Enfold Avia Layout Builder
- Setting Up Authorize.net for Upsell & Downsell
- Supported Payment Gateways
- Setting Quantity and Discount for Products on the Checkout Page
- Adding Custom Payment Gateway Support for One-Click Upsell and Downsell
- Funnel in Test Mode
- Troubleshooting Plugin and Theme Conflicts
- Resolving the "Please Select a Simple, Virtual, and Free Product" Error
- Fixing Endless Loading on the Checkout Page
- Fixing the "We can't seem to find an order for you." Error on the Thank You Page
- Troubleshooting License Activation Issues
- Fixing the "Checkout ID Not Found" Error
- Fixing the "Session Expired" Error Message
- Resolving "Order Does Not Exist" Error on Upsell/Downsell Page
- Fixing the "Sorry, This Product Cannot Be Purchased" Error
- Disabling Auto-fill of Address Fields Based on Zip Code
- Enabling Theme's Scripts & Styles Without Changing Page Template
- Disabling Auto-fill of Checkout Fields
- Allowing Cache Plugins to Cache CartFlows Pages
- Changing the "Choose a Variation" Text
- VAT Field Not Displaying for WooCommerce EU/UK VAT Compliance Plugin
- Enabling the Product Tab on Store Checkout
- Displaying the Order Summary Open on Mobile Devices
- Refreshing the Checkout Page After CartFlows AJAX Calls
- Overview
- Installing Modern Cart Starter
- Installing Modern Cart Pro
- Activating License Key
- Customizing General Settings
- Customizing Cart Tray Labels
- Customizing Cart Icon Settings
- Customizing Cart Tray Styling
- Understanding the Product Recommendations Feature
- Controlling Product Recommendation Source for Empty Cart
- Controlling When the Cart Opens After Adding Products
- Enabling Free Shipping in WooCommerce
- Configuring Upsell and Cross-Sell Products in WooCommerce
- Using a Custom Image for the Floating Cart Icon
- Setting Custom Product Recommendations in the Cart
- Opening the Cart Using a Custom Button or Link
- Floating Icon Styling
- Cart Opening Direction
- Popup Cart Feature
- Using the In-Cart Coupon Field
- Free Shipping Progress Bar
- Enable AJAX Add to Cart (Site-wide)
- Compatibility with Popular Themes and Page Builders
- Troubleshooting Modern Cart: Common Issues and Fixes
Free Shipping Progress Bar
The Free Shipping Progress Bar shows customers how much more they need to add to their cart to qualify for free shipping. It encourages higher order values and is displayed at the top of the Modern Cart slide-out.
Prerequisites
Before enabling the progress bar, make sure you have Free Shipping configured in WooCommerce:
1. Go to WooCommerce > Settings > Shipping.
2. Add or edit a Shipping Zone.
3. Add a Free Shipping method and set a minimum order amount.
4. Save the shipping settings.
Here is the Doc on How to Enable Free Shipping in WooCommerce
| Note: The progress bar reads the free shipping threshold directly from WooCommerce. If no free shipping method is configured, the bar will not display even when enabled. |
Enabling the Progress Bar
1. Go to WooCommerce > Modern Cart in your WordPress dashboard.
2. Click the General tab.
3. Toggle on Enable Free Shipping Bar.
Customizing the Progress Bar Text
You can customize the messages shown to customers:
1. Go to WooCommerce > Modern Cart > Text Label tab.
2. Update the following fields:
- Free Shipping Bar Text — Shown while the customer has not yet reached the threshold. Use {amount} as a dynamic placeholder for the remaining amount. Default: “You’re {amount} away from free shipping!”
- Free Shipping Success Text — Shown once the customer has qualified for free shipping. Default: “Awesome pick! You’ve unlocked free shipping.”
How It Looks in the Cart
The progress bar appears at the top of the cart, below the cart header. It updates dynamically as customers add or remove items — no page reload required.
We don't respond to the article feedback, we use it to improve our support content.