Magento 2 Free Shipping Bar

Installation and User Guide for Magento 2 Free Shipping Bar Extension

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. 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

  3. Front-end Site View 10

    • 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.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

pageInstallation 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 core@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.

  • Cart Subtotal Source - Select option "Specify Manually" or out of the box "Magento free 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 "Grand Total/Subtotal" to apply the free shipping bar rule.

  • Cart Goal - 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