Softminal

Softminal Cart Reward Progress Bar displays a dynamic, live-updating progress bar in your store that motivates customers to add more items to their cart in order to unlock rewards like free shipping, discounts, or free gifts.
It works seamlessly with WooCommerce, SureCart, and FluentCart — giving you the flexibility to use it across different eCommerce platforms on the same WordPress site.
When a shopper adds products to their cart, the bar updates in real time — no page reload required — showing how close they are to earning a reward. This creates a sense of urgency and encourages higher spending, directly increasing your average order value.
<h3>Reward Types</h3>
<ul>
<li>Free Shipping — Show progress toward a free shipping threshold. Shipping cost is automatically zeroed when the goal is reached.</li>
<li>Percentage Discount — Automatically apply a percentage discount to the cart when the spending goal is met.</li>
<li>Free Gift — Automatically add a free product to the cart when the customer reaches the goal amount.</li>
</ul>
<h3>Bar Styles</h3>
<ul>
<li>Rounded — Pill-shaped bar with smooth edges.</li>
<li>Flat — Clean, squared bar with no border radius.</li>
<li>Striped — Animated diagonal stripes for a more dynamic look.</li>
</ul>
<h3>Celebration Animations</h3>
When a customer reaches the goal, the bar can celebrate with one of four animations:
<ul>
<li>Pulse — A quick scale-up effect.</li>
<li>Glow — A pulsing glow around the bar.</li>
<li>Bounce — A playful bounce animation.</li>
<li>Confetti — Colorful confetti sparkles appear around the bar.</li>
</ul>
<h3>Multi-Platform Support</h3>
<ul>
<li>WooCommerce — Classic cart, block cart, block checkout, mini-cart, and HPOS compatible.</li>
<li>SureCart — Native integration via Alpine.js event bridge.</li>
<li>FluentCart — Native integration via wp.hooks event bridge.</li>
</ul>
The plugin auto-detects which eCommerce platform is active, or you can manually select one from the settings page.
<h3>Full Customization</h3>
<ul>
<li>Bar and track colors, text colors, reached-state colors, empty-state colors.</li>
<li>Gradient fills with configurable direction (horizontal, diagonal, vertical).</li>
<li>Bar height, border radius, width, shadow, and border — all configurable.</li>
<li>Font size, font family, font weight, and text alignment.</li>
<li>Container padding, bar gap, and container background color.</li>
<li>Per-state display modes: show bar + text, bar only, text only, or hidden.</li>
<li>Per-state icons via emoji input or WordPress Media Library upload.</li>
</ul>
<h3>Messages & Placeholders</h3>
Customize the message shown at each stage using dynamic placeholders:
<ul>
<li><code>{remaining}</code> — Amount still needed to reach the goal.</li>
<li><code>{percent}</code> — Percentage of goal reached (0–100).</li>
<li><code>{reward}</code> — The configured reward label.</li>
<li><code>{goal}</code> — The goal amount with currency symbol.</li>
<li><code>{total}</code> — Current cart subtotal with currency symbol.</li>
</ul>
Three separate message templates: empty cart, in-progress, and goal reached.
<h3>Dark Mode</h3>
Softminal Cart Reward Progress Bar respects <code>prefers-color-scheme: dark</code> automatically. You can also configure custom dark mode colors for the bar, track, and text.
<h3>RTL Support</h3>
Full right-to-left language support with auto-detection or manual override (LTR / RTL).
<h3>Currency Formatting</h3>
Configure the currency symbol position (before/after), decimal places (0–2), and thousand separator (comma, dot, space, or none) independently from your eCommerce platform.
<h3>Scheduling</h3>
Optionally restrict the progress bar to a specific date range — useful for seasonal promotions, flash sales, or holiday campaigns.
<h3>Accessibility</h3>
The progress bar is built with proper ARIA attributes (<code>role="progressbar"</code>, <code>aria-valuenow</code>, <code>aria-valuemin</code>, <code>aria-valuemax</code>, <code>aria-label</code>) so it is fully usable by screen readers and assistive technologies. Animations respect <code>prefers-reduced-motion</code>.
<h3>Shortcode</h3>
Place the bar anywhere using the <code>[cbpb_bar]</code> shortcode. Works with the Block Editor (Gutenberg), Elementor, Divi, Bricks, and any other page builder that supports shortcodes.
<h3>Developer Friendly</h3>
<ul>
<li>No custom database tables — all settings stored in <code>wp_options</code>.</li>
<li>Clean uninstall — all <code>cbpb_*</code> options are removed on plugin deletion.</li>
<li>CSS custom properties drive all styling — zero theme conflicts, no <code>!important</code>.</li>
<li>Fully namespaced PHP (<code>CartBoostPB\</code>) with PSR-4 autoloading.</li>
<li>REST API at <code>softminal-cart-reward-progress-bar/v1</code> with capability-based permission checks.</li>
<li>Source files and build tooling are included in the plugin package (<code>resources/</code>, <code>package.json</code>, <code>vite.config.js</code>, <code>build.sh</code>).</li>
</ul>
<h3>100% Free</h3>
Every feature is included at no cost. There is no premium tier, no feature gating, and no upsells.

Softminal Cart Reward Progress Bar

A live cart progress bar for WooCommerce, SureCart & FluentCart. Boost order value with free shipping, discount, and gift rewards.

VillaTheme

Andy Ha

Have you heard of the phrase “WooCommerce free shipping over amount”? This term refers to a feature that can display the amount of free shipping left on the front end of a WooCommerce store. Use free shipping notifications on your website to attract customers’ purchases to gain free shipping, increase sales of shop owners.
So how did you do to display the free shipping for orders over a certain amount on your website? Let’s take a look at our plugin to see how it can assist you in displaying a free shipping bar on your WooCommerce website.
What is the WooCommerce Free Shipping Bar? Can it help to offer WooCommerce free shipping over amount?
The increase in sales and traffic to the website is very important for a website or an online store. Customers making a purchase usually enjoy the free shipping method. Woocommerce Free Shipping Bar – WooCommerce Free shipping plugin allows:
<ul>
<li>
Display Free shipping bar and progress bar
</li>
<li>
Variety of Free shipping bar and progress bar positions
</li>
<li>
Design: You can design the shipping bar in order to match your theme or site’s style.
</li>
<li>
Flexible custom messages on the shipping bar.
</li>
</ul>
Effect: Settings to let the shipping bar appear or hide after a certain time, or close the shipping bar button.
<blockquote>
<a href="https://new2new.com/?item=woocommerce-free-shipping-bar" title="Demo Free Shipping Bar for WooCommerce" rel="nofollow ugc">Try the Demo</a> | <a href="http://docs.villatheme.com/?item=woocommerce-free-shipping-bar" title="Documents" rel="nofollow ugc">Documents</a> | <a href="https://1.envato.market/N3mPV" title="Pro Version" rel="nofollow ugc">Pro Version</a> | <a href="https://www.facebook.com/groups/villatheme" title="VillaTheme" rel="nofollow ugc">Facebook group</a>
</blockquote>
Preview WooCommerce Free Shipping 
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/bjvflHXXBCU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
You can learn how to use the plugin by this video guide:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/25nsSu5j9Q8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Important Notice:</h3>
<ul>
<li>
Plugin works based on WooCommerce plugin.
</li>
<li>
The plugin is released on WordPress.org and you can use plugin as free to build themes for sale.
</li>
</ul>
<h3>FEATURES</h3>
► Display Free shipping bar and progress bar to offer WooCommerce free shipping over amount
<ul>
<li>
Free shipping bar: Free shipping bar with various messages to reach to free shipping. You can select to display 
the free shipping bar on the top header or bottom.
</li>
<li>
Progress bar: There is a progress bar that shows how much more by percentage a customer should purchase to qualify 
for free shipping. This progress bar will display along with the free shipping bar
</li>
<li>
Small progress bar: A small progress bar indicates how much more a customer should purchase to qualify for free 
shipping. A small progress bar can display on the menu cart, sidebar cart, cart page, and checkout page.
</li>
</ul>
► Variety of Free shipping bar and progress bar positions to display WooCommerce free shipping over amount
<ul>
<li>
Shipping bar positions: There are 2 positions that you can select to show the shipping bar: on the top header or 
at the bottom
</li>
<li>
Progress bar positions: There are 2 main positions of the progress bar in comparison with the shipping bar: inside 
or under.
</li>
</ul>
► Design: You can design to display WooCommerce Free Shipping over amount in order to match your theme or site’s style.
<ul>
<li>
Shipping bar: You can set the background color, text color, link color, font family, font size, text-align of the 
shipping bar.
</li>
<li>
Progress bar: You can set the background color, text color, font size, bar effect (Plain, loading, border) of the 
progress bar.
</li>
<li>
Custom CSS: Design shipping bar and progress bar as you want.
</li>
</ul>
► Other outstanding features
<ul>
<li>
Announce system: Content is shown in the main progress bar when users access the website. Use the available shortcode to add in this form. For example, we are having a Free Shipping system for customers when you buy greater than or equal to {min_amount}
</li>
<li>
Message after purchasing: Content notification is shown in the main progress bar when the user adds a product to the cart. Use some available shortcodes to add in this form.Example: You have purchased {total_amounts} of {min_amount} Free Shipping system.
</li>
<li>
Message if reach to free shipping: Content notification is shown in main progress bar when users total amount greater than or equal with a minimum order amount of Free Shipping zone and then users can directly go to checkout page with available shortcodes. For example Congratulation! You have achieved enough to be able to get free shipping. Go to {checkout_page}
</li>
<li>
Message if not reach to free shipping: Content is shown in main progress bar of checkout page when users missing amounts to receive Free Shipping. This total missing can be added with the available shortcodes. Example: You are missing {missing_amount} achieved enough to be able to get Free Shipping. Continue {shopping}
</li>
</ul>
► Flexible custom messages on shipping bar to offer WooCommerce free shipping over amount
<ul>
<li>
Free shipping zone: Select a shipping zone from WooCommerce that allows free shipping to display the progress.
</li>
<li>
Shortcodes: 6 shortcodes are available for you to customize your free shipping bar front-end message
<ul>
<li>{min_amount} – Minimum order amount Free Shipping</li>
<li>{total_amounts} – The total amount of your purchases</li>
<li>{cart_amount} – Total current cart amount</li>
<li>{missing_amount} – The outstanding amount of free shipping</li>
<li>{checkout_page} – Link to checkout page</li>
<li>{shopping} – Link to the shop page</li>
</ul>
</li>
<li>
Works on mobile!: The bar will be displayed normally on mobile devices. Almost purchase has now come from mobile devices so working on responsive devices is now a very important feature for all plugins.
</li>
<li>
Initial delay: The delay time to display the bar after page loaded.
</li>
<li>
You can design to display WooCommerce Free Shipping over amount in order to match your theme or site’s style.: Design your free shipping bar with 3 font-end styles, 2 positions (top and bottom), Background Color, Text Color, Link Color, Font-Size, Text Align, Enable/Disable free shipping progress,
</li>
<li>
Giftbox: Enable or disable the free shipping gift box on the corner of the screen. If this option is disabled, the bar will automatically appear and disappear
</li>
<li>
Easy to use: The plugin does have a nice design and friendly user interface.
</li>
</ul>
<h3>PRO VERSION</h3>
<ul>
<li>
All features from free version.
</li>
<li>
6 months premium support from VillaTheme: We will help you if you have any problem with the plugin Free Shipping Bar for WooCommerce.
</li>
<li>
Detect country and select shipping zone: Free shipping bar will automatically detect customer’s location base on 
their IP address. Then automatically select shipping zone. Example**: You have a store located in America. You provide 
free shipping for order above 100 USD with customers from US. But if a customers from Canada, his order will need to be above 200USD to claim free shipping. That is when this option works for you, it will automatically select shipping zone (US or Canada) to display free shipping progress.
</li>
<li>
Enable/Disable the bar on mobile devices.
</li>
<li>
Small progress bar: A small progress bar indicates how much more a customer should purchase to qualify for free shipping. A small progress bar can display on the menu cart, sidebar cart, cart page, and checkout page.
</li>
<li>
Design: More design options with the pro version Font-Family, Progress Background Color, Current Progress Background Color, Progress Text Color, Font-Size Progress Bar, Progress Bar Effect.
</li>
<li>
Gift icon: The icon to call out the WooCommerce Free Shipping over amount bar when it is hidden.
</li>
<li>
Custom CSS: Unlimited your free shipping bar with the Custom CSS option.
</li>
<li>
Initial delay: Select a delay time for the bar to appear after site fully loaded. The bar will make no effect on your site loading time.
</li>
<li>
Close message: Allow customers to close the bar.
</li>
<li>
Time to disappear: Select a time for the bar to automatically disappear. Customer can make it reappear by click on the free delivery icon.
</li>
<li>
Conditional tags: Select which page where the bar should appear. Normally, you will want the bar to appear on WooCommerce pages only. This option will help you to configure where the bar appear by using WordPress conditional tags.
</li>
<li>
Assign pages: Choose to hide the bar on common page like Homepage, Blog page, Cart page, Checkout page…
</li>
<li>
GET PRO VERSION <a href="https://1.envato.market/N3mPV" rel="nofollow ugc">https://codecanyon.net/item/woo-free-shipping-bar/19536343</a>
</li>
</ul>
<h3>MAY BE YOU NEED</h3>
<a href="https://wordpress.org/plugins/9mail-wp-email-templates-designer/" rel="ugc">9MAIL – WordPress Email Templates Designer</a>
<a href="https://wordpress.org/plugins/9map-map-multi-locations/" rel="ugc">9Map – Map Multi Locations</a>
<a href="https://wordpress.org/plugins/woo-abandoned-cart-recovery/" rel="ugc">Abandoned Cart Recovery for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-advanced-product-information/" rel="ugc">Advanced Product Information for WooCommerce</a>
<a href="https://wordpress.org/plugins/affi-affiliate-marketing-for-woo/" rel="ugc">AFFI – Affiliate Marketing for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-alidropship/" rel="ugc">ALD – Dropshipping and Fulfillment for AliExpress and WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-boost-sales/" rel="ugc">Boost Sales for WooCommerce – Set up Up-Sells & Cross-Sells Popups & Auto Apply Coupon</a>
<a href="https://wordpress.org/plugins/bopo-woo-product-bundle-builder/" rel="ugc">Bopo – WooCommerce Product Bundle Builder</a>
<a href="https://wordpress.org/plugins/bulky-bulk-edit-products-for-woo/" rel="ugc">Bulky – Bulk Edit Products for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-cart-all-in-one/" rel="ugc">Cart All In One For WooCommerce</a>
<a href="https://wordpress.org/plugins/catna-woo-name-your-price-and-offers/" rel="ugc">Catna – Woo Name Your Price and Offers</a>
<a href="https://wordpress.org/plugins/checkout-upsell-funnel-for-woo/" rel="ugc">Checkout Upsell Funnel for WooCommerce</a>
<a href="https://wordpress.org/plugins/chinads-dropshipping-taobao-woocommerce/" rel="ugc">ChinaDS – Tmall-Taobao Dropshipping for WooCommerce</a>
<a href="https://wordpress.org/plugins/clear-autoptimize-cache-automatically/" rel="ugc">Clear Autoptimize Cache Automatically</a>
<a href="https://wordpress.org/plugins/compe-woo-compare-products/" rel="ugc">COMPE – WooCommerce Compare Products</a>
<a href="https://wordpress.org/plugins/woo-coupon-reminder/" rel="ugc">Coreem – Coupon Reminder for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-coupon-box/" rel="ugc">Coupon Box for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-multi-currency/" rel="ugc">CURCY – Multi Currency for WooCommerce – Smoothly on WooCommerce 9.x</a>
<a href="https://wordpress.org/plugins/woo-customer-coupons/" rel="ugc">Customer Coupons for WooCommerce</a>
<a href="https://wordpress.org/plugins/depart-deposit-and-part-payment-for-woo/" rel="ugc">DEPART – Deposit and Part payment for Woo</a>
<a href="https://wordpress.org/plugins/email-template-customizer-for-woo/" rel="ugc">Email Template Customizer for WooCommerce</a>
<a href="https://wordpress.org/plugins/epoi-wp-points-and-rewards/" rel="ugc">EPOI – WP Points and Rewards</a>
<a href="https://wordpress.org/plugins/epow-custom-product-options-for-woocommerce/" rel="ugc">EPOW – Custom Product Options for WooCommerce</a>
<a href="https://wordpress.org/plugins/eu-cookies-bar/" rel="ugc">EU Cookies Bar for WordPress</a>
<a href="https://wordpress.org/plugins/exmage-wp-image-links/" rel="ugc">EXMAGE – WordPress Image Links</a>
<a href="https://wordpress.org/plugins/woo-virtual-reviews/" rel="ugc">Faview – Virtual Reviews for WooCommerce</a>
<a href="https://wordpress.org/plugins/fewc-extra-checkout-fields-for-woocommerce/" rel="ugc">FEWC – Extra Checkout Fields For WooCommerce</a>
<a href="https://wordpress.org/plugins/gift4u-gift-cards-all-in-one-for-woo/" rel="ugc">GIFT4U – Gift Cards All in One for Woo</a>
<a href="https://wordpress.org/plugins/handmade-dropshipping-for-etsy-and-woo/" rel="ugc">HANDMADE – Dropshipping for Etsy and WooCommerce</a>
<a href="https://wordpress.org/plugins/happy-helpdesk-support-ticket-system/" rel="ugc">HAPPY – Helpdesk Support Ticket System</a>
<a href="https://wordpress.org/plugins/jagif-woo-free-gift/" rel="ugc">Jagif – WooCommerce Free Gift</a>
<a href="https://wordpress.org/plugins/woo-lookbook/" rel="ugc">LookBook for WooCommerce – Shoppable with Product Tags</a>
<a href="https://wordpress.org/plugins/woo-lucky-wheel/" rel="ugc">Lucky Wheel for WooCommerce – Spin a Sale</a>
<a href="https://wordpress.org/plugins/wp-lucky-wheel/" rel="ugc">Lucky Wheel Giveaway</a>
<a href="https://wordpress.org/plugins/woo-notification/" rel="ugc">Notification for WooCommerce | Boost Your Sales – Recent Sales Popup – Live Feed Sales – Upsells</a>
<a href="https://wordpress.org/plugins/woo-orders-tracking/" rel="ugc">Orders Tracking for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-photo-reviews/" rel="ugc">Photo Reviews for WooCommerce</a>
<a href="https://wordpress.org/plugins/pofily-woo-product-filters/" rel="ugc">Pofily – WooCommerce Product Filters</a>
<a href="https://wordpress.org/plugins/product-pre-orders-for-woo/" rel="ugc">PRENA – Product Pre-Orders for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-product-builder/" rel="ugc">Product Builder for WooCommerce – Custom PC Builder</a>
<a href="https://wordpress.org/plugins/product-size-chart-for-woo/" rel="ugc">Product Size Chart For WooCommerce</a>
<a href="https://wordpress.org/plugins/product-variations-swatches-for-woocommerce/" rel="ugc">Product Variations Swatches for WooCommerce</a>
<a href="https://wordpress.org/plugins/redis-woo-dynamic-pricing-and-discounts/" rel="ugc">REDIS – WooCommerce Dynamic Pricing and Discounts</a>
<a href="https://wordpress.org/plugins/rees-real-estate-for-woo/" rel="ugc">REES – Real Estate for Woo</a>
<a href="https://wordpress.org/plugins/import-shopify-to-woocommerce/" rel="ugc">S2W – Import Shopify to WooCommerce</a>
<a href="https://wordpress.org/plugins/sales-countdown-timer/" rel="ugc">Sales Countdown Timer</a>
<a href="https://wordpress.org/plugins/subre-product-subscription-for-woo/" rel="ugc">SUBRE – Product Subscription for WooCommerce – Recurring Payments</a>
<a href="https://wordpress.org/plugins/woo-suggestion-engine/" rel="ugc">Suggestion Engine for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-thank-you-page-customizer/" rel="ugc">Thank You Page Customizer for WooCommerce – Increase Your Sales</a>
<a href="https://wordpress.org/plugins/tmds-dropshipping-for-temu-and-woo/" rel="ugc">TMDS – Dropshipping for TEMU and Woo</a>
<a href="https://wordpress.org/plugins/vargal-additional-variation-gallery-for-woo/" rel="ugc">VARGAL – Additional Variation Gallery for WooCommerce</a>
<a href="https://wordpress.org/plugins/villatheme-core/" rel="ugc">VillaTheme Core</a>
<a href="https://wordpress.org/plugins/vima-multi-customer-addresses-for-woo/" rel="ugc">VIMA – Multi Customer Addresses for Woo</a>
<a href="https://wordpress.org/plugins/viseek-easy-custom-search/" rel="ugc">VISeek – Easy Custom Search</a>
<a href="https://wordpress.org/plugins/w2s-migrate-woo-to-shopify/" rel="ugc">W2S – Migrate WooCommerce to Shopify</a>
<a href="https://wordpress.org/plugins/webpos-point-of-sale-for-woocommerce/" rel="ugc">WebPOS – Point of Sale for WooCommerce</a>
<a href="https://wordpress.org/plugins/wpbulky-wp-bulk-edit-post-types/" rel="ugc">WPBulky – WordPress Bulk Edit Post Types</a>
<h3>3rd party services</h3>
<ul>
<li>Using Google Fonts to Enhance Typography 
► <a href="https://fonts.google.com/" rel="nofollow ugc">Google Fonts</a> 
► <a href="https://developers.google.com/fonts/terms" rel="nofollow ugc">Google Fonts Terms of Services</a></li>
</ul>
<h3>Documentation</h3>
<ul>
<li><a href="https://docs.villatheme.com/?item=woocommerce-free-shipping-bar" rel="nofollow ugc">Getting Started</a></li>
</ul>
<h3>Plugin Links</h3>
<ul>
<li><a href="https://villatheme.com/extensions/woocommerce-free-shipping-bar/" rel="nofollow ugc">Project Page</a></li>
<li><a href="https://docs.villatheme.com/?item=woocommerce-free-shipping-bar" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://villatheme.com/knowledge-base/security-is-our-priority/" rel="nofollow ugc">Report Bugs/Issues</a></li>
</ul>

Free Shipping Bar for WooCommerce

Motivate customers to reach the free shipping threshold with a visual free shipping bar, dynamic messages and progress tracker.

Softminal Cart Reward Progress Bar vs Free Shipping Bar for WooCommerce