For more details see the Free Shipping Bar for Magento 2 extension page.
Boost your order value and increase sales easily with Magento 2 Free Shipping Bar extension. Promote your free shipping offer based on your business needs.
To enable a free shipping bar, go to Stores → Configuration → Amasty Extensions → Free Shipping Bar → General.
Enable Free Shipping Bar - set to Yes to display a free shipping bar on the frontend.
To customize the design of the bar, please go to Stores → Content → Bar Design Settings.
Expand the Preview tab to see the free shipping bar design without leaving extension settings.
Bar State - choose the state of the bar to preview.
You can also check the display of the design changes applied to the bar right here.
Bar Status - enable or disable the status of free shipping bar by choosing Active/Inactive.
Cart Subtotal Source – set 'Specify Manually' to configure your free shipping goal manually a bar. Set 'Free Shipping Configuration' to use the default Free Shipping Amount value of Free Shipping Magento Method configuration.
To find your Magento Free Shipping Method Settings go to 'Stores' – 'Configuration' – open 'Sales' tab – 'Shipping Methods' – 'Free Shipping'.
Cart Subtotal Goal - set the cart subtotal goal required to get a free shipping. The tab enables if you've picked 'Specify Manually' in Cart Subtotal Source Settings.
Priority – if you create different bars for different store views and customer groups it's may be useful to set priority for a bar. In case you create 2+ bars for the same store view or customer group, users will see only the bar with higher priority.
Visible In Websites - choose the particular store for the bar to be displayed. Leave empty or select all to show bar in all websites.
Apply For Customer Groups - specify the customer groups to display a free shipping bar. Leave empty or select all to show bar for all customers.
Bar Position - choose any position for shipping bar: page top and page bottom.You can fix the bar so that the customers will not lose it. It helps to continuously motivate customers for purchasing.
Pages - put the bar on different pages of your online store: home page, category pages, product pages, search pages, shopping cart and another pages. Leave empty or select all to show bar on all pages.
Add Link to the Bar - set to Yes to add a link and help your customers easily find important shipping information. The bar will be clickable if you add the link.
Link Address - specify the link to provide a customer with necessary information.
Add Close Button - enable this option if you want the users to be able to hide the bar with ‘x’ button.
Show Free Shipping Car Image on Shipping Bar - set to Yes if you want the car image to be displayed. Choose No to hide it.
Expand this tab to customize the text of the shipping bar according to the bar state (Initial, In Progress or Achieved).
Initial Message - enter an informative message about free shipping conditions that will motivate a customer to make a purchase.
In Progress Message - fill in the message to inform your customers about the amount left for free shipping.
Achieved Message - specify the content of the success message. A customer will get it, when the cart total achieves the needed amount to get a free shipping.
Free Shipping Terms Content - fill in the message to provide customers with shipping terms or other important information right on the bar.
After reading the terms users can easily close the redundant content by pressing ‘x’ button.
Font - choose Google font from the dropdown menu to fit your website style.
Font Size - adjust the font size of the messages displayed on the bar.
Text Color - set the colors of the messages specified in the Content tab.
Extra Color - adjust any extra color to attract the attention on the cart subtotal goal.
Background Color - specify the background color with a handy color picker tool.
Custom CSS - customize bar and text styles with CSS parameters.
All you free shipping bars are kept in a handy grid.
To open the grid go to 'Content' tab – 'Manage Bars'.
Click 'Add Shipping Bar' button to create a new free shipping bar.
You can edit free shipping bars from the grid by clicking 'edit' button.
You can also delete and change bars statuses via mass actions. Just pick the bars you want to delete or disable and apply mass action.
Boost sales revenue by increasing customers shopping cart value.
Easily customize your free shipping bar design to make an engaging offer.
Find out how to install the Free Shipping Bar for Magento 2 via Composer.