Softminal

<p><strong>Softminal Cart Reward Progress Bar</strong> 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.</p>
<p>It works seamlessly with <strong>WooCommerce</strong>, <strong>SureCart</strong>, and <strong>FluentCart</strong> — giving you the flexibility to use it across different eCommerce platforms on the same WordPress site.</p>
<p>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.</p>
<h3>Reward Types</h3>
<ul>
<li><strong>Free Shipping</strong> — Show progress toward a free shipping threshold. Shipping cost is automatically zeroed when the goal is reached.</li>
<li><strong>Percentage Discount</strong> — Automatically apply a percentage discount to the cart when the spending goal is met.</li>
<li><strong>Free Gift</strong> — Automatically add a free product to the cart when the customer reaches the goal amount.</li>
</ul>
<h3>Bar Styles</h3>
<ul>
<li><strong>Rounded</strong> — Pill-shaped bar with smooth edges.</li>
<li><strong>Flat</strong> — Clean, squared bar with no border radius.</li>
<li><strong>Striped</strong> — Animated diagonal stripes for a more dynamic look.</li>
</ul>
<h3>Celebration Animations</h3>
<p>When a customer reaches the goal, the bar can celebrate with one of four animations:</p>
<ul>
<li><strong>Pulse</strong> — A quick scale-up effect.</li>
<li><strong>Glow</strong> — A pulsing glow around the bar.</li>
<li><strong>Bounce</strong> — A playful bounce animation.</li>
<li><strong>Confetti</strong> — Colorful confetti sparkles appear around the bar.</li>
</ul>
<h3>Multi-Platform Support</h3>
<ul>
<li><strong>WooCommerce</strong> — Classic cart, block cart, block checkout, mini-cart, and HPOS compatible.</li>
<li><strong>SureCart</strong> — Native integration via Alpine.js event bridge.</li>
<li><strong>FluentCart</strong> — Native integration via wp.hooks event bridge.</li>
</ul>
<p>The plugin auto-detects which eCommerce platform is active, or you can manually select one from the settings page.</p>
<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>
<p>Customize the message shown at each stage using dynamic placeholders:</p>
<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>
<p>Three separate message templates: <strong>empty cart</strong>, <strong>in-progress</strong>, and <strong>goal reached</strong>.</p>
<h3>Dark Mode</h3>
<p>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.</p>
<h3>RTL Support</h3>
<p>Full right-to-left language support with auto-detection or manual override (LTR / RTL).</p>
<h3>Currency Formatting</h3>
<p>Configure the currency symbol position (before/after), decimal places (0–2), and thousand separator (comma, dot, space, or none) independently from your eCommerce platform.</p>
<h3>Scheduling</h3>
<p>Optionally restrict the progress bar to a specific date range — useful for seasonal promotions, flash sales, or holiday campaigns.</p>
<h3>Accessibility</h3>
<p>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>.</p>
<h3>Shortcode</h3>
<p>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.</p>
<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>
<p>Every feature is included at no cost. There is no premium tier, no feature gating, and no upsells.</p>


Softminal Cart Reward Progress Bar

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

PI Web Solution

