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
- 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
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 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 
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 
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 
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 
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 allows you to set a design for the progress bar
FAQ
-
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
-
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
-
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
WooCommerce Currency Switcher by PluginUs.NET -
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
Contributors & Developers
“Free Shipping Bar for WooCommerce – Progress Indicator, Popup & Alerts” is open source software. The following people have contributed to this plugin.
ContributorsInterested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
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
