Title: Free Shipping Bar for WooCommerce – Progress Indicator, Popup & Alerts Author: PI Web Solution Published: April 23, 2019 Last modified: June 12, 2026 --- Search plugins ![](https://ps.w.org/free-shipping-notification-woocommerce/assets/banner-772x250. png?rev=3419138) ![](https://ps.w.org/free-shipping-notification-woocommerce/assets/icon.svg?rev= 3314228) # Free Shipping Bar for WooCommerce – Progress Indicator, Popup & Alerts By [PI Web Solution](https://profiles.wordpress.org/rajeshsingh520/) [Download](https://downloads.wordpress.org/plugin/free-shipping-notification-woocommerce.2.2.94.zip) * [Details](https://wordpress.org/plugins/free-shipping-notification-woocommerce/#description) * [Reviews](https://wordpress.org/plugins/free-shipping-notification-woocommerce/#reviews) * [Development](https://wordpress.org/plugins/free-shipping-notification-woocommerce/#developers) [Support](https://wordpress.org/support/plugin/free-shipping-notification-woocommerce/) ## Description 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 Here are a few of the options that you get with the plugin * You can **set one shipping zone as default**, so you can show the message even when the user has not selected the address * Set **custom messages** 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 * Change design of the bar from within the option: **Change background color**** Change text color** **Change bar position** * In the Pro version, you can add a bar to your desired location using the shortcode**[ free_shipping_notification]** * There is a circular progress bar shown at the bottom so the user can see their progress even when they close the bar * **Change the image** that is shown inside the circular progress * Set timing for the bar, like when it should appear, whether it should be persistent or hidden after some time * Allows you to set a custom message when the user has purchased a certain amount of product * It also allows you to show how much more they have to purchase to qualify for free shipping * It gives you the option to translate the custom message in different languages on a multilingual site * 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 * Show linear progress towards free shipping, as the user adds more products to the cart * Show circular progress toward free shipping, as the user adds more products to the cart * Disable notification bar for mobile devices * Set a custom breakpoint for mobile devices in pixels (device width) * Change the position of the circular progress, as per your theme; there are 4 position options: bottom left, bottom right, top left, top right * Add a free shipping icon in the notification bar * Show “Free shipping” notification when free shipping is available without any restrictions on purchase amount as well * 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) * Smooth linear animation on the progress line * Control the **color of the progress line** to match your website color * Fully compatible with [Price Based on Country for WooCommerce](https://wordpress.org/plugins/woocommerce-product-price-based-on-countries/) * Show free shipping message as a **popup** * Free shipping **popup will show** when a product is added or deleted in the cart * You can customize the **popup width, background color, font color and have different widths for mobile and desktop** * Option to hide all non-free shipping methods when free shipping is available * Option to hide all non-free shipping methods and only show Free shipping and Local pickup methods * 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 * 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) * Disable free shipping bar on specific pages, by adding their page IDs, e.g., 22, 33, 45 [Try Pro version Admin Demo](http://websitemaintenanceservice.in/freeshipping_bar/) ### The bar is hiding my menu at the top ``` body.pisol-bar-open{ padding-top:40px; } ``` 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 body.pisol-bar-open{ padding-top:40px; } So this padding of 40px will be applied when the bar is visible, and it will be removed when the bar is hidden FEATURES: * Free shipping progress bar ### Privacy If you choose to opt in from the plugin settings, or submit optional feedback during deactivation, this plugin may collect basic technical information, including: * Plugin version * WordPress version * WooCommerce version * Site URL * Deactivation reason (if submitted) This data is used solely to improve plugin quality, compatibility, and features. No personal or user-specific data is collected without consent. ## Screenshots [⌊Free shipping notification progress bar shown on the Checkout page, Free shipping notification bar plugin supports Classic shortcode-based checkout page as well as block-based checkout page⌉⌊Free shipping notification progress bar shown on the Checkout page, Free shipping notification bar plugin supports Classic shortcode- based checkout page as well as block-based checkout page⌉[ Free shipping notification progress bar shown on the Checkout page, Free shipping notification bar plugin supports Classic shortcode-based checkout page as well as block-based checkout page [⌊Free shipping notification progress bar shown on the Cart page, Free shipping notification bar plugin supports Classic shortcode-based cart page as well as block- based cart page⌉⌊Free shipping notification progress bar shown on the Cart page, Free shipping notification bar plugin supports Classic shortcode-based cart page as well as block-based cart page⌉[ Free shipping notification progress bar shown on the Cart page, Free shipping notification bar plugin supports Classic shortcode-based cart page as well as block-based cart page [⌊Pro version of Free shipping notification bar plugin allows you to show progress in a popup⌉⌊Pro version of Free shipping notification bar plugin allows you to show progress in a popup⌉[ Pro version of Free shipping notification bar plugin allows you to show progress in a popup [⌊Show different message based on the amount in the cart⌉⌊Show different message based on the amount in the cart⌉[ Show different message based on the amount in the cart [⌊Free shipping notification bar can be shown in the header or footer of the site⌉⌊ Free shipping notification bar can be shown in the header or footer of the site⌉[ Free shipping notification bar can be shown in the header or footer of the site [⌊Basic configuration page of the Free shipping notification bar plugin⌉⌊Basic configuration page of the Free shipping notification bar plugin⌉[ Basic configuration page of the Free shipping notification bar plugin [⌊Configure different message based on the percentage of amount user has purchased needed for free shipping⌉⌊Configure different message based on the percentage of amount user has purchased needed for free shipping⌉[ Configure different message based on the percentage of amount user has purchased needed for free shipping [⌊Control where to show the free shipping notification bar⌉⌊Control where to show the free shipping notification bar⌉[ Control where to show the free shipping notification bar [⌊Option to control if the free shipping notification bar should be shown on cart and checkout page⌉⌊Option to control if the free shipping notification bar should be shown on cart and checkout page⌉[ Option to control if the free shipping notification bar should be shown on cart and checkout page [⌊Configure WooCommerce free shipping method to get the free shipping notification bar⌉⌊Configure WooCommerce free shipping method to get the free shipping notification bar⌉[ Configure WooCommerce free shipping method to get the free shipping notification bar [⌊Free shipping notification bar plugin only works with the WooCommerce free shipping method, so you need to enable that in the WooCommerce shipping setting⌉⌊Free shipping notification bar plugin only works with the WooCommerce free shipping method, so you need to enable that in the WooCommerce shipping setting⌉[ Free shipping notification bar plugin only works with the WooCommerce free shipping method, so you need to enable that in the WooCommerce shipping setting [⌊Free shipping notification bar plugin allows you to set a design for the progress bar⌉⌊Free shipping notification bar plugin allows you to set a design for the progress bar⌉[ Free shipping notification bar plugin allows you to set a design for the progress bar ## FAQ ### The bar is hiding my menu at the top 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 from 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 body.pisol-bar-open{ padding-top:40px; } So this padding of 40px will be applied when the bar is visible, and it will be removed when the bar is hidden ### I don’t see any notification bar on the site It will show the notification when the user has selected a shipping zone and that zone has a free shipping method. If you have multiple zones, then you can select one zone (with free shipping as the default). This zone will be used for notification until the user selects their shipping zone. Once they select their zone, the notification will change as per that zone. If the selected shipping zone has free shipping, then it will show that; if it doesn’t, then it will be hidden ### I want to show the shipping bar for some time and then hide after that You can do that using the option “Show the free shipping notification bar continuously” ### I want to add the free shipping notification bar using shortcode Yes, you can do so in the Pro version; you can add it using the shortcode [free_shipping_notification] ### I want to show different messages based on the amount user has added in the cart till now You can do that; you can set a different message that will be shown to the buyer based on the amount in the cart. ### I want to change the background color of the free shipping bar You can change it using the design tab ### I want to show the notification bar in the footer or top You can set two different positions where the shipping notification alert will be shown ### I don’t want to show the Free shipping notification on all pages You can control where to show the free shipping notification, using the control tab but this is available only in the Pro version ### Free shipping progress bar Translation Translations are available in the Pro version of the plugin ### Can translate the message shown in the free shipping notification bar Yes, you can do so only in the Pro version ### Free shipping bar is being hidden behind the header Add CSS code .pisol-bar-container{ z-index:99999999; } ### I want to hide the free shipping bar for the mobile Yes, you can disable it on mobile; there is an option to do that ### I want to set the mobile device width Yes you can set the breakpoint width of the device ### Add an icon in the notification message shown on top In the Pro version, you can add an icon in the notification message using {icon} shortcode ### I want to show the Free shipping message without any quantity restriction Yes, you can do that; it will show the free shipping message if you are offering no-restriction free shipping ### I want to change the free shipping message as per user country on its own Yes, the Pro version does detect the customer’s country, and if you have free shipping in their country it will show the message to them ### If a customer comes from the country for which you don’t have free shipping then what will happen? In that case you have the option to set the plugin to either show a message based on the default shipping zone set by you, or You can show them no message until they go on shopping and select one of the shipping zones supported by you ### I am using “Price Based on Country for WooCommerce” Yes, our Pro version is fully compatible with that plugin. ### I want to change the thickness of the progress line Yes, you can change the thickness from the plugin settings in the Pro version ### I don’t want to show shipping info in the bar, I want to show it as a popup You can do that in the Pro version ### Will the popup show how much they need to shop to get Free shipping Yes, the popup will show them how much they need to shop to get free shipping, just like the shipping bar; the only difference is it will be inside a popup and not shown continuously to the user ### Is the popup auto-updated Yes, the popup auto-updates as per the user’s cart total and pops up every time a product is added or removed, or product quantity is changed in the cart ### Do the user have to open the popup No, the popup will open on its own as the user shops through your site. It opens every time a product is added or removed, or quantity is changed in the cart ### I don’t want to show other paid shipping method when free shipping is available In the Pro version, you can do that. It will check if free shipping is available; if it is, it will hide all other non-free shipping methods ### When free shipping is available I want to hide other paid shipping methods, but I want to show the option of local pickup It gives you the option for that, if your Local pickup is Free then it will work with option “Hide all the shipping method which are not FREE” but if local pickup is not free in that case you have to use this option “Show only Local pickup and other FREE shipping methods” this will show the local pickup along with other free shipping methods, even if local pickup is not free ### I don’t want to show the free shipping notification for “Minimum order amount AND Coupon” till user adds the Coupon you have the option after enabling that the free shipping notification will not be shown for the condition “Minimum order amount AND Coupon” until the user adds the free shipping coupon to the site ### Is it compatible with multi-currency switcher Pro version is compatible with the multi-currency switcher [Price Based on Country for WooCommerce by Oscar Gare](https://wordpress.org/plugins/woocommerce-product-price-based-on-countries/) [WooCommerce Currency Switcher by PluginUs.NET](https://wordpress.org/plugins/woocommerce-currency-switcher/) ### Want to show the free shipping progress bar in the cart page subtotal area That is available in the pro version ### Is it HPOS compatible Yes, the Free version and Pro version both are HPOS compatible ## Reviews ![](https://secure.gravatar.com/avatar/12f6d292f78d48ea6f0946f5e25e99bf0bcc2640bbf8d8fa311c8a2d0757acbd? s=60&d=retro&r=g) ### 󠀁[Excellent plug in](https://wordpress.org/support/topic/excellent-plug-in-401/)󠁿 [tarektabbarah](https://profiles.wordpress.org/tarektabbarah/) July 17, 2024 works great ![](https://secure.gravatar.com/avatar/557ef59368767c39d35abc34630b2be32fc32d16ee082e9cdb29092212d23b19? s=60&d=retro&r=g) ### 󠀁[Rating](https://wordpress.org/support/topic/rating-101/)󠁿 [mohmedo250](https://profiles.wordpress.org/mohmedo250/) August 29, 2023 Rating ![](https://secure.gravatar.com/avatar/3fa011ba36374f94ee2b62b62ea3a45583f300e671c2107533334501d8db4f9d? s=60&d=retro&r=g) ### 󠀁[Good little plugin!](https://wordpress.org/support/topic/good-little-plugin-12/)󠁿 [nextaparty](https://profiles.wordpress.org/nextaparty/) October 27, 2022 Good little plugin! ![](https://secure.gravatar.com/avatar/636b58686a9315ad7d3e9aa16782a4b5f3b1f2255df7a411bc6d6233e4847f76? s=60&d=retro&r=g) ### 󠀁[awsome plugin](https://wordpress.org/support/topic/awsome-plugin-159/)󠁿 [propyrosk](https://profiles.wordpress.org/propyrosk/) December 1, 2021 I love this plugin easy configuration, all just works ![](https://secure.gravatar.com/avatar/0def32ef7528046dfa5829785210d8c0ba7b28b80c1f29e97d6dd1f3fa6f21d5? s=60&d=retro&r=g) ### 󠀁[Excellent Work, Easy Install](https://wordpress.org/support/topic/excellent-work-easy-install/)󠁿 [rvjenterprises](https://profiles.wordpress.org/rvjventures/) September 22, 2021 Enjoy your plugin. Never see any glitches. Works as it should. Simple install. ![](https://secure.gravatar.com/avatar/9bd18d58c206cbd2a94b49006634a02f12264f3441bb18181445f13c8bc243c9? s=60&d=retro&r=g) ### 󠀁[Great Work, excellent Support](https://wordpress.org/support/topic/great-work-excellent-support/)󠁿 [repeter75](https://profiles.wordpress.org/repeter75/) August 24, 2021 The plugin works and does the expected. Good overall handling. A special thing I need to point out is the excellent support. Really great job. [ Read all 18 reviews ](https://wordpress.org/support/plugin/free-shipping-notification-woocommerce/reviews/) ## Contributors & Developers “Free Shipping Bar for WooCommerce – Progress Indicator, Popup & Alerts” is open source software. The following people have contributed to this plugin. Contributors * [ PI Web Solution ](https://profiles.wordpress.org/rajeshsingh520/) [Translate “Free Shipping Bar for WooCommerce – Progress Indicator, Popup & Alerts” into your language.](https://translate.wordpress.org/projects/wp-plugins/free-shipping-notification-woocommerce) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/free-shipping-notification-woocommerce/), check out the [SVN repository](https://plugins.svn.wordpress.org/free-shipping-notification-woocommerce/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/free-shipping-notification-woocommerce/) by [RSS](https://plugins.trac.wordpress.org/log/free-shipping-notification-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.2.93 * Tested for WP 7.0 #### 2.2.91 * Tested for WooCommerce 10.7.0 #### 2.2.74 * code optimized #### 2.2.49 * code optimized * Tested for WC 10.1.0 #### 2.2.47 * code optimized #### 2.2.46 * Tested for WC 10.0.4 #### 2.2.44 * Tested for WC 10.0.2 #### 2.2.43 * Free shipping notification bar plugin UI improved #### 2.2.42 * Analytics added to the free shipping notification bar plugin #### 2.2.41 * Free shipping notification WooCommerce plugin Tested for WC 9.9.3 #### 2.2.40 * Tested for WC 9.8.5 #### 2.2.39 * Tested for WC 9.8.0 #### 2.2.37 * Translation warning fixed #### 2.2.36 * Tested for WP 6.8.0 #### 2.2.33 * Tested for WC 9.7.0 #### 2.2.31 * Tested for WC 9.6.0 #### 2.2.29 * Tested for WC 9.5.0 #### 2.2.27 * Tested for WC 9.4.2 #### 2.2.24 * Tested for WC 9.4.0 #### 2.2.23 * Tested for WP 6.7.0 #### 2.2.20 * Tested for WC 9.3.0 #### 2.2.19 * progress block support in cart #### 2.2.16 * Tested for WC 9.2.0 #### 2.2.14 * Tested for WC 9.1.4 #### 2.2.13 * Tested for WC 9.1.0 #### 2.2.12 * Tested for WP 6.6.1 #### 2.2.11 * Tested for WC 9.0.0 #### 2.1.71 * Geo-location bug fixed #### 2.1.70 * Compatible with PHP 8.2 #### 2.1.31 * Compatible with WC 7.6.0 #### 2.1.30 * Compatible with WP 6.2.0 #### 2.1.29 * WC 7.5 bug fixed related to the ajaxCompletion event ## Meta * Version **2.2.94** * Last updated **2 weeks ago** * Active installations **300+** * WordPress version ** 3.0.1 or higher ** * Tested up to **7.0** * Tags * [free shipping bar](https://wordpress.org/plugins/tags/free-shipping-bar/)[notification bar](https://wordpress.org/plugins/tags/notification-bar/) [offer bar](https://wordpress.org/plugins/tags/offer-bar/)[promotion bar](https://wordpress.org/plugins/tags/promotion-bar/) * [Advanced View](https://wordpress.org/plugins/free-shipping-notification-woocommerce/advanced/) ## Ratings 4.8 out of 5 stars. * [ 17 5-star reviews ](https://wordpress.org/support/plugin/free-shipping-notification-woocommerce/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/free-shipping-notification-woocommerce/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/free-shipping-notification-woocommerce/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/free-shipping-notification-woocommerce/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/free-shipping-notification-woocommerce/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/free-shipping-notification-woocommerce/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/free-shipping-notification-woocommerce/reviews/) ## Contributors * [ PI Web Solution ](https://profiles.wordpress.org/rajeshsingh520/) ## Support Issues resolved in last two months: 1 out of 1 [View support forum](https://wordpress.org/support/plugin/free-shipping-notification-woocommerce/)