Documentos de Académico
Documentos de Profesional
Documentos de Cultura
COMPLETE
MAGENTO 2
BASIC COURSE
MAGESTORE
Its recommended for a newbie of Magento 2, or who doesnt have enough time for a
massive knowledge to build a Magento 2 eCommerce store.
So in this book, we will give you a proper Magento 2 Basic Guide, help you install and
set up a basic Magento 2 eCommerce Site as quick as possible with both detail article
tutorials.
1
Copyright
Author
[MAGESTORE]
This book may be gave away for educational, business, promotional use. For more
information, contact our marketing department: [ +1-606-657-0768] or
[
support@magestore.com]
While every precaution has been taken in the preparation of this book, the publisher and
authors assume no responsibility for errors or omissions, or for damages resulting from the
use of the information contained herein.
2
About the author
Magestore started up in 2009, right after Magento was launched. From our starting point to
the current position in top Magento Marketing Extension Providers for , we've never changed
our mission to be innovative in marketing function of extension and supportive in customer
care.
We owe a huge thank to our customers and partners for their on-going
companion and we hope that you'll soon take the first step with us for your thousand mile
business.
http://www.magestore.com
http://www.magestore.com/magento-extensions.html
http://www.magestore.com/magento-2-extensions.html
3
The Complete Magento 2 Basic Course. How
to Build a Magento 2 eCommerce Store?
So in this book, we will give you a proper Magento 2 Basic Course, help you install
and set up a basic Magento 2 eCommerce Site as quick as possible with both detail
video and article tutorials. For a total overview, you can read in the posts below:
To make a live site, you must prepare Host and Domain for your site. However if you
skip using Host and Domain, you can still be able to create a Magento 2 Site. We
suggest to build Magento 2 eCommerce site first, then prepare the host and domain
for your site later. We will give you full instructions about these things in a near future:
4
Okay, lets head to Magento 2 installation. Read the content below.
Normally, for a quick test, or in case you want to research more about Host and Domain
before purchasing, you can easily set up a Magento 2 site. There are many ways to do
this, but we only give you one quickest and easiest method to install Magento 2. Know
how to do it in:
After installation, you need to follow these steps to configure Magento 2 Store settings
and manage all of these elements:
5
Advanced Product Settings in Magento 2.
7, Finally, we will give you some essential third party solutions for your Magento 2 site.
Moreover, you will understand how to use Magento 2 Themes and Extensions for your
store.
In conclusion
Till now, you are having a proper Magento 2 Store. We hope you enjoy this guide and
dont forget to read more advanced tutorial in Magento 2 course. Thank you and see
you again.
6
What is Magento 2? First step to build a
Magento 2 site
You may somehow have visited my website for a purpose? And I believe I know the
main reason why you are here, reading this post. Because you are trying to figure out,
study, or research of Magento 2 a successor of the former open source platform
Magento. You are waiting for a help to answer one question: how to build ecommerce
website.
In order to build ecommerce website with Magento 2, and still professionally, you
should have tons of knowledge of Magento, as well as required conditions for building a
proper site such as hosting, domain name. Problem is, you have zero knowledge. But
dont worry, if you want to build a Magento 2 website, just collect your desire to learn
and ability to use computer, you can learn how to use Magento 2 quickly. This series is
designed to guide you through 15+ lessons in the field of creating an own Magento 2
site, even for a newcomer.
Or, you are an expert in Magento 1, believing that your Magento store will stay the same
forever. Its time for you to think again. Since the release of Magento 2, Magento will
update and support their latest platform better than the previous version. According to
some sources, Magento CE 1.9 will stop in 2018, and then the store owners wont
receive latest update as well as security patches for their precious store.
A LOT, I can assure you that. During nearly one year, I have been asked many basic
questions such as: How can I build a Magento 2 site?, Why following steps to install
Magento 2 does not work?, Where can I find Magento log file? or even Why I need
7
Magento 2? All those questions urge me and my team to complete this series as soon
as possible.
In this series, you will be guaranteed with the most basic things of Magento 2, which
you can how to build ecommerce website. Even if you cant install Magento 2, I will
share you the easiest way to perform.
This series will provide the most basic things in Magento 2, so any present and future
shop owners will benefit the most. However, because this series will start with the basics
and end with more advanced topics, web programmers who are familiar with PHP and
want to start with Magento 2, or who have worked with Magento 1 will also need this
tutorial to know how things work in Magento 2.
What is Magento 2?
History of Magento
Magento 2 is the latest upgrade of Magento, which was originally developed by Varien
Inc, an US private company headquartered in Culver City, California, combining with the
voluntary assistance. Started officially in 2007, which to be more certain, August 31 is
the date of first public beta version release. Then Roy Rubin, CEO of Varien decided to
sell a substantial of 49% share to eBay. Later, eBay acquired ownership 100% of
Magento 2 on June 6, 2011, but spun out as an independent company by new owner
Permira private equity fund on November 3, 2015.
8
On November 17, 2015, Magento 2 was officially released. Inherited lots of success
factors of Magento, Magento 2 also present modern technologies and structure, as well
as modified directory structure but more simplified customization. Now Magento 2 and
Magento 1 are existing simultaneously.
Like almost current platforms, Magento 2 consists of both frontend and backend (or
Admin Panel), one for administration and one for customers of store. Now lets take a
close look.
a, Backend features
In comparison with Magento 1, Magento 2 Admin Panel is much more intuitive and
friendly. In Magento 1, you enjoyed the horizontal menu on the top of Admin Panel, like
this:
9
But the menu in Magento 2 is vertical on the left, and is designed with flat type.
In most review of new interface in Magento 2, the backend interface delivered both
improved utilizing and be friendly with larger click and tap button. Clearly, Magento 2
aims directly at merchant targets, who are almost non-technical users.
_ Dashboard:
10
The dashboard emphasizes more at Lifetime Sales and Average Order, highlight both
Lifetime sales and Revenue 2 factors that store owners care most. You can also
enable/disable chart to show revenue in a variety duration of time. The old 4 tabs is
bigger, much easier to click.
_ Sales: Just like the Dashboard, all sub categories in Sales: Orders, Invoices,
Shipments, Credit Memos, Transactions, Tax display bigger tables. However, Order
View of Magento 2 is not just big but also long, making you scroll more and therefore,
this Order View is more irritating. There is a new sub category Billing Agreements
replaced Terms and Conditions.
_ Products: There is no category called Catalog anymore. The tables are bigger but not
allow customize quantity of products per page like Sales category. Also, there are lots of
default view.
11
Store view separates in basics settings and advanced settings for best User
experiences.
_ Customers:
12
_ Marketing:
The old Promotion category in Magento 1 is now just one sub category in new Marketing
category. There are more things for store owners to manage like Communications, SEO
& Search and User content.
_ Content: This is where CMS old category place in, and with new Design sub category.
13
_ Report: New category and really this is one of a must have functions for store owners
to manage their website. Report is not only for Marketing: Products in Cart, Search
Terms, Abandoned Carts and Newsletter Problem Reports or for Sales Report; you can
have wide overview of customers reviews. Now report is not a burden bit a powerful
tool.
_ Store: This is where you put your Magento 2 extensions aimed to turn your tiny
ecommerce store into a robust business site of online retail in order to manage
14
inventory, suppliers, purchase orders, enhance e-commerce user experience and help
ensure a successful online shopping experience.
However, the Magento 2 default features may not be enough to satisfy your
requirements, especially for complicated stores. So, you can consider to use the
professional eCommerce solutions aimed at boost sales and maximize profit.
b, Frontend features
Okay, so you all agree that Admin Panel in Magento 2 has some nice improvements, but
what about the frontend. Well, what I could tell you are:
15
_ The new default Magento 2 Luma Theme looks much better than default theme in
Magento 1:
_ Now the responsive web design and faster performance is two new advantages of
frontend theme of Magento 2. Your customers wont need to suffer from waiting for
whole page to load in order to see full content length.
_ New 2-step Checkout for Magento 2, it is now much easier than default 6-step
checkout process of Magento 1. Allow your customers to sign up right in checkout page.
The Order details are clear with all displaying products, their quantities and the images.
But it is still far from being perfect. Chances are, another store owner already uses the
One Step Checkout which boosts 40% faster than the default Magento checkout.
16
Now we will dig deep in the Pros and Cons of Magento 2, and see if Magento 2 is a
necessary upgrade or not.
a, Pros
_ Non-technical store owners exactly want the New Backend Admin Panel:
You hate to call all your dev team to fix some images of products in your store. Well, the
nightmare ends now, with highly improved Admin Panel interface and optimized UX,
Magento 2 help non-technical users accomplish more works than they could do in the
past. This is also one of the competitive advantages to compete with Shopify Plus.
Well, Magento 1 is infamous for its slow loading time compared with other platforms.
Chance is, you may want to upgrade to Magento 2 because it is much faster. One of the
reasons is how the caching is set up. Cache is temporary storage of data to reduce lag,
server load and bandwidth usage. With the built-in Full Page Cache, you can reduce the
loading time of Magento 2 by half.
In a nutshell, improving cache means your pages will load much quicker, allowing
delivering your content quicker to your customer and also to your backend environment.
Quicker load time means a better UX: optimization of cache in Magento 2 can help
improve your overall customer user experience, meaning a higher conversion rate.
17
Although Magento 1 has released several updates to integrate with more popular
payment gateways, Magento 2 is supported to do that from the beginning. Easier
integration with more popular payment gateways is one key factor to better overall
checkout UX. New popular payment gateways have been included in Magento 2:
+ PayPal
+ Braintree
+ Authorize.net
b, Cons
Well, even if the default theme of Magento 2 is better than Magento 1, you may still want
to keep the old themes so your customers wont feel strange. Though you can try to
18
migrate data using some Migration tool to Magento 2, Magento 1 themes still cant be
transferred properly. So its better you should think about new themes of Magento 2.
Today, Magento 2 presents lots of great themes which you can bring a new face to your
store.
There are many trusted research confirmed that Magento 1 extensions cant be ported to
Magento 2, either. You should wait for your provider to upgrade their extensions to
Magento 2 so you can download it again, or eventually repurchase this extension with
higher cost.
This con, in particular, is one that creates a hesitancy in many merchants considering
upgrading to Magento 2. It will take time for the development community to dig into
Magento 2 and build extensions compatible with the new release. Also, these extensions
will need to be verified by the Magento community before making them publicly
available.
However, Magestore policies allow our customers to free update to Magento 2 once they
purchased Magento 1 in the past. Interesting, isnt it?
19
Magento 2 Community Edition will continue to be free, but the Enterprise Edition
requires much more money in the price tag. Despite of the increase in its cost, there are
many benefits in the Enterprise Edition of Magento 2 such as:
_ Magento 2 empowers all store merchants with Enhanced speed and so does
productivity. Featuring over 50% faster page load speeds across catalog and checkout
20
pages, performance lies at the heart to enhance the customer experience and improve
conversion rates.
_ Magento 2 offers more secured payments. And since security is one of the key
elements to success, you should think about upgrading to Magento 2.
_ Not only the frontend UX is good, but Magento 2 Admin Panel is also described by one
word: amazing. Lots of new features help even non-technical store owners manage
Magento 2 easily.
Moreover, Magento has easy maintenance and update, which bring the unsurpassed
flexibility. And so do Magento 2
Trivia
_ Due to aheadworks research, Magentos market share is about 30%, being the most
popular ecommerce platforms.
21
22
How to install Magento 2 on localhost via
XAMPP
After these 10 steps, I guarantee you will create a Magento 2 site on localhost with
XAMPP.
Step 1 First, you need to know the requirements to install Magento 2. When you
download one version of Magento 2, there will be a line below to tell you which Web
server, database and php configuration you need for this version. You should download
Magento 2 from Magento website:
https://magento.com/tech-resources/downloads/magento/.
In this guide, we use Magento Community Edition 2.0.10, which requires at least php
5.5.22. For more information of prerequisites of Magento 2, read in
http://devdocs.magento.com/guides/v2.0/install-gde/system-requirements-2.0-tech.html.
Step 2 Supposed that you dont have XAMPP, you can download XAMPP from here:
https://www.apachefriends.org/download.html.
In this guide we use Magento Community Edition 2.0.10 with XAMPP version 5.6.24,
but you can try other versions of XAMPP which meets the requirements of your version
of Magento 2.
23
After finishing the set up of XAMPP, open it and start both Apache and MySQL web
server.
When both modules have a green background, you know they have been already ready.
Actually, the most often hindrance to start Apache is when a program also takes port
443 or 444 like this
24
You should turn off the program using same port with Apache in order to continue.
Step 3 Now, go to the default folder of XAMPP: C:\xampp\htdocs. Create a new folder,
for example named magento2. Move and extract the downloaded file of Magento 2 in
this new folder.
25
Time to hit Agree and Setup Magento button.
26
Click Readiness Check button. If you pass all the checks, you can continue. Have you
not, you must fix the error to continue. The 2 most often errors are p
hp Settings Check
and php Extensions Check.
27
PHP Settings Check: always_populate_raw_post_data error. To resolve this error, you
need to access php.ini file. Using XAMPP, open this file like that:
28
Search this line: always_populate_raw_post_data = -1
Make sure the number is -1, then remove the semicolon ; at the beginning of the lines.
29
PHP Extensions Check: The usual missing extensions are xsl and intl. To resolve this,
search extension=php_intl.dll as well as extension=php_xsl.dll, then both remove the
beginning semicolon ;.
30
Now you need to stop both Apache and MySQL in XAMPP, then restart them again for
new effects to be activated and resolved. Click Try Again in localhost for new result,
after checking, hit Next.
Step 6 Add necessary database, like Database Server Host, Database Server
Username and Database Name.
31
Step 7 Web Configuration. Insert your Store Address here, also remember the Admin
Address.
*Note: use your IP server instead of localhost. You can shorten the latter to just be
admin.
32
Find your IP in localhost/phpmyadmin like that:
Step 8 Customize your Store. Change Default Time Zone, Currency as well as
Language here.
33
Step 9 Create Admin Account. This is your Admin Panel account.
Step 10 Install. Hit the Install Now button and wait for 2-3 minutes. Its really simple.
34
35
Fix Magento 2 layout crashing when
installing localhost with XAMPP
When you finished 10 steps to install Magento 2 localhost with XAMPP, though having a
successful notification, you still have a chance to face some errors, especially the layout
crashing. According to our experiment, 70% Windows PCs can take the risk of
encountering this error but mainly focus on Windows 10. The previous Windows
versions such as Windows 7 and Windows 8 has a slightly chance to have layout
crashing but it still worth to consider the solution.
36
Magento logo is missing in backend interface
37
The menu slide bar is not responding
The problem is due to unsuccessful symlink process when Magento 2 cannot use
symlink to connect its modules and make them work. You can find more documents
about the error by google these keywords symbolic symlink in magento 2 or Magento
2 cannot create symlink.
These are 5 simple steps from Magestore to fix it. Hope this will help you!
Step 2 Go to your Xampp folder > htdocs > mageto2 > app > etc and find di.xml file
Step 3 Click right mouse button at di.xml file and choose edit with notepad++
38
Step 4 On Notepad++ window, scroll to the line 584 :
1 <item name="view_preprocessed"
xsi:type="object">Magento\Framework\App\View\Asset\MaterializationStrategy\Sym
link</item>
On the line 584, modify the word Symlink into Copy and save the file
39
Step 5 Restart Apache and MySQL on XAMPP then access your localhost of Magento 2
website again and problem will be solved.
40
General Configuration in Magento 2
Today we will introduce to you the General Configuration of your Magento 2 web store.
You need to configure the General Settings right after you successfully installed
Magento 2.
General
1, Country Options:
41
_ Default Country: Choose your Default Country, in our case is United States.
_ Allow Countries: Default is All Countries Allowed, but in case you want to remove any
countries out of this list, HOLD Ctrl and click on this country, then remove one by one.
2, State Options:
_ Stated is Required for: Default is All the countries dividing into States. You can
remove one or more countries with Ctrl.
42
3, Locale Options:
43
_ Timezone: The Timezone of your Store.
_ Weight Unit: The weight unit will be used in your store, as well as shipping process.
4, Store Information:
Simply Add all your current information about your Store here.
5, Single-Store Mode:
Remember: This setting will not be taken into account if system has more than one store
view.
44
45
Web
If you want Search Engines to crawl and index your website, you must enable this
option.
This field will qualify the URL using Secure Base URL. You should notice this field
because of these two options:
_ Use Secure URLs on Storefront: In case you wish your store frontend to open only
via HTTPS, set this option to Yes.
46
_ Use Secure URLs in Admin: Its similar to the frontend, to secure the Admin of your
store with SSL, you set this option to Yes.
3, Default Pages:
Generally, you should just leave these options as default. However, you should notice
these options to avoid related problems.
47
_ CMS Home page: Default is the Home page.
48
Design Theme
To design your web store, you need to know about these fields:
1, Design Theme:
_ Design Theme: If no value is specified, the system default will be used. The system
default may be modified by third party extensions.
_ User-Agent Exceptions: Normally you dont want to make any exception, but you can
add any search strings to be excluded.
2, HTML Head:
49
_ Title Prefix or Suffix: Can leave them alone, or create it, just depend on you.
_ Miscellaneous Scripts: This will be included before head closing tag in page HTML.
You can put your Scripts here.
50
3, Search Engine Robots:
_ Default Robots: You want to be certain that the options is INDEX, FOLLOW.
And you can add your robots.txt for more exclusion to other kind of bots.
51
4, Header and Footer:
You can customize your Header with these options: Logo Image, Width and Height of
Logo Image, Logo Image Alt and Welcome Text.
Then you could change the Copyright in Footer. Miscellaneous HTML will be displayed
just before body closing tag.
52
5, Pagination:
Pagination control is important in an ecommerce store. You can manage the settings of
pagination easily in Magento 2.
53
Contacts
1, Contact Us:
2, Email Options:
Input your Email here, choose the Email Sender as well as Email Template.
54
Currency Setup
_ Base Currency: You chose the base while you was installing Magento 2. Base
currency is used for all online payment transactions. If you have more than one store
view, the base currency scope is defined by the catalog price scope.
_ Default Display Currency: The Currency will be displayed in your store. Choose it as
the same with Base Currency.
_ Allowed Currency: The currency which will be allowed in payment of your store.
55
You can watch this video or read the tutorial below to understand more about Products
Dashboard in Magento 2.
Contents [hide]
You have to follow this path to open Magento 2 Product Dashboard: Product >>
Catalog.
56
On the image below, you can see that Magento 2 product dashboard includes these
functions for you to manage products:
1 Products Table: a place that contains all of your products information such as images,
name, price, quantity, identification code (SKU) etc.
2 Action Box: Where you can edit, change, update products in bulk easily.
Filter: you can select product with specific information such as: price,
quantity .. ( you can see the products that cheaper than $100, or available
quantity is under 10 with this function)
57
Number of products view in the first page: Choose to see 20 or 50
products in 1 views from dashboard.
Product listing page: Go to next and previous pages of products.
View shortcut: Want to quickly access some special view such as : Filter
Number of products that have quantity under 10 to purchase more from
suppliers, you can save this view as a shortcut to quickly access in the
next time in 1 click without using filter again.
Column display setting in the table: Choose which information will be
shown in the table by tick on it.
4 Add Product button: You can start to add a new product by click on this button.
Simple Products
Grouped Products
Bundled Products
Configurable Products
Virtual Products
Downloadable Products
58
It is really important to understand about 6 default product types because each one of
them has its specific type and attributes.
Simple Product
As its named, a simple product is a physical item with a single SKU. This type of
products has a variety of pricing and of input controls which make it possible to sell
variations of the product. Simple products can be used in association with grouped,
bundle, and configurable products.
Configurable Product
59
A configurable product looks like a single product with drop-down lists of options for
each variation. Each option is actually a separate simple product with a unique SKU,
which makes it possible to track inventory for each product variation. You could achieve
a similar effect by using a simple product with custom options, but without the ability to
track inventory for each variation.
Grouped Product
60
Different with 2 types above, grouped product is made up of simple standalone products
that are presented as a group. You can offer variations of a single product, or group
them by season or theme to create a set of different products. Each product can be
purchased separately or as part of the group. In the shopping cart, each item is listed
separately.
Virtual Product
Virtual products are not tangible products and are typically used for products such as
services, memberships, warranties, and subscriptions. Virtual products can be sold
individually, or included as part of the following product types: Grouped Product and
Bundle Product.
Bundle Product
61
A bundled product let customers build their own from an assortment of options. The
bundle could be a gift basket, computer, or anything else that can be customized. Each
item in a bundle can be based on one of the following product types: Simple Product and
Virtual Product.
Downloadable Product
62
A downloadable product can be anything that you can deliver as a file, such as an
eBook, music, video, software application, or update. You can offer an album for sale,
and sell each song individually. You can also use a downloadable product to deliver an
electronic version of your product catalog.
Because the actual download doesnt become available until after the purchase, you can
provide samples, such as an excerpt from a book, a clip from an audio file, or a trailer
from a video that the customer can try before purchasing the product. The files that you
make available for download can be either uploaded to your server, or from a different
server.
Step 1Click on Add product button then choose Simple product. On the administrator
backend, you need to follow this path: Product >> Catalog.
There is an Add Product button on the top right of admin menu, you click on the
dropdown menu and choose Simple product:
Step 2Fill in Product Details. Now you need to fill in the detail of each product that you
want to sell like the image below:
63
You need to fill in:
64
SKU This is an identification code for each product, you can find exactly
any product by searching for this code.
Quantity The number of products that you have in store, choose the status to
in stock or out of stock
Description The description of product that you want to sell to help customers
understand more about it as well as persuade them to purchase
Downloadabl For downloadable product or configurable product type only, you can
e skip them.
Information
Configuratio
ns
Remember to choose categories for your product. Read more about Product Category in
Magento 2.
65
Dont forget to select your product attribute also. Read more about Product Attributes in
Magento 2.
_ Image and Video: You can choose to upload more images. or videos here
_ Search engine optimization: You can optimize your product for SEO. We will talk
about this later in Magento 2 SEO series if you are serious about SEO.
_ Advance setting tab: These setting will be beneficial for your store if its big enough,
however, with small online store, you can skip these settings.
66
Choose status of product to Product Online and then click Save to publish the
product.
To create a configurable product, you do the same step 1 and step 2 in previous topic
about how to create a simple product:
67
Step 2 Fill the information in blank spaces: Product name; SKU; Price, Store view,
Quantiy, etc
Step 3
Choose your product attribute or create new. One again, read about Magento 2 Product
Attributes.
68
For example, choose color attribute when you go to attribute value step, tick all colors
of product that you had.
Then you need to configure the Product Images, Price, and Quantity. This step
determines the images, pricing and quantity of each configuration. The available options
are the same for each, and you can choose only one. You can apply the same setting to
all SKUs, apply a unique setting to each SKU, or skip the settings for now.
69
In the next stage, you can see the preview about your created configurable products. Hit
Generate Product to finish process.
Step 4After successfully create configurations for your product, Save Product.
70
Choose status of product to Product Online and then click Save to publish the product
In the list, mark the checkbox of each item that you want to include in the group then
tap Add Selected Products to add them to the group.
71
Step 4Save Product.
The selection of options appears when the customer taps either the Customize and Add
to Cart button. Because the products that are included in the bundle vary, the SKU,
Price, and Weight can be set to either a dynamic or fixed value.
Step 1 and Step 2 Do the same as mentioned above. Notice that there are some
change in option of SKU, price, weight between dynamic and fixed.
72
Step 3Scroll down to the Bundle Items section. Then, set Ship Bundle Items to one of
the following: Separately or Together.
Tap Create New Option. Then, mark the checkbox of each product that you want to
include in this option.
If there are many products, use the list filters and pagination controls to find the products
you need. Then tap Add Selected Products.
73
In the Default Quantity column, enter the quantity of each item that is to be added to the
bundle when a customer chooses the item.
To allow customers to change the quantity of any bundle item, mark the User Defined
checkbox of any item that you do not want changed.
Repeat these steps for each item you want to add to the bundle. To remove any item
from the bundle, tap the Delete icon.
Scroll down to Downloadable Information, and expand the section. Then, mark the Is
this downloadable product? Checkbox.
74
The Downloadable Information section has two parts. The first part describes each
download link, and the second part describes each sample file. Click on Add new link
and complete the links.
Click on Add new link and complete the sample if you want to provide a sample to
customer.
75
Step 4Save Product.
76
Magento 2 Categories
Product categories are the bone of every online store. If you are a store owner, you have
to spend every time to research, plan and create excellent categories to effectively
manage your store products. Not only do good categories help you to manage your
products, but they can also help the customer to easily find the products on your online
store website.
Content Management System (CMS) Magento 2 gives you a lot of support in creating
new categories. It is very simple to create product categories in Magento 2. Today, I will
show you the way to create a category. But first, you need to know some basic
knowledge about root-category and sub-category.
77
The differences between root-category and
sub-category
In some Magento forums, many Magento 2 users have several questions about root
category. Its easier to be familiar with subcategories than root category. Store product
will normally be organized as sub-categories and under a root category.
The category structure is like an upside-down tree, with the root on top. All categories in
your catalog are nested below the root. Because the root category is the highest level
of the catalog, your online store can have only one root-category active at a time.
However, you can create additional root categories for alternate catalog structures,
different stores, and views. Unlike sub-category, root-category is not visible to your
customers and does not have an URL key.
78
When you start to build category structure for a new Magento 2 website, in category
dashboard, there is only one root category which is named as Default Category. You
can change the name and organize the position of any root-category or sub-category by
using left click and drag them.
One of the key features of Magento 2 CMS is its support for multiple stores. You can
host and manage several entirely different online stores and this can be done with a
single Magento 2 installation. Each store pulls its products from a Root Category.
If you have only one online store, you just need only one root category.
If you are running several different online stores, but all them are selling
same products, you can assign the same root category to all of them.
If you want to have different stores carry different products, you will want
to create a Root Category for each store.
Once the Root Categories are set up, you can add more sub categories and organize
your product line. These categories need to be set before you set up your stores.
Creating a root category is really easy, you can follow 3 simple steps below:
79
Step 1Navigate to Product >> Categories. Then click on Add Root Category button
located on the left-hand side of the page.
Step 2Fill in the information in blank spaces. There are four tabs which you can use to
set options for this root category.
80
Custom Design Adds your custom design options to a category.
Category Products This is where you assign products to a given
category. If you have one site/store being hosted from your Magento
install, this would likely include all of your active products.
In the basic level, you should focus and fill the information in only 2 tabs which are
General Information tab and Display Setting tab.
Image You can upload an image for this category and it will be set as
thumbnail image
81
Page Title The title of the page that will show on your browsers tab
Meta Description This description will help search engines to better understand
the content of the category
Include in If you have more than 1 root categories you will need to set this
Navigation Menu to Yes.
Display Mode You can select the way that your category show up in front end.
There are 3 options: Product only, Static Block, Static Block
and Product
Is Anchor If you want this category page to display the Filter by Attribute
section of layered navigation, choose Yes
82
Listing Sort
By
Default
Product
Listing Sort
By
Layered
Navigation
Price Step
83
Step 1Click on the category that you want to create a sub category then hit the button:
Add sub category.
For example: If you want to create a sub category named B under a category named
A. First you need to click on category A.
Step 2and Step 3Do the same way to create a root category as mentioned above.
84
Fill the information and press Save, now we have sub category B under category A.
Step 1On Admin slide bar menu, choose Stores >> All Stores.
85
Step 2In All Stores dashboard, tap on Main Website Store.
Step 3Choose the root category that you want to assign then press the Save button.
86
Thats all about how you can create a category and configure it in Magento 2. Hope this
will help you.
87
Magento 2 Product Attributes
In this tutorial, we will illustrate how you can setup your products attributes. Attributes
are an important part of your product catalog because each of them can help potential
customers with choosing a certain product that corresponds to their needs. Users will
also be able to search and compare products based on their attributes.
Your Magento 2 store includes predefined attributes such as Name, Price, and
Description, that can be used for any product. In addition to these, you can create new
custom attributes to improve your product information and help your clients with their
choice. These are 4 simple steps to set up your products attribute.
Step 1Login to your website administrator back-end dashboard. On the left menu slide
bar, navigate to Stores >> Products.
88
Step 2On the Product Attributes dashboard, press Add New Attribute button.
89
Step 3Fill the necessary information in blank spaces.
There are 3 main tabs for you to set up your Product Attribute information: Properties;
Manage Labels; Storefront Properties.
+ Properties: The Properties section includes both basic and advanced attribute
properties.
+ Manage Labels: The label identifies an attribute in the Admin and also in the
storefront of each store view. If your store is available in multiple languages, you can
enter a different translated label for each language.
90
For text attributes, you can enable the WYSIWYG editor, and determine if HTML tags
can be used to format the values.
ATTRIBUTE PROPERTIES
Default Label The label that identifies the attribute during data entry.
Catalog Input Type Determines the data type and input control that is used to
for Store Owner manage the product from the store Admin.
91
Values Required To require that a value to be entered in this field before the
record can be saved, set Values Required to Yes.
92
Attribute Code A unique identifier for internal use. The Attribute Code must begin
(Required) with a letter, but can include a combination of lowercase letters
(a-z) and numbers (0-9).
Default Value Assigns a starting value to the attribute to help during data entry.
To assign a default value for Multiple Select or Dropdown input
types, see: Creating Attributes.
Unique Value Set this to Yes, if you want the data saved in this attribute to be
unique for each product. If you have different products made of the
same material or having the same feature, leave this to No.
Input Performs a validation check of the data entered in the field, based
Validation for on the following options: None; Decimal Number; Integer Number;
Store Owner Email, URL, Letter
93
Add to Determines if the column appears in the product grid.
Column
Options
Use in Filter Determines if the attribute is used as a filter control at the top of
Options columns in the grid.
Use in Search Select Yes if you want people to be able to search the catalog
based on the value of this attribute. The following attributes appear
when Search is enabled:
94
Use In Layered Includes the attribute as a filter in the Shop By section of layered
Navigation navigation. Options include:
Use In Search To include the attribute in the layered navigation for search results,
Results select Yes.
95
Layered
Navigation
Use for Promo To make the attribute available for use in price rules, select Yes.
Rule
Conditions
Allow HTML (Text Field and Text Area input types only) To be able to format
Tags on the attribute value with HTML tags, select Yes.
Storefront
Visible on (Simple and virtual products only) To include the attribute on the
Catalog Pages Additional Information tab of the product page, select Yes.
on Storefront
96
Used for Depending on theme, includes the attribute as a Sort By option
Sorting in for catalog listings.
Product Listing
Attribute Sets
One of the first steps when creating a product is to choose the attribute set that is used
as a template for the product record. The attribute set determines the fields that are
available during data entry, and the values that appear to the customer.
The attributes are organized into groups that determine where they appear in the
product record. Your store comes with an initial attribute set called default which
includes a set of commonly-used attributes. If you would like to add only a small number
of attributes, you can add them to the default attribute set. However, if you sell products
that require specific types of information, such as cameras, it might be better to create a
dedicated attribute set that includes the specific attributes that are needed to describe
the product.
97
To Create An Attribute Set
Step 1On the Admin sidebar, tap Store > Attribute Set.
98
Step 2Click on Add Attribute Set then do the following:
99
1Enter a Name for the attribute set.
The left column shows the name of the attribute set. The name is for
internal reference, and can be changed as needed.
The center of the page lists the current selection of attribute groups.
The right column lists the selection of attributes that are currently not
assigned to the attribute set.
4To add a new attribute to the set, drag the attribute from the Unassigned Attributes
list to the appropriate folder in the Groups column.
100
To Create A New Attribute Group
1In the Groups column the attribute set, tap Add New.
101
+ Drag Unassigned Attributes to the new group.
-> The new group becomes a section of attributes in any product that is based on the
attribute set.
102
Advanced Product Settings in Magento 2
Products
In previous lesson, we provide some basic knowledge about using product dashboard.
Today we are going to higher level of using product dashboard with Advanced Product
Settings. To access Advanced Product Settings, click on your product or create a new
one, a drop-down Advanced Settings menu will appear on the left.
103
Advanced Pricing
The Advanced Pricing settings are used to define the conditions for special pricing
based on customer group and website, and for quantity discount tier pricing.
Special Offer a discounted price during the time period defined by the From/To
Price dates.
104
In the storefront when a special price is available, the retail price is
crossed out and the special price appears below in large, bold text.
Special Set the first date the Special Price is available. You can either enter
Price From the date or select it from the calendar.
Date
Special Set the last date the Special Price is available. You can either enter
Price To the date or select it from the calendar.
Date
Tier Price Offer a quantity discount to members of a specific customer group and
website. Options include:
105
Quantity (Required) The quantity that must be purchased to
receive the tier price.
Special Price
To offer a special price, enter the discounted price and the dates when the special price
is in effect. The special price appears instead of the regular price, followed by was
(previous price).
Step 2Enter the amount of the Special Price. To establish when the special price is in
effect, use the Calendar button to the right of each field to enter the Special Price From
and Special Price To dates.
106
Step 3Tap Done. Then, tap Save.
Tier Price
Tier pricing lets you offer a quantity discount from the catalog list and product detail
pages. The discount can be applied to a specific store view or customer group.
107
For example, in the picture above, the regular price of product is $7. The product page
calculates the quantity discount and displays a message such as: Buy 3 for $5.00 each
and save 29%.
Step 2In the Tier Price section, tap Add. Then, do the following:
1, If your store has multiple websites, choose the Website where the tier pricing applies.
108
2, If applicable, choose the Customer Group to receive the discount.
3, In the Quantity field, enter the quantity that must be ordered to receive the tier price.
4, In the Item Price field, enter the adjusted price of the item.
To apply the same tier to more than one group, create a separate tier for each group, but
with the same quantity and Price information. To add another group price, tap Add and
repeat the previous steps.
Merchants are sometimes prohibited from displaying a price that is lower than the
manufacturers suggested retail price (MSRP). Magentos Minimum Advertised Price
(MAP) gives you the ability to remain in compliance with the manufacturers
requirements while offering your customers a better price. Because requirements differ
from one manufacturer to another, you can configure your store to prevent the display of
your actual price on pages where it is not allowed to appear according to the terms of
the manufacture.
109
To apply Minimum Advertised Price:
Step 1In menu sidebar, go to Stores > Configuration > Sales > Sales > Minimum
Advertised Price > Enable MAP > Yes.
Step 3Set a value for the Manufacturers Suggested Retail Price field.
110
Step 4Tap Done. Then, tap Save.
Advanced Inventory
Each product in your catalog has both a short and long version of the Advanced
Inventory options, depending on whether you want to manage stock for the product. The
long form appears when Manage Stock is set to Yes.
111
FIELD SCOP DESCRIPTION
E
Minimum Global Determine the minimum number of the product that can
Quantity be purchased in a single order.
Allowed in
Shopping Cart
112
product in any other quantity, a message will appear in
the shopping cart.
113
Manage Stock Global Determine if Inventory control is used to manage this
product in your catalog. There are 2 Options:
Minimum Global Determine the minimum number of the product that can
Quantity be purchased in a single order.
Allowed in
Shopping Cart
114
Allowed in
Shopping Cart
Quantity Uses Global Determine if customers can use a decimal value rather
Decimals than a whole number when entering the quantity
ordered. Options:
115
product is in stock. Products are shipped as they
become available. Options:
Notify for Global Determine the stock level at which notification is sent
Quantity Below that the inventory has fallen below the threshold.
116
In Stock Make the product available for
purchase.
Related Products
Related products are meant to be purchased in addition to the item the customer is
viewing. The customer can place the item in the shopping cart by simply clicking the
checkbox. The placement of the Related Products block varies according to theme and
page layout. In the example below, it appears at the bottom of the Product View page.
With a 2 column layout, the Related Product block often appears in the right sidebar.
117
To setup Related Products Setting:
Step 1Create a new product or edit product then go to Advanced Setting > Related
Products.
Step 2Use the filter controls to find the products that you want. In the list, mark the
checkbox of any product you want to feature as a related product.
118
Step 3Tap Add Selected Product, then Save.
Up-sells
Up-sell products are items that your customer might prefer instead of the product
currently considered. An item offered as an up-sell might be of a higher quality, more
popular, or have better profit margin. Up-sell products appear on the product page under
a heading such as, You may also be interested in the following product
119
To setup Up-sells Setting:
Step 1Create a new product or edit product then go to Advanced Setting > Up-sells.
Step 2Use the filter controls to find the products that you want. In the list, mark the
checkbox of any product you want to feature as an up-sell product.
120
Step 3Tap Add Selected Product, then Save.
Cross-sells
Cross-sell items are similar to impulse purchases positioned next to the cash register in
the checkout line. Products offered as a cross-sell appear on the shopping cart page,
just before the customer begins the checkout process.
121
To setup Cross-sells Setting:
Step 1Create a new product or edit product then go to Advanced Setting >
Cross-sells.
Step 2Use the filter controls to find the products that you want. In the list, mark the
checkbox of any product you want to feature as a cross-sell product.
122
Step 3Tap Add Selected Product, then Save.
123
Magento 2 CMS
In Magento 2, you can create new pages, blocks and widgets in Content Management
System (CMS). With these 3 elements, you can combine them to make static pages for
products and services information.
The interface of Pages, Blocks and Widgets in Content are the same with the interface in
Products or Customers. Click on Add New Page button.
In Page Information, name your own Page and set a Custom URL for this page. You can
also choose the store views and set this page enabled or disabled.
124
In Content tab, add the heading and any widget for this page. You will create content for
your page here.
125
You can also make custom design for your page here:
126
Then, add some meta data for your page, like meta description or meta keywords.
127
Finally, you can Save Page as your new page is done.
Block is used for many purposes, such as featuring different product categories on
homepage, or separating product features on product pages. Navigate to Content ->
Blocks. There you can Add New Block.
128
Add all elements for your Block here, but remember the most important field is the
Identifier because you need this to add your block into a page.
Finally, you can Save Block the same way you did with your Page.
129
Add New Widget
You need to click on Add New Widget button in order to make new widget.
Then select the type of the widget and the design theme. After that, hit the
Continue button.
130
In Storefront Properties, input the Title and set the Store View for your widget. The Type
and Theme are now locked. You can also update a layout for the widget as shown on
the storefront.
131
Well done, you complete your stores Content using Magento 2 CMS.
132
Magento 2 Sales Management
Today, we will walk through a very important part of Magento 2 Sales Management.
Lets read the tutorial below for more information.
The Sales menu lists transactions according to where they are in the order workflow.
You might think each option as a different stage in the lifetime of an order.
Menu Options
133
Pending and can be canceled at any time until the payment is processed. After
payment is confirmed, the order can be invoiced and shipped.
Invoices: An invoice is a record of the receipt of payment for an order. Multiple invoices
can be created for a single order, each with as many, or as few of the purchased
products that you specify. Depending on the payment action, payment can be
automatically captured when the invoice is generated.
Shipments: A shipment is a record of the products in an order that have been shipped.
As with invoices, multiple shipments can be associated with a single order, until all of the
products in the order are shipped.
Transactions: The Transactions page lists all payment activity that has taken place
between your store and all payment systems, and provides access to more detailed
information.
Order Management
Order Workspace
Access Sales > Order to go to the Orders Workspace which lists all current orders.
Use the standard controls to sort and filter the list, find orders, and apply actions to
134
selected orders. You can view existing orders, and create new orders, filter the list,
change and rearrange columns, and export data.
To apply an action to specific orders, mark the checkbox in the first column of each
order. To select or deselect all orders, use the control at the top of the column.
135
The Search box in the upper-left of the Orders grid can be used to find specific orders by
keyword, or by filtering the order records that appear in the grid
136
The selection of columns and their order in the grid can be changed according to your
preference. The new layout can be saved as a grid View. By default, only nine of
twenty available columns are included in the grid.
Processing Order
When a customer places an order, a sales order is created as a temporary record of the
transaction. The sales order has a status of Pending until payment is received. Sales
orders can be canceled until an invoice is generated. An easy way to think of it is this:
Orders become invoices, and invoices become shipments. The Orders grid lists all
orders, regardless of where they are in the workflow.
To view an order:
137
Step 1On the Admin sidebar, tap Sales. Then under Operations, choose Orders.
Step 2Find the order in the grid, and in the Action column, click View.
A pending order can be modified, put on hold, canceled, or invoiced and shipped.
To edit an order:
138
Step 1Find the order to be edited. Then in the Action column, click View.
Step 2Tap Edit. When prompted to confirm, tap OK to continue . Make the necessary
changes to the order.
To save changes made to line items, and reprocess the order, tap Submit Order.
139
To place an order on hold:
Step 1In the Orders grid, find the pending order that you want to place on hold.
Step 3Tap Hold to place the order on hold. (When you are ready to return the order to
an active state, repeat the process and tap Unhold).
To cancel an order :
140
Canceling an order changes its status from Pending to Canceled.
Step 1In the Orders grid, find the pending order to be canceled.
For registered customers who need assistance, you can create an entire order directly
from the Admin. The Create New Order form includes all the information that is needed
to complete the normal checkout process, with activity summaries from the customers
account dashboard.
141
To create a new order:
Step 1On the Admin sidebar, tap Sales > Order. Click on Create New Order > Create
New Customer. Find the customer in the grid, and open the record in edit mode.
142
Step 2Fill the required information in. Remember to add products from the catalog, tap
Add Products.
In the grid, mark the checkbox of each product to be added to the cart, and enter the Qty
to be purchased. To override the price of an item, mark the Custom Price checkbox.
Then, enter the new price in the box below. To update the cart totals, tap Update Items
and Quantities.
143
Complete the following sections as needed for the order: Apply Coupon Codes, Payment
Method, Shipping Method, Order Comments.
Step 3When complete, tap Submit Order. A confirmation is sent to the customer, and
the customer can view the order details from their account.
You can create custom order status settings of your own, assign them to order states,
and set a default order status for order states. For example, you might need a custom
order status for orders such as packaging or backordered, or for a status that is
144
specific to your needs. You can create a descriptive name for the custom status, and
assign it to the associated order state in the workflow.
Step 1On the Admin sidebar, tap Stores. Then under Settings, choose Order Status.
145
+ Enter a Status Code for internal reference.
+ Enter a Status Label to identify the status setting in both the Admin and storefront.
+ In the Store View Specific Labels section, enter any labels that are needed for
different store views.
When enabled, reorders can be made directly from the customer account or from the
original order in the Admin. Reorders are enabled by default.
Step 1On the Admin sidebar, tap Stores. Then under Settings, choose Configuration.
Step 2In the panel on the left, under Sales, choose Sales.
Step 3Expand the Reorder section. Set Allow Reorder to your preference.
146
Invoices
An invoice is a record payment for an order. Multiple invoices can be created for a single
order, and each can include as many or as few of the purchased products that you
specify. You can upload a high-resolution logo for a print-ready PDF invoice, and include
the Order ID in the header or customize the invoice template with your logo.
Create an Invoice
Creating an invoice for an order converts the temporary sales order into a permanent
record of the order that cannot be canceled. A new invoice page looks similar to a
completed order, with some additional fields.
To invoice an order:
Before creating an invoice, you must generated for the order first
147
Step 2Find the order in the grid, select an order that you want to invoice. In the Action
column, click View.
In the upper-right corner, tap Invoice. The new invoice page looks similar to a
completed order page, with additional fields that can be edited.
148
Step 3Check all the information then tap Print to print invoice:
Shipments
The Shipments grid lists the shipment record of all invoices that have been prepared for
shipping. A shipment record can be generated when an order is invoiced.
149
Step 2Select a shipment record that you want to view. In the Action column, click on
View, then click on Print button.
Credit memo
A credit memo is a document that shows the amount that is owed to the customer. The
amount can be applied toward a purchase, or refunded to the customer. You can print a
credit memo for a single order, or for multiple orders as a batch. Before a credit memo
can be printed, it must first be generated for the order. The credit memo grid lists the
credit memos that have been issued to customers.
Step 2Find a completed order in the grid. Then click View to open that completed
order.
150
Step 3Tap Credit Memo button in the upper right corner (this button appears only after
an order is invoiced) and update the necessary information.
151
The New Credit Memo page looks similar to the completed order page, with an Items to
Refund section that lists each item from the invoice (if an online payment method was
used, you will not be able to edit these fields).
_ Qty to Refund: Enter the number of items to be returned. Then tap Update Qtys
button.
152
_ Refund Shipping: Enter any amount that is to be refunded from the shipping fee. This
field initially displays the total shipping amount from the order that is available for refund.
_ Adjustment Fee: Enter a value to be subtracted from the total amount refunded. This
amount is not subtracted from a specific section of the order such as shipping, items, or
tax.
_ Credit Memo Comments: Enter the text in the box to add a comment.
153
_ Email Copy of Credit Memo: Mark the checkbox to send an email notification to the
customer.
_ Append Comments: Mark the checkbox to include the comments you have entered in
the email.
Step 4To complete the process and generate the credit memo, choose one of the
following refund option buttons, according to the payment type: Refund Offline or
Refund Online.
In admin sidebar on the left, choose Sales > Credit Memos. Any credit memos that are
associated with this order appear in the list.
Billing Agreements
154
The Billing Agreements grid lists all billing agreements between your store and its
customers. The store administrator can filter the records by the customer or billing
agreement information including billing agreement reference ID, status, and creation
date.
Each record includes general information about the billing agreement, and all sales
orders that have used it as a payment method. The store administrator can view, cancel,
or delete customers billing agreements. A canceled billing agreement can be deleted
only by the store administrator.
Transactions
155
The Transactions grid lists all payment activity that has taken place between your store
and a payment system, and provides access to more detailed information.
To view transactions, in Admin sidebar on the left, choose Sales > Transactions.
156
Tax Rate, Payment and Shipping Methods in
Magento 2
Read the tutorial below to understand Tax Rate, Payment and Shipping Methods in
Magento 2.
Taxes Management
Magento 2 allow you to create and set different Tax Rates for certain locations and/or
product types. You need to know about how to add a Tax Rate and a Tax Rule to
well-manage Magento 2 taxes system.
Tax rates generally apply to transactions that take place within a specific geographical
area. The Tax Zones and Rates tool enables you to specify the tax rate for each
geographical area from which you collect and remit taxes. Because each tax zone and
rate has a unique identifier, you can have multiple tax rates for a given geographic area
(such as places that do not tax food or medicine, but do tax other items). Follow these 3
steps below to add a tax rate.
Step 1On the Admin sidebar, tap Store then choose Tax Zones and Rates.
157
Step 2In Tax Zones and Rates interface, click on Add New Tax Rate button.
158
Step 3Configure the new tax rate information then press the Save Rate button.
_ Tax Identifier: The name of the tax used for internal identification.
_ Zip/Post is Range: If selected you will be able to set up a Range of Post codes in the
two fields below this one.
_ State: The State on which you wish to impose the Tax Rate (if your country does not
have States, this option will be in gray).
_ Country: The Country on which you wish to impose the Tax Rate.
159
_ Rate Percent: The Tax Rate percentage the customer will need to pay.
Tax rules incorporate a combination of product class, customer class and tax rate. Each
customer is assigned to a customer class, and each product is assigned a product class.
Magento 2 analyzes the shopping cart of each customer and calculates the appropriate
tax according to the customer and product classes, and the region (based on the
customers shipping address, billing address or shipping origin. Follow these 3 steps
below to implement a Tax Rule.
Step 1On the Admin sidebar, tap Store then choose Tax Rules.
160
Step 2In Tax Rules interface, click on Add New Tax Rule button.
In the Tax Rule Information part of the configuration, you will need to put a Name for
the Tax Rule and select the Tax Rate for it.
161
Expand the Additional Settings and you will see a few more options to configure:
162
_ Customer Tax Class: Customer Tax Classes are used in certain cases when the
purchase is not retail (wholesale for example).
_ Product Tax Class: Different types of products have different Tax Classes (food and
electronics for example). To better manage your products, you can create a new Tax
Class here that corresponds to the products type.
_ Priority: The priority of this class when calculating from multiple tax rules (if two
classes have the same priority they will be added during tax calculation).
_ Calculate off Subtotal Only: If you want taxes to be based on the order subtotal,
mark the checkbox.
163
_ Sort Order: Modifying this will change the display order of the tax if more than one tax
can be selected (lower is higher with 0 being displayed on top).
Payment methods
Magento Community Edition 2.1 supports a variety of payment methods, services, and
gateways that you can offer for your customers convenience. There are 3 main
payment methods: Offline Payments; Online Payments; Payment Card Industry (PCI)
Compliance.
Magento 2 allows you to accept payments offline by check or money order. The
Check/Money Order payment method is enabled for your story by default. You can
accept checks and money orders from only some specific countries, and fine-tune the
configuration with minimum and maximum order total limits.
Step 1On the Admin sidebar, tap Stores. Then under Settings, choose
Configuration. In the panel on the left under Sales, choose Payment Methods.
164
165
Step 2Expand the Check/Money Order section. Then, do the following:
166
_ Enabled: To accept payment by check or money order, set Yes.
_ Title: Enter to identify the Check/Money Order payment method during checkout.
167
_ Payment from Applicable Countries: Set All Allowed Countries customers from
all countries specified in your store configuration can use this payment method. Set
Specific Countries to select each country in the list where customers can make
purchases from your store.
_ Make Check Payable To: Enter the name of the party to whom the check must be
payable.
_ Send Check To: Enter the street address or PO Box where the checks are mailed.
_ Minimum and Maximum Order Total: The order amounts required to qualify for this
payment method. An order qualifies if the total falls between, or exactly matches, the
minimum or maximum total values.
_ Sort Order: Enter a number to determine the position of Check/Money Order in the list
of payment methods that is shown during checkout (0 = first, 1 = second, 2 = third, and
so on).
Magento 2 allows you to accept payment that is transferred from a customers bank
account and deposited into your merchant bank account.
168
To configure online payment method by bank transfer payments:
Step 1On the Admin sidebar, tap Stores. Then under Settings, choose
Configuration. In the panel on the left under Sales, choose Payment Methods.
Step 2Expand the Bank Transfer Payment section. Then, do the following:
169
_ Enabled: Set Yes to active Bank Transfers.
_ Title: Enter to to identify the Bank Transfer Payment method during checkout.
170
_ New Order Status: Set Pending until receipt of payment is authorized.
_ Payment from Applicable Countries: Set All Allowed Countries customers from
all countries specified in your store configuration can use this payment method.
Set Specific Countries Select each country in the list where customers can make
purchases from your store.
_ Instructions: Enter the instructions your customers must follow to set up a bank
transfer. Depending on the country where your bank is located and the requirements of
the bank, you might need to include the following information: Bank account name, Bank
account number, Bank routing code, Bank name, Bank address.
_ Minimum and Maximum Order Total: Set the amounts required to qualify to use this
payment method. An order qualifies if the total falls between, or exactly matches the
minimum or maximum total values.
_ Sort Order: Enter a number to determine the position of Bank Transfer in the list of
payment methods during checkout (0 = first, 1 = second, 2 = third, and so on).
171
The Payment Card Industry (PCI) has established a set of requirements for businesses
that accept payment by credit card over the Internet. For example, we will show you how
to use the PayPal Express Checkout method:
Step 1On the Admin sidebar, tap Stores. Then under Settings, choose
Configuration. In the panel on the left under Sales, choose Payment Methods.
Step 2Find the PayPal Express Checkout section and press Configure button. Then
do the following:
1Open Express Checkout options and click on the Get Credentials from PayPal
button.
172
This will open a new window of your browser to PayPals login page. Once logged in,
Magento 2 will automatically copy the required information from your Paypal account to
API configuration process.
173
_ Title: The title of the payment method.
_ Sort Order: Modifying this will change the display order of the payment method if
more than one are available (lower is higher with 0 being displayed on top).
_ Payment Action: You can choose between Authorization and Sale. If you choose
Authorization, you will have to authorize the payments before they can be processed. If
you choose the Sale option, the customer will be charged immediately after they pay.
_ Display on Product Details Page: Set Yes to allow the payment method to be
visible on the details page of every product (recommended).
174
_ Display on Shopping Cart: Select Yes to display the method in the shopping cart
(recommended).
_ Payment Applicable From: If you want to allow only some Countries to use PayPal
Express choose them here.
_ Debug Mode: Set Yes to write communications with the payment system into the log
file.
_ Transfer Cart Line Items: Enabling this will show all of the purchased item in the
PayPal Transaction details during the payment process.
175
_ Transfer Shipping Options: Transfers the Shipping Options from your Magento 2
Store to the PayPal window during the payment process.
_ Shortcut Buttons Flavor: You can choose either dynamic or static shortcut buttons.
_ Enable PayPal Guest Checkout: Set Yes to allow customers without PayPal
accounts to make a purchases with this method.
_ Requires Customers Billing Address: Set Yes and the customer will have to fill
this billing address (not recommended as it adds additional step to checkout process).
176
_ Skip Order Review Step: Set Yes to allow the customer to complete the transaction
from the PayPal site without returning to your Magento store for Order Review.
Step 3You will also be able to set the front-end looks by adding a logo and choosing the
style and colors for the PayPal Merchant Pages. When complete, click Save Config
button.
Shipping methods
By default, Magento 2 supported 4 shipping methods which are: Free Shipping, Flat
Rate, Table Rates, Dimensional Weight (Carriers).
Free Shipping
With no doubt, Free shipping is one of the most effective promotion methods in every
E-commerce business, you can easily set up this by using Magento 2 free shipping
rules, which is automatically set free shipping for a product if it meets the custom
condition that you choose before. For example, you want to set a free shipping over
$100, all customers who have orders more than $100 will get free shipping coupon
immediately.
Step 1Go to Store > Configuration > Sale > Shipping Methods.
177
178
Step 2At Free Shipping menu, you fill in the information that Magento 2 required
includes:
179
1, Set Yes to turn on Free shipping in Enable box.
4, In the Displayed Error Message box, type the message to appear if free shipping
becomes unavailable.
5, Choose a suitable value in Ship to Applicable Countries box: All Allowed Countries
or Specific Countries.
180
6, In Show Method if Not Applicable you can choose 2 options: Yes or No.
7, Enter a Sort Order number to determine the position of free shipping in the list of
shipping methods during checkout. You can choose 1, 2, 3
Step 3After finish all of above configuration, you can click Save Config button
Step 1From the Shipping Methods configuration, click to expand the UPS section.
2, To require a minimum order for free shipping, set Free Shipping with Minimum
Order Amount to Enable.
3, Enter the required amount in the Minimum Order Amount for Free Shipping field.
181
Flat Rate Shipping
In Magento 2 flat rate shipping is a fixed option for customers, in this way, the charge
can be predefined for each product or order. There are many store-owners use this
shipping method because of the simple and useful benefit that it brings.
Step 1Go to Store > Configuration > Sale > Shipping method, expand Flat Rate tab.
182
Step 2You need to fill in needed information in all blank boxes. Follow the instruction
below:
2, Fill in Title for your Flat rate method and Method Name.
3, Choose which Type of Flat rate shipping that you prefer: Per order/Per item.
4, Enter the Price that you want to charge for flat rate shipping.
5, Calculate Handling Fee: You can calculate shipping fee with fixed amount or percent
amount.
7, Ship to Applicable Countries: You can apply Magento 2 flat rate shipping for a
specific country by using this option.
8, Enter a Sort Order number to determine the position of the Flat Rate in the list of
shipping methods during checkout.
183
Step 3After finish, hit Save config button.
With Table rate shipping method in Magento 2, customers can have the smartest choice
for their shipping option, based on data from many fields like Weight, Destination,
Price When customers choose an option, your store will automatically estimate the
shipping fee for their order.
There are 4 steps that you need to finish to set-up Magento 2 table rate shipping
method.
Firstly, we need to complete default setting for Table Rate, you can go to Table rate
menu by following this path: Store >> Configuration >> Sale >> Shipping Methods,
then expand the Table rate configuration then follow the below instruction:
184
1, Enable: Turn it to Yes.
3, Method Name: This config will define how it call in checkout page.
4, Condition: In this box, you need to choose the formula that your store will use to
calculate the shipping fee: Weight vs Destination; Price vs Destination; Number of item
vs Destination.
5, Include Virtual Products in Price Calculation you should turn to Yes if your store has
virtual product.
8, Ship to Applicable Countries: You can set table rate shipping method in Magento 2
to multiple countries by using this option, just choose which countries you want.
9, Sort Order: Position of this option in the checkout page. You can set 0,1,2,3.
185
When you finish everything, hit Save config button to apply your change with Magento 2
table rate shipping method.
Choose the Store view to where you want to apply these changes:
In the upper-left corner, set Store View to Main Website or to any other website where
the configuration applies. When prompted to confirm, tap OK. You can see Import and
Export were placed next to Use default buttons. We have to change the Condition here
so we need to clear Use Default Checkbox, choose another option.
186
Click Export CSV and download this file to your computer. Why do we need to
download this file? We will edit the data inside it with our data. After finishing editing
data, save changes.
In the previous step, you have to export and edit the data in Table Rate, now you need
to Import it back to the server. Return to the Table Rates section of your store
configuration.
1, In the upper-left corner, set Store View to the website where this method will be used
187
2, Next to the Import field, tap Choose File. Select your completed tablerates.csvfile,
and import the rates.
To make sure that the table rate data is correct, go through the payment process with
several different addresses to make sure the shipping and handling rates are calculated
correctly.
With Magento 2 dimensional weight, customers have to pay for shipping based on their
products space. It means that carriers will base on package volume of products the
amount of space that product takes in the stock of carrier. Now dimensional weight is
quite popular because of there are many providers offer this such as: DHL, FedEx, UPS,
USPS. In later tutorial, we will talk about this.
188
Promotion in Magento 2
As one of the leading E-commerce platforms, Magento 2 has many powerful Marketing
Tools. First we will dig deep to the field of Promotion, with two types of price rules to
create a promotion. While Catalog Price Rules are discounts applied for products in
category or product pages, Cart Price Rules are only applied after a product had been
added to cart. Lets take a look at these two types.
Rule Information
189
_ Rule Name: Choose the name which describe the meaning of the Rule much.
_ Customer Groups: Choose the customer groups will be benefited from your
Promotion Rule.
_ Priority: If you have other Rules in same period, set the priority of this one (lower
number means higher priority with 0 being the highest).
190
Conditions
Dont add conditions if rule is applied to all products. You can narrow the rule to
specified categories or attribute sets. Just do this as the images below:
191
And the result will be:
If you want to add conditions for specified attribute sets, click and do the following:
192
For categories, you can do the following:
193
In case you want to combine more conditions, select Conditions Combination:
194
Actions
_ Apply: Select discount method, which can be: Apply as percentage of original, Apply
as fixed amount, Adjust final price to this percentage, Adjust final price to discount value.
195
Finally, you can save and Apply this Rule to take effect.
196
Rule Information
_ Rule Name: Choose the name which describe the meaning of the Rule much.
_ Customer Groups: Choose the customer groups will be benefited from your
Promotion Rule.
_ Uses per Customer: If enabled coupon for Customer, you can set the limit use of
coupons for each customer.
197
_ Priority: If you have other Rules in same period, set the priority of this one (lower
number means higher priority with 0 being the highest).
198
Conditions
Leave blank if rule is applied to all products. First click to the button, then do as the
following:
_ Product attribute combination, choose from the cart attributes: subtotal, total items
quantity, total weight, payment method, shipping method, shipping postcode, shipping
region, shipping state/province, shipping country.
199
_ If total quantity or total amount is fixed value for a subselection of items in cart
matching all of these conditions, choose Products subselection.
Actions
You make the value of the discount here. Notice these fields:
_ Apply: Select the discount method: Percent of product price discount, Fixed Amount
discount, Fixed Amount discount for whole cart, Buy X Get Y Free.
_ Maximum Qty Discount is Applied To: Select the quantity of products after which
the discount will be applied
_ Discount Qty Step: For Buy X Get Y Free method, you need to buy a number of X in
order to get Y free.
_ Apply to Shipping Amount: In case you want to apply discount to shipping also.
200
_ Free Shipping: Enable Free shipping or not.
And you can make more conditions for cart items like this:
201
Labels
_ Default Rule Label for All Store Views: The name of label for your discount.
_ Store View Specific Labels: Choose what labels to have on the different store views
of your site.
Finally, you can save and Apply this Rule to take effect.
202
Magento 2 Customers
Introduction
1, Search bar: Find your customers efficiency and easily, narrow the list.
203
4, Number per page: Change to show a number of customers at one page.
In backend, the Administrator can add a new customer manually or import from a
customer list. In frontend, Customer can sign up to be a new customer of your website.
Add manually
Click Add New Website button. In Account Information, there are 4 compulsory fields.
The rests are optional to fill or not. Then you need to Save Customer.
204
In Addresses, the steps are the same.
205
Import from lists
206
If you have a list, go to System -> Data Transfer -> Import, then you can import your
file via Customers And Addresses, Customers Main File or Customers Addresses. You
should download sample file and edit the information.
Register by customers
Your customer can also register in frontend and their information will be saved in the
backend.
207
Customer Configuration
Finally, you need to know about Customer Configuration in Stores Tab. There are 5
configuration for customers, including of: Newsletter, General Customer Configuration,
Wish List, Promotion and Persistent Shopping Cart. Navigate to Stores ->
Configuration.
208
Customer Configuration is composed of many fields. You can look at the image below to
know the required value for each field.
209
210
211
Wish List can also be fixed like that:
212
Third party solution for Magento 2
Magento 2 extension wont just be wonderful for all your necessary task. Thats why your
online store needs more third party solutions for Magento 2. Well, there are lots of them,
but for a typical store owner, you should notice these two most: the live chat system and
the ticket system.
Live chat system is an online customer service software with live support and some web
analytics capabilities. There are now 2 most well-known live chat systems which are
developed and worked well in SaaS (Software as a Service) business like Magento 2:
Zendesk chat (formerly Zopim chat) and Intercom. Lets see the table of comparison
between these two:
Trigger x x
213
Mobile app x x
Offline mode x
History chat x x
Team Inbox x
Appearance Customization x x
Email Composer x
214
Available Engage + Learn + Support: Lite Free
plans from $57
1 Agent
For your
company
Everything for
Marketing,
Product, and
Support to Basic $11.20/agent/month
connect with (yearly) or $14/agent/month
customers. (monthly)
Unlimited Agents
Acquire: flat $49 Unlimited Chats
2 Triggers
2 Departments
Widget
Customization
For sales and
support teams
Talk to visitors
on your website
to help them
become Advanced 20/agent/month
$
customers (yearly) or $25/agent/month
(monthly)
215
Guide new Chat Reports
signups to
become active
customers
Premium 44/agent/month
$
(yearly) or $55/agent/month
(monthly)
Learn: from $49
Widget Unbranding
For product Agent Reports
teams Real-Time
Get quality Monitoring
product High Load
feedback from Dashboard
the right 24/7 support
customers
For support
teams
Streamline
support for your
team and your
customers
216
Observe: free forever
For your
company
See who your
customers are
and what they
do in your
product
217
iOS
A ticket system is a computer software package that manages and maintains lists of
issues, as needed by an organization. Notable supported Ticket systems for Magento 2
are Zendesk ticket and Kayako.
218
Knowledge Base x x
Automations Ticket x x
routing, scenario
automations
Satisfaction Surveys x x
219
Zendesk Kayako
220
month, billed conversation
annually) tracked
221
Azuqua Salesforce
Capsule CRM SAML Single
Cart 66 Sign-on
Cisco DTK WHMCS
ClickDesk Live WordPress
Chat Yammer
Cloud Magic More apps from
Drupal Kayako
FreshBooks community
Google Apps REST API
Hootsuite integrates with
Infusionsoft your apps and
Joomla! backend systems
LiveChat
MailChimp
Microsoft
Dynamics
Olark Live Chat
Podio
SAP Business
One
WordPress
Zopim Chat
Conclusion
Because Zendesk chat and Zendesk system, these two systems are working well
together. Zendesk chat is considered better than Intercom, both in price and functions.
We have used many different live chat and ticket system, but we are now happy with the
current Zendesk chat and ticket system.
222
223