<p>Free shipping notification bar plugin for WooCommerce will show a notification bar on your site that will inform your users that you have free shipping available when shopping for X amount. It will also show a live counter as they shop, so the buyer will know as they become eligible for free shipping</p>
<p>Here are a few of the options that you get with the plugin</p>
<ul>
<li>You can <strong>set one shipping zone as default</strong>, so you can show the message even when the user has not selected the address</li>
<li>Set <strong>custom messages</strong> for the shipping bar when the user just enter the site, when he adds some product to cart message changes and when he crosses 50% needed for free shipping message changes and then he reaches the required amount for free shipping, message changes completely</li>
<li>
<p>Change design of the bar from within the option:<br />
<strong>Change background color</strong><br />
<strong>Change text color</strong><br />
<strong>Change bar position</strong></p>
</li>
<li>
<p>In the Pro version, you can add a bar to your desired location using the shortcode <strong>[free_shipping_notification]</strong></p>
</li>
<li>There is a circular progress bar shown at the bottom so the user can see their progress even when they close the bar</li>
<li><strong>Change the image</strong> that is shown inside the circular progress</li>
<li>Set timing for the bar, like when it should appear, whether it should be persistent or hidden after some time</li>
<li>Allows you to set a custom message when the user has purchased a certain amount of product</li>
<li>It also allows you to show how much more they have to purchase to qualify for free shipping</li>
<li>It gives you the option to translate the custom message in different languages on a multilingual site</li>
<li>Instead of showing the notification on all the pages of the site, you can control where to show the free shipping bar, such as showing it only on the product pages, cart page, or checkout page  </li>
<li>Show linear progress towards free shipping, as the user adds more products to the cart</li>
<li>Show circular progress toward free shipping, as the user adds more products to the cart</li>
<li>Disable notification bar for mobile devices</li>
<li>Set a custom breakpoint for mobile devices in pixels (device width)</li>
<li>Change the position of the circular progress, as per your theme; there are 4 position options: bottom left, bottom right, top left, top right</li>
<li>Add a free shipping icon in the notification bar</li>
<li>Show “Free shipping” notification when free shipping is available without any restrictions on purchase amount as well</li>
<li>Show “Free shipping” notification when free shipping is available with a minimum amount restriction and coupon code (you can specify different wording when a coupon code is required to get free shipping)</li>
<li>Smooth linear animation on the progress line</li>
<li>Control the <strong>color of the progress line</strong> to match your website color</li>
<li>Fully compatible with <a href="https://wordpress.org/plugins/woocommerce-product-price-based-on-countries/" rel="ugc">Price Based on Country for WooCommerce</a></li>
<li>Show free shipping message as a <strong>popup</strong> </li>
<li>Free shipping <strong>popup will show</strong> when a product is added or deleted in the cart</li>
<li>You can customize the <strong>popup width, background color, font color and have different widths for mobile and desktop</strong></li>
<li>Option to hide all non-free shipping methods when free shipping is available</li>
<li>Option to hide all non-free shipping methods and only show Free shipping and Local pickup methods</li>
<li>When you have free shipping available with “Minimum order amount AND Coupon” then you can hide the notification message when the user adds the coupon to the site</li>
<li>Ignore virtual product cost from minimum amount needed for free shipping (this even changes the behavior of the free shipping method of WooCommerce to ignore the virtual product)</li>
<li>Disable free shipping bar on specific pages, by adding their page IDs, e.g., 22, 33, 45</li>
</ul>
<p><a href="http://websitemaintenanceservice.in/freeshipping_bar/" rel="nofollow ugc">Try Pro version Admin Demo</a></p>
<h3>The bar is hiding my menu at the top</h3>
<pre><code>body.pisol-bar-open{ padding-top:40px; }
</code></pre>
<p>When the bar is visible, it adds a class name pisol-bar-open to the body of the page so you can leave some extra spacing at the top so your menu shifts down when the bar is visible. Example: you can add this CSS to add 40px padding from the top when the bar is visible. Add the below CSS in your site Appearance > Customizer > Additional CSS</p>
<p>body.pisol-bar-open{ padding-top:40px; }</p>
<p>So this padding of 40px will be applied when the bar is visible, and it will be removed when the bar is hidden</p>
<p>FEATURES:</p>
<ul>
<li>Free shipping progress bar</li>
</ul>
<h3>Privacy</h3>
<p>If you choose to opt in from the plugin settings, or submit optional feedback during deactivation, this plugin may collect basic technical information, including:</p>
<ul>
<li>Plugin version  </li>
<li>WordPress version  </li>
<li>WooCommerce version  </li>
<li>Site URL</li>
<li>Deactivation reason (if submitted)</li>
</ul>
<p>This data is used solely to improve plugin quality, compatibility, and features. No personal or user-specific data is collected without consent.</p>


Free Shipping Bar for WooCommerce – Progress Indicator, Popup & Alerts

Free shipping bar will show a notification bar/popup on your website with a free shipping progress bar that will inform users how much they should buy …

Softminal Cart Reward Progress Bar vs Free Shipping Bar for WooCommerce – Progress Indicator, Popup & Alerts