• Best Drag & Drop Website Builder
  • Build Any Type of Website
  • Unlimited design flexibility
  • Drag & Drop Builder

Free shipping bar WooCommerce, message, popup and alert or Free shipping progress bar

by PI Websolution

18 Ratings

  • 5.0

Active Installations

300+

Last Update

2 weeks

Quality

D

Plugin Description

Description
Try Pro version Admin Demo
Free shipping notification bar plugin for WooCommerce will show a notification bar on your site, that will inform your user that you have free shipping available on shopping of X amount. And it will show a live counter as they go on shopping. So the buyer will know as they become eligible for Free shipping
Here are 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 Pro version You can add a bar to your desired location using short-code [free_shipping_notification]
There is circular progress bar shown at the bottom so the user can see his progress even when he closes the bar
Change the image that is shown inside the circular progress
Set timing for the bar, like when it should appear, it should be persistent or get 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 he has to purchase to qualify for the free shipping
It gives you the option to translate the custom message in different languages in the multilingual site
Instead of showing the notification on all the pages of the site, You can control where to show the free shipping bar, Like showing them only on the product pages or cart page or checkout page
Show linear progress towards free shipping, as the user adds more product to cart
Show circular progress toward free shipping, as the user adds more product to cart
Disable notification bar for the mobile device
Set a custom breakpoint for the mobile device in pixels width of the device
Change the position of the circular progress, as per your theme, there are 4 position option bottom left, bottom right, top left, top right
Add free shipping icon in the notification bar
Show “Free shipping” notification, when the free shipping is available without any restriction on purchase amount as well
Show “Free shipping” notification, when the free shipping is available with minimum amount restriction And Coupon code (you can specify a different wording when 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 popup
Free shipping popup will show when product is added, deleted in the cart
You can customize the popup width, background color, font color and have different width for mobile and desktop
Option to hide all non free shipping method when free shipping are available
Option to show hide all non free shipping method and only show Free shipping and Local pickup method
When you have free shipping available with “Minimum order amount AND Coupon” then you can hide the notification message will 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 page, by adding there page ID 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 at that time it adds a class name pisol-bar-open to the body of the page so using that you can leave some extra spacing from the top so your menu shifts down when 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 bar is hidden
FEATURES:
Free shipping progress bar

Similar Plugins

  • Report Bug
The content on this website originates from various sources. All rights to the original content remain with the respective author. If you believe that your copyrights have been infringed by the use of content on this website, please contact us at info@plugin-guru.com. We will remove the content in question immediately.

This is the heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Collections

Create your first Collection

To create a collection, simply click on the symbol on the desired plugin.

You can see this symbol when you move the mouse over the plugin. 

Current Level

Plugin Magican

You have reached 0 views on your collections and are currently Plugin Magican. You magically help people find the right plugins and are a great asset to the community

0 of 500 views reached