12
1 Installation and User Guide for Magento 2 Free Shipping Bar Extension

Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

1

Installation and User Guide for

Magento 2 Free Shipping Bar Extension

Page 2: Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

2

Table of Contents

1. Installation................................................................................................................................... 3

Upload Package............................................................................................................... 3

Install Extension............................................................................................................... 3

2. Configuration Settings for Free Shipping Bar Rule..................................................................... 3

General Settings...............................................................................................................3

3. Manage Free Shipping Bar Rules............................................................................................... 4

Free Shipping Bar Rule - Grid......................................................................................... 4

New Shipping Bar - General Settings............................................................................. 4

New Shipping Bar - Websites & Customers Groups....................................................... 5

New Shipping Bar - Shipping Countries........................................................................... 6

New Shipping Bar - Display Options................................................................................ 7

New Shipping Bar - Content............................................................................................. 8

New Shipping Bar - Design............................................................................................ 9

Font Color - Enter font color........................................................................................... 9

Free Shipping Discount................................................................................................. 10

4. Front-end Site View................................................................................................................... 10

Free Shipping Bar on the Homepage with Generic Message........................................ 10

Free Shipping Bar with Generic Message / Bar Position Bottom Fixed......................... 11

Free Shipping Bar with Remaining Amount................................................................... 11

Free Shipping Bar on the Cart Page with Success Message......................................... 12

Page 3: Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

3

1. Installation

Upload Package: 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.

Install Extension: After the successful upload of the package, run below

commands on Magento 2 root directory.

composer require scommerce/core

php bin/magento setup:upgrade

php bin/magento setup:di:compile

php bin/magento setup:static-content:deploy

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

[email protected]

Select "Yes" to enable the module

Enter the license key for the module

Page 4: Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

4

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

Page 5: Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

5

New Shipping Bar - Websites & Customers Groups

Store View - Select the store view.

Customer Group - Select customer group.

Page 6: Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

6

New Shipping Bar - Shipping Countries

Allowed Countries - Select allowed shipping countries.

Page 7: Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

7

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")

Page 8: Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

8

New Shipping Bar - Content

Initial Message - Provide initial message (This will be an informative or

generic message about free shipping conditions).

Page 9: Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

9

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})

Page 10: Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

10

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.

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

Page 11: Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

11

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

Page 12: Installation and User Guide for Magento 2 Free Shipping ......3 1. Installation Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing

12

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

Please contact [email protected] for any queries.