How to Add FREE Shipping Bar in Magento 2 

How to Add FREE Shipping Bar in Magento 2

Hello, Magento Buddies!

The customers while shopping online, are usually not ready to pay shipping costs at the checkout. It results in an increased cart abandonment rate. 

So, it becomes imperative to provide free shipping to the customers. There are two significant advantages of providing free shipping. One is that your website looks more alluring as the customer gets free shipping. This lessens the abandoned cart rates. And the second is that the free shipping displays the minimum cart value which increases the cart value as a result generates more revenue.

Let’s get right in!

How to Add FREE Shipping Bar in Magento 2 

Configuration of FREE Shipping Bar in Magento 2 

Once you install the Free Shipping Bar module for Magento 2, navigate to Stores > Configuration to configure the extension for use.

configuration - free shipping bar

Free Shipping Bar: Enable this field to use the module functionalities.

Show On Category Page: Select the Yes field to show the free shipping bar on the category page.

Show On Product Page: Select the Yes field to show a free shipping bar on the product page.

Show On Checkout Page: Select the Yes field to show a free shipping bar on the checkout page.

configuration - free shipping bar CMS page

Show On CMS Page: Select the Yes field to show a free shipping bar on the CMS page

CMS pages: Here, choose the pages to show the free shipping bar.

Customer Groups: Here, select the customer’s group to show the bar.

Position: Here, set the location of the Free Shipping Bar from the options of top and bottom.

  • Free Shipping

configuration - free shipping

Enabled: Select the Yes option if you want to Enable Free Shipping.

Title: Here, enter the title of the free shipping bar.

Method Name: Here, enter the name of the method.

Minimum Order Amount: Here, assign the minimum order amount for the customers to get the advantage of the free shipping.

Include Tax to Amount: Here, set the field to Yes if you want to include the tax in the total amount.

Displayed Error Message: Here, Assign the customized error message to show.

Free Shipping bar Manager

The following image exhibits the backend grid of the free shipping bar to manage the shipping details.

free shipping bar manager

Edit Shipping Bar

edit shipping bar

Status: If you want to show the status of the order to the free shipping bar, select the Yes option here

Title: Here, give the free shipping bar title.

Store View: Here, select your desired store view to display the free shipping bar.

shipping bar customizations

Background Color: Here, set the background color as per your preference.

Font Color: Set the font color as per your preference.

Amount Color: Set the color of the amount as per your preference.

Font Size: Set the font size as per your preference.

Date From: Here, affix the starting date to promote the free shipping bar.

Date To: Here, affix the ending date to promote the free shipping bar.

Priority: Here, affix the priority number for the free shipping bar.

initial message - free shipping bar

Initial Message: Here, set the initial message to display to the user so that he can know how much order amount he has to add to get the free shipping benefit.

in progress message - free shipping

In Progress Message: Here, set the progress message to display to the user so that he can know how much order amount is left to add to get the free shipping benefit.

achieved message - free shipping bar

Achieved Message: Here, set the achieved message to display to the user so that he can know that he has availed of the free shipping.

Frontend demo of FREE Shipping Bar in Magento 2 

Frontend view of the Free Shipping Bar on the Category Page

Free Shipping Bar on the Category Page

Frontend view of the Free Shipping Bar on the Product Page

Free Shipping Bar on the Product Page

Frontend view of the Free Shipping Bar on the Shopping Cart Page

Free Shipping Bar on the Shopping Cart Page

Frontend view of the Free Shipping Bar on the Checkout Page

Free Shipping Bar on the Checkout Page

Wrap Up!

The module facilitates the store merchants to display the messages to users as per the cart value. The customers get the idea of the availability of the free shipping bar on the basis of their cart total. 

It is the perfect way to promote free shipping to the customers. Also, encourages more cart value and enhances sales of the store.

Grab the Magento 2 Free Shipping Bar extension where you will be acquainted with all the above-mentioned traits. 

Happy Reading!

Previous Article

What is Google My Business? The Ultimate Guide for Beginners 2024

Next Article

Top 6 ways to Perform Keyword Research for Ecommerce

Write a Comment

Leave a Comment

Your email address will not be published. Required fields are marked *

Get Connect With Us

Subscribe to our email newsletter to get the latest posts delivered right to your email.
Pure inspiration, zero spam ✨