Magento 2 Free Shipping Bar
Installation and User Guide for Magento 2 Free Shipping Bar Extension
Table of Contents
Installation via app/code
Installation via Composer
Configuration Settings for Free Shipping Bar Rule
General Settings
Manage Free Shipping Bar Rules
Free Shipping Bar Rule - Grid
New Shipping Bar - General Settings
New Shipping Bar - Websites & Customers Groups
New Shipping Bar - Shipping Countries
New Shipping Bar - Display Options
New Shipping Bar - Content
New Shipping Bar - Design
Font Color - Enter font color
Free Shipping Discount
Free Shipping Bar on the Homepage with Generic Message
Free Shipping Bar with Generic Message / Bar Position Bottom Fixed
Free Shipping Bar with Remaining Amount
Free Shipping Bar on the Cart Page with Success Message
Installation
Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.
Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.
Configuration Settings for Free Shipping Bar Rule
Go to Admin > Stores > Configuration > Scommerce Configuration > Free Shipping Bar Rule
General Settings
Enabled - Select “Yes” or “No” to enable or disable the module.
License Key - Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.
Manage Free Shipping Bar Rules
You can add and customize Free Shipping Bar Rules from, Admin > Marketing > All Free Shipping Bar Rules > Free shipping Bar Rule
Free Shipping Bar Rule - Grid - To create new free shipping bar rule click on “Add Shipping Bar” button and to edit existing rule click “Edit” option under "Action"
New Shipping Bar - General Settings
Bar Name - Enter Bar name. This is only for admin use.
Bar Status - Select "Enable/Disable" bar status.
Minimum Order Amount Source - Select option "Specify Manually" (utilize the rules minimum order amount) or out of the box "Magento free shipping method"(utilize minimum amount from the freee shipping method).
From (Date) - Select date from date picker.
To (Date) - Select date from date picker.
Priority - Set priority level for the free shipping bar. Highest priority level will be picked up first
Rule Apply On - Select "Subtotal excluding VAT/Subtotal including VAT" to apply the free shipping bar rule.
Minimum Order Amount - Enter qualifying amount for cart goal.
New Shipping Bar - Websites & Customers Groups
Store View - Select the store view.
Customer Group - Select customer group.
New Shipping Bar - Shipping Countries
Allowed Countries - Select allowed shipping countries.
New Shipping Bar - Display Options
Bar Position - Select the bar position from the dropdown list to show on the front-end.
Pages - Select the page(s) where you want to show the free shipping bar. If all pages are selected then the bar will be shown on all.
Add Link to the Bar - Select "Yes/No". If set to “Yes” then it will add the information link for terms and conditions.
Add Close Button - If this is “Yes” then it will hide the bar with ‘x’ button.
Show Customize Icon - Select “Yes/No” option. If set to “Yes” then “Upload Icon” option will be shown.
Upload Icon - This will be an option for user to upload an icon (visible when "Show Customize Icon" set to "Yes")
New Shipping Bar - Content
Initial Message - Provide initial message (This will be an informative or generic message about free shipping conditions).
In Progress Message - Provide in progress message (A message to inform customers about the amount left for free shipping).
Achieved Message - Provide achieved message (A customer will get it, when the cart total achieves the needed amount to get a free shipping).
Free Shipping Terms Content - Provide shipping terms or other important information. (This will be a fill in the message to provide customers with shipping terms or other important information right on the bar).
New Shipping Bar - Design
Font - Select font
Font Size - Enter font size
Font Color - Enter font color
Background Color - Enter background color
Custom CSS - Provide custom CSS (.classname {background- color:{color:#FFFFFF})
Free Shipping Discount - The extension only implements the bar display and actual shipping discount needs to be set separately in Magento out of the box.
Front-end Site View
Free Shipping Bar on the Homepage with Generic Message - You can set generic message for free shipping bar from Admin > Marketing > All Free Shipping Bar Rules > Free shipping Bar Rule > Click "Add Free Shipping Bar Rule" > New Shipping Bar > Initial Message
Free Shipping Bar on the Category Page with Generic Message / Bar Position Bottom Fixed - You can set bar position by selecting bar options from Admin > Marketing > All Free Shipping Bar Rules > Free shipping Bar Rule Click "Add Free Shipping Bar Rule" > New Shipping Bar > Display Options Bar Position.
Free Shipping Bar with Remaining Amount - You can inform customers about the remaining amount left for free shipping by providing in progress message from Admin > Marketing > All Free Shipping Bar Rules > Free shipping Bar Rule > Click "Add Free Shipping Bar Rule" > New Shipping Bar > In Progress Message
Free Shipping Bar on the Cart Page with Success Message - You can set success message from Admin > Marketing > All Free Shipping Bar Rules > Free shipping Bar Rule > Click "Add Free Shipping Bar Rule" > New Shipping Bar > Achieved Message
If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.
Last updated
