Professional Documents
Culture Documents
Web Pos v2.0 User Guide 1
Web Pos v2.0 User Guide 1
com
sales@magestore.com
Phone: 084.4.8585.4587
WEB POS
USER GUIDE
Version 2.0
Table of Contents
1.
INTRODUCTION ...................................................................................................... 5
2.
3.
1. INTRODUCTION
Running a quick service, retail store or restaurant? Then you know how important it is to
have an effective POS to cut the long queue of customers waiting to check out. Most of
the time, your shop assistants have to carry out the checkout procedures for Customers,
either in physical stores or when receiving orders through phone or email. So, wouldn't it
be great if this process could be hastened, helping save time for more profitable actions!
With Magestores Magento POS integration extension, you will be able to create orders
quickly and conveniently from an admin panel on just a single one page! Try now and
you will be fascinated by its convenience and the amount of time saved.
We would love to discuss your specific needs but we think you might like some of our
customer favourite features below.
Outstanding Features
Front-end POS essentials
Responsive web-based POS with native app UI/UX
Create orders and save data in browsers when offline (Hot)
Switch between store views on Web POS screen
Take orders & pick out products quickly
Visualize product lists with thumbnail images
Filter recent-added or bestseller products besides default categories
Search products by any product attribute, such as manufacturer, color...
Search product by barcode
Select/edit options of configurable, bundle, grouped products via popup boxes
Create custom sale items (e.g. for new arrivals) in 2 clicks
License Certificate valid for 1 live Magento installation and unlimited test
Magento installations (No license key required).
Magento POS system is easy to install and configure
User-friendly interface
2. HOW TO CONFIGURE
Before using Web POS to check out, admin needs to configure it in backend first. Please
read the user guide carefully to know how to configure information you want
2.1. How to enable a payment method for Web POS
To set up a shipping method for Web POS, go to System > Configuration >
Payment Methods > Cash for Web POS / Credit Card for Web POS. Then,
you will be navigated to this page:
- Applicable payments:
If you want to apply all payments, choose All Allowed Payments
If you want to apply some particular payment methods only, choose Specific
Payments. Then in Specific Payments field, select payment method as your
preference. Hold Shift + Click to choose more than one.
2.2. How to set up a shipping method for Web POS
To set up Shipping Methods for Web POS, go to System > Configuration > Shipping
Methods, the following page will be shown as below:
- Carrier title: Enter a name for the title of shipping method. This will be shown in
frontend at checkout step
- Method title: Enter a name for method. This will be shown in frontend at checkout step
- Price: Set shipping fee for this shipping method
After finishing, click on Save or Save And Continue Edit button to save your work.
2.3. What is default customer & how to configure Default Guest Checkout
2.3.1.. What is default customer
Default customer is the customer whose information will be used for Guest Checkout or
when customer information is not enough, default value will be filled automatically.
2.3.2. How to configure Default Guest Checkout
To configure Default Guest Checkout, go to Web POS > Settings > Default Guest
Checkout. You will see the configuration page as below:
10
Fill in all information as you want to use as default, including Default Customer ID,
First Name, Last Name, Street, Country, State/Province, City, Zip/Postal Code,
Telephone, Email.
After finishing, click on Save or Save And Continue Edit button to save your work.
- Enable: Choose Yes to activate offline mode for Web POS checkout
- Network check interval: in seconds. Interval between 2 network check requests. Leave
11
- Allow showing out-of-stock products in search results: If you want to show out-ofstock products in search results, choose Yes. If not, select No.
- Web POS logo: Upload your logo here. Please note that recommended size is
260x120px & supported files are jpeg, png
After finishing, click on Save or Save And Continue Edit button to save your work.
2.6. How to add a Web POS user
To add new user using Web POS, go to Web POS > Web POS Permissions > POS
Users. Here you can see a list of users that have been created.
12
You can also export user list to csv/xml file or add new Web POS user.
Click on Add User button then you will be directed to the following page:
Fill in all information of the user, including User Name, Password, Password
Confirmation, Display Name, Email Address, Location, Role, Status. Then,
click Save or Save And Continue Edit.
13
Please note that to select the role for user, you need to add a role first. Please go to
the section: 2.7. How to differentiate access permissions of Web POS users for
more details.
To edit a user, click on the Edit link in POS Users manager page.
After finishing, click on Save or Save And Continue Edit button to save your work.
14
To grant different permission for Web POS user, go to Web POS > Web POS
Permissions > POS Roles. The Role Manager page will be shown. You can export role
user list to csv/xml file:
To add a new role, click on Add Role button in the top right corner. You will see
the Add Role page. Here there are two tabs, including Role Information and User List.
15
In Role Information tab, please make sure you fill in enough information
- Role Name: Enter a specific name for the role in order to find it easily
- Permissions: Choose which all or specific permissions you want to grant for this
role. Use Shift + Click to choose more than one
- Description: Enter text that describes the role
- Status: Remember to set Status as Active if you want to enable it
16
In User List tab, tick on users who will have corresponding permission in Web
POS system.
After finishing, click on Save or Save And Continue Edit button to save your work.
To edit a current role, click on "Edit" link on Role Manager page, then you will be
When finishing editing, please click on Save or Save And Continue Edit button to save
the change.
2.8. How to connect Web POS with peripheral devices
Magestore Web POS extension can connect with Barcode readers, Card readers &
Receipt printers
17
Barcode readers: any devices that connect with ipad/laptop/pc (no matter through
usb port, wifi or bluetooth) - as long as the scanner can read barcodes & fill
encoded information into Web POS search box
Card readers: only devices connected through USB port
Receipt printers: any devices that connect with iPad/laptop/PC (no matter through
usb port, wifi or bluetooth)
18
3. HOW TO USE
You have finished settings for Web POS, now please move to the part of HOW TO USE
Web POS for checkout
3.1. How a Web POS user logs in & manages his account
After you creates user with specific permission in using Web POS, you can send him
Web POS checkout link or guide him to access from Web POS backend by going to Web
POS > Web POS Checkout. Then, a login form will appear. User needs to fill in your
account & password to continue:
To manage his account, the user should go to Settings tab > My Account:
19
Then, click on My Account link and the user can see his information. He can also change
his password if he wants
20
3.2. How a Web POS user deletes/ reloads data in local manually
When to use:
In the first time a user log in to Web POS Checkout screen, the extension will load
data like products, customers, tax calculations, etc. to his local. Then the system
will automatically update new data about products, customers... when having any
changes in admin panel.
In some cases, a user's local data is not 100% synced with data in the back-end. If
the user notices any discrepancy, he can delete and reload data manually.
How to use:
Open the Developer Tools of your browser (e.g. press F12 to open it in Chrome).
Go to tab Console, type the flushProductCache() command and click Enter to
delete and reload data.
Notes:
For data storage, in case the user closes his browser or restarts the system, Web
POS still keeps all previous data so he can continue working without any problem.
3.3. How to filter & search products quickly
In backend, you can configure to search products by going to Web POS > Settings
In General tab: Enable Allow showing out-of-stock products in search
results by choosing Yes option.
21
Enable quick search (load data from local storage): Choose Yes to search
products quickly
In frontend, you can search products by 3 ways, which are categories, product
attributes and barcode
Use categories: In frontend, you can click on All Categories link to quickly search
22
Besides normal categories, you can select search by Recently Added Products &
Frequently Added Products:
-
Recently Added Products: A list of products that have been newly added to
cart.
Frequently Added Products: A list of products that have most often been
added to cart
To search by product attributes, click on Search icon, then a search bar will be shown.
Enter your search terms and matching products will display right away.
23
Use barcode
-
Connect Web POS with barcode reader devices (Please refer to 2.8. How to
connect Web POS with peripheral devices for more details)
Scan barcode and then the barcode attribute will be filled automatically in the
search box (To set barcode attribute, go to 3.3. How to filter & search
products quickly to know more)
With simple products, you just need 1 click to add them to cart
With configurable, bundle, grouped products, after clicking, you will see a
popup shown to choose your option. Then, click on Add to cart button.
24
product that needs editing. A popup will display with edit option for Qty.
25
To edit Qty., just enter a wanted number or click on +/-. The number of products
26
27
28
29
After finishing configuration, click on Add to Cart button and check out as normally.
Please note that this custom sale product will not be saved for the next checkout.
3.6. How to apply a coupon code or a cart discount
After adding products to cart, to apply a coupon code or discount on the whole cart, click
on Add Cart Discount link.
30
31
Name: Enter a name for this discount as you will easily check it again
Then, the cart will be updated automatically after you click on Apply button.
In Coupon Code tab:
Just fill in available coupon you want to offer for your customers. The cart will be
updated automatically after you click on Apply button.
32
After adding products to cart, besides editing the quantity of each product (refer to
section 3.4.2. Edit products in cart for more details), you can click on the product to
edit other information. A popup will display with edit option for Custom Price,
Discount. Remember that you can only change information by Custom Price OR
Discount, not both of them at a time for a product.
33
You can set custom price for products by click on Custom Price button. The next
In this popup, please choose type you want to adjust for the price, according to fixed
number or percentage.
If you edit fixed price, the price will be changed to the price you have entered
34
If you edit by percentage, the price will be decrease by the percent you have
entered (it is similar to Discount by percentage)
Then, products in cart will be updated with the price you edit
Editing discount for each product is similar to edit by Custom Price. Click on
35
If you edit discount by fixed number, the price will decrease by the exact value
you have entered
If you edit by percentage, the price will decrease by the percent you have entered
(it is similar to Custom Price by percentage)
Then, the product price will be updated in the cart as following:
36
Search customers:
In the search box, you can quickly find the customer by entering his name, email, phone
or address. Choose customer from suggested results in dropdown list.
The information of customer in the system will be auto updated in checkout step. To edit
it, please click on name of customer:
37
38
Fill enough information of the customer such as First Name, Last Name, Email, Phone,
Address, etc. Remember to click on Save button to save the customer information for the
next checkout.
3.8.2. Guest Checkout
When you use Guest Checkout, the default customer that you configure in backend will
be used (Please hover to the section 2.3.1 What is default customer & how to
configure Default Guest Checkout to get more details). At checkout, all fields will be
auto-filled with that default information.
39
To view comment of order, you can go to Orders tab in Web POS screen, choose an
order then scroll down to see Comment History
40
In Magento backend
Go to Sales > Orders > click on a specific order. In order details page, scroll down to
Comment History tab to check whether it has any notes or not.
41
When products are added to cart, click on Checkout button at the end of the cart
page
You will be redirected to the next page with information of Shipping & Payment Method
42
To edit address, click on Edit Address button in the top right corner
For Web POS checkout, you can choose among payment methods that are applicable.
There are two payment methods for Web POS checkout, which are Credit Card or Cashin
-
Cash-in: If you choose this payment, a screen will be shown for you to fill the
amount of money that customer pays. The remaining amount will be autocalculated.
43
Credit Card: Connect Web POS with card readers to use this payment method. For
more information about how to connect, please go to section 2.8. How to connect
Web POS with peripheral devices
After that, click on Place Order button to complete checkout process. There will be a
notification as below:
44
Your customer wants to pay $40 in cash. Then, you choose Cash-in payment &
enter the value of $40.
45
For the remaining ($143.73), your customer wants to pay by Cash on delivery. So,
at this time, you choose Cash on delivery payment method & place order as
normally.
46
Notes:
-
You need to use Cash-in method of Web POS as a compulsory payment method
47
plans or hire purchases, the layaway customer does not receive the item until it is
completely paid for. (Wikipedia)
With Web POS, you can also apply partial payment. For example, your customer wants
to reserve the good before it will be launched. His order value is $455. He pays $100 as
reservation by Money/Check.
-
After finishing creating order, in the next step, dont create invoice or shipment for
this order. To do this, you need to turn off Create shipment for this order and
Create invoice for this order as in the following screenshot.
48
After the product is released, customer makes payment for the rest of his order.
Then, admin can create invoice and complete order manually in Magento backend.
Go to Sales > Orders > Choose the order to complete
49
If you need to check out when you are offline, click on the button at the end of the
page to turn on Offline mode. It will be automatically set as offline if your Internet
Connect suddenly drops.
50
Please note that you can check out as normal as when you are online. However, if you are
offline, you cannot use Custom Sale or Discount features.
-
After you create an order, you can check it in Unsynced offline order tab. At this
time, the order is saved without Order ID.
51
When you are back to online mode (by turning Online mode on), sync this order to
the system so that it will be recorded. Click on Unsynced offline orders tab, in
the popup, tick on the order then heat the Save Order button.
As the Order ID is recorded after you successfully save the order, it will not be
duplicated with other online orders that are created at the same time.
52
53
54
55
Order status
In order list, the status of order is distinguished by color
-
Complete: Green
Processing: Yellow
Pending: Blue
Canceled: Gray
Order searching
56
57
58
59
There will be a message shown to notify you that shipment is created successfully. Please
note that to use this way, you need to have permission and be in online mode.
3.15.2. How to issue refund
Going to Orders tab in POS screen, you choose the order that is required to refund. Click
on Refund button in the end.
60
A popup will display so that you can fill in the information before making refund
After that, you will get the message informing that credit memo is created successfully.
Please make sure you have permission to issue refund and you are in online mode.
61
On checkout page
62
63
Notes:
Card Readers cant be used when you use iPad or tablets to checkout with POS because
they cannot connect through USB port. To know more about device connect, please
hover to the section 2.8. How to connect Web POS with peripheral devices
64
The report with information of Period, User, Sales Total will be show in the table as
follows. You can also export it to csv/xml files.
Moreover, the report can be shown in different 5 types of chart. To view it, please click
on the Show Chart icon
By this way, the report will be shown in the most visualized way. You can analyze it by
downloading chart to your computer. Lets take a look at the screenshots below:
Pie chart
65
Line chart
Area report
66
Horizontal bar
Vertical bar
67
68