Free Shipping Bar for Magento 2
Free Shipping Bar for Magento 2 stores allow encouraging customers to buy more for availing of free shipping thus increasing sales and cart value of your store.
Table of Content
1. Configuration
2. Free Shipping Bar
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/0728f4116d03b17789fd1253437b1591.jpeg)
3. Edit Shipping Bar
4. Front-end Display of Free Shipping Bar
1. Configuration
Once the extension is installed successfully, go to Stores>Configuration to configure the extension for use.
Free Shipping Bar: From the drop-down menu, you can Enable or Disable the extension.
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/6a40cb30fbd5d3d4a525deea0f569086.jpeg)
Show On Category Page: If you want to display the free shipping bar on the category page, then you can set this field to Yes.
Show On Product Page: If you want to display the free shipping bar on the Product page, then you can set this field to Yes.
Show On Checkout Page: If you want to display the free shipping bar on the Checkout page, then you can set this field to Yes.
Show On CMS Page: If you want to display the free shipping bar on the CMS page, then you can set this field to Yes.
CMS pages: In this field, select the CMS pages you wish to enable the Free Shipping Bar.
Customer Groups: In this field, select the group of customers you wish to display the Free Shipping Bar to.
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/67edd4dde79ffb30ae823f5d5b687791.jpeg)
Position: From this field, you can specify the position of where you want to display the Free Shipping Bar.
Free Shipping
Enabled: From the drop-down menu, set the field to Yes if you wish to Enable the Free Shipping.
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/6a126e580bab6aa77e3d221a6c7e7a8c.jpeg)
Title: In this field, you can set the title for Free Shipping.
Method Name: In this field, set the Method name for free shipping.
Minimum Order Amount: In this field, set the minimum amount you wish to set for the customers to avail of the free shipping.
Include Tax to Amount: From the drop-down menu, set the field to Yes to include the tax amount.
Displayed Error Message: Set the error message to be displayed in this field.
The admin view of the Free shipping bar to manage the shipping details.
Free Shipping Bar
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/7147bc72d68adf067bacd7967c8864b0.jpeg)
Status: you can Enable or Disable the Free Shipping Bar from here.
Title: You can set the title of the free shipping bar from here.
Store View: From this field, you can select the store view to show the free shipping bar.
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/169a537e38fffeb6fadac10aa1fb51d1.jpeg)
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/e8bf1e4e9aaeffe91c6b8c612d5f9063.jpeg)
Background Color: set the background color according to your store theme.
Font Color: Set the font color according to your store theme.
Amount Color: Set the color of the amount according to your store theme.
Font Size: Set the font size according to your store theme.
Date From: In this field, set the starting date to display the free shipping bar.
Date To: In this field, set the ending date to display the free shipping bar.
Priority: In this field, set the priority of the free shipping bar.
Initial Message: In this field, you can set the initial message to show on the free shipping bar with {{minvalue}}.
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/32ec5fec6eef5aa43b824d6ca892e3ff.jpeg)
In Progress Message: In this field, you can set the in-progress message to show on the free shipping bar with {{subtotal}}.
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/cc5b132f88e86e4255a8c109471e3c87.jpeg)
Achieved Message: In this field, you can set the achieved message to show on the free shipping bar when the free shipping is achieved.
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/9a7cefefc4f1f779cc3014b6c8345f4c.jpeg)
4. Front-end Display of Free Shipping Bar
Front-end view of free shipping bar on the Category Page.
Front-end view of free shipping bar on the Product Page.
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/da59b24fbce9a135e4905708139c6d84.jpeg)
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/73f495addd8e7a552577e0a65e77bcbe.jpeg)
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/20f10365e56c054763f511b7d6a58d73.jpeg)
If anything goes wrong, please contact us at support@magecomp.com
![](https://assets.isu.pub/document-structure/230526100018-1a760a5ec18e2009a2c8dc83d21eb45b/v1/5f1124e3563eab0f7eafd50c77ea8f7b.jpeg)