Created: 6/2022
Latest updated: 04/2023 – Updated version: 1.0.7
By: VillaTheme
Thank you for purchasing our plugin. If you have any questions that are beyond the scope of this documentation, please feel free to request support at our Support Forum. Thanks so much!
It is recommended using:
1. WooCommerce 5.0.x
2. WordPress 5.0.x
3. PHP 7
Get the plugin installation package from your account download page and save it to your desktop.
Go to Plugins/ Add New/ Upload Plugin/ Choose file/ Select webpos-woocommerce-pos-point-of-sale.zip / click “Install Now“/ click “Active plugin”.
You can see this video on how to install and use the plugin:
After downloading and installing the plugin. You will follow these below steps to opera the web pos system.
Step 1: Go to WebPOS > Settings >General, enable to activate the plugin.
Step 2: Go to the POS page on the front end.
Step 3: Add Cashier accounts to allow the cashiers to make POS transactions.
Go to Dashboard > Users > Add New. Enter the cashier’s information and select the role “cashier”. Finally, Add New user.
Step 4: Login using the newly created cashier account.
On My account page, the cashier can go to the POS page if she is already logged in. Go to My account > Visit POS.
Step 5: After logging in with the cashier account, now the cashier is ready to make POS transactions on the POS system.
In the Settings, you will set up the general configurations of Products, Customers, Orders, and Payments on the WooCommerce POS page.
Go to WebPOS > Settings > General, enable to use of the plugin.
Go to WebPOS > Settings > Products
Go to WebPOS > Settings > Orders
Go to WebPOS > Settings > Customers
Go to WebPOS > Settings > Payments:
Each product will be identified by a barcode. Product barcodes are unique, they are generated under certain standards such as Code 128, Code 38, EAN 13, UPC.
In the Product Barcode section, you can configure options on how the product barcode is displayed, and the print barcode function.
After the designed barcodes of the products are printed out, you will label them on each product. The cashier will sweep the barcode on the products by a barcode scanner to make WooCommerce POS transactions.
A. General settings for the product barcode
Go to WebPOS > Product Barcode to configure the barcode of products.
B. Design the product barcode
{product_name} – Product name
{barcode_image} – Product barcode image
{barcode} – Product barcode
{price_html} – Price html
{regular_price} – Regular price
{sale_price} – Sale price. Use regular price if no sale price
{width} – Product width
{height} – Product height
{length} – Product length
{weight} – Product weight
C. Print sample and print the product barcodes
1. Print sample: Print a sample of the selected preview product
2. Print Barcode: Click on the Print Barcode, you will be redirected to the product editing list page where you can bulk print the barcode of a product, some assigned products or all products.
2.1. Print the barcode of an individual product: Click on the 
icon on each product to print that product barcode. With the variable products, it is able to print the barcode of all variations or each variation.
2.2. Bulk print the barcode of some selected products or all products.If the barcodes of variable products are in the print list, print the parent product’s barcode only.
Go to the Receipt section to configure receipts for the POS transactions. You can create as many receipt templates as you want.
Note 1: In the General settings, you can set a template as a default receipt and an option to allow the cashier to select a receipt template before checkout.
Note 2: To allow the cashier to print a receipt template before checkout:
In the Receipt section > Edit, you will customize each receipt template. There are many settings to configure the receipt layout and contents. You can preview the receipt and print it as a sample.
Go to WebPOS > Receipt > General
{site_title} – Site Title
{address_1} – Address line 1
{address_2} – Address line 2
{city} – City
{state} – State
{country} – Country
{order_id} for the id order parameter in the shortcode.
{address_line_1} – Address line 1
{address_line_2} – Address line 2
{city} – City
{state} – State
{country} – Country
Go to WebPOS > Receipt > Order item details.
 |
 |
Go to WebPOS > Receipt > Order total.
WebPOS – WooCommerce POS – Point of Sale recorded the POS transaction history and make statistics in the reports section. This report section will give you a panic picture of revenue figured on today, yesterday, 30 days, 90 days, a year, or a certain time.
The reports give information about cashier/outlet/payment statistics, and the order total they earn in a range of certain days.
Go to WebPOS > Reports
Order value at a certain time
Number of orders , order total by cashier at a certain time
Click “Print” to print report
Go to the Outlets section in the backend to create and manage all outlets of POS transactions. There are 2 types of outlets (Groceries and Restaurants), so there will have settings for these 2 types of outlets.
1. Add new: Create as many outlets as you want to sell with POS.
2. Available outlets: List of available outlets for POS. There will be a default outlet of your current POS site. You can edit, delete, change the outlet’s status, quickly view outlet information on the outlet list page.
3. Bulk action: Treat bulk outlets at once. You can select many outlets, then change statuses’: Enable, disable or delete them.
4. Assign product stock: Go to the Product list page to manage stocks of the outlets. Go to the D. Manage outlet stocks section for more information.
Go to Outlets, Click “Add new” to create new outlets.
Go to the Outlets > Tables, this part supports the outlets such as restaurants, cafes.
1. Status: The table’s status is indicated by the word “Status” If the table is not available, select ‘Disable’.
2. Name: You will name for the table, it should be a memoriable and unique name of the customer.
3. Seats: Set the number of seats of the table.
4. Description: Give a description for the table.
5. Add new: Add new table
6. Clone: Duplicate the above table row.
7. Remove: Remove a table.
You can click on the Assign product stock button or go to the admin product list to manage the stocks of the outlets.
Go to each product editing page, you can manage the stocks of simple and variable products:
+ For simple products:
+ For variable products:
When you visit a WooCommerce POS page, you can see a global POS page interface will be presented with the following functional areas.
1. Menu: Click on the 
button to go to menus on the POS page. The menus include Point of Sale, Orders, Today transaction, Customers, My account, Logout.
2. Shortcut buttons.
Auto-print receipt after checkout
Keyboard shortcuts: Keyboard shortcuts are keys or combinations of keys that provide an alternative way to do something on the POS page that you’d typically do with a mouse. Hovering the Keyboard shortcut icon at the top right corner of the POS page, you can see the keyboard shortcut annotation list.
Increase the number of products
Decrease the number of products
Support Progressive Web Apps. When switching between online and office mode, change the color of the connection. Green represents online, and yellow represents offline.3. Bill tab: The cashier can proceed multiple bills for multiple customers at once. The shortcut F1 to add new bills.
4. Add and search products
There are some ways to add products to the cart, the cashier can add custom products or existed products.
button next to the product search box (shortcut F2 to add a custom product). The cashier can add the name, price, and quantity of the custom product. Go to WebPOS > Products to configure: Allow the cashier to add custom product to the cart 
5. Display and adjust the selected items in the cart
After adding products to the cart. The selected products will be displayed in this area. The cashier can adjust the cart items including:
a. Change among variations of variable products on the cart: Switch among variations of the selected variable products on the cart. Go to the WebPOS > Products to configure: Allow the cashier to update variation the cart.
b. Adjust product quantity to add to the cart: The cashier can increase, decrease the number of item quantities in the cart.
c. Change the item price directly: The cashier can change the price of each item if she is allowed. Go to the WebPOS > Products to configure: Allow the cashier to change the product price
d. Remove item: The cashier can remove each item out of the cart.
e. Remove all products: The cashier can remove all items out of the cart.
f. Add/ remove item notes: The cashier can add and remove a note in each product item.
g. Add/remove order notes: The cashier can add and remove a note for each order.
6. Add new users and search existing customers.
button if a customer is new. The cashier can create the new customer and add new customer information (Include: First name; Last name; Emails; Phone; Address; Country; State; City; Postcode/Zip code.) You can control which fields are required and which are optional when adding a new customer, go to Settings > Customers > Mandatory fields to control.
7. Discount, shipping, payment method, order total, and checkout.
This area displays the discount, shipping, payment method, order total, and checkout for the order on the WooCommerce POS page.
The cashier can apply/remove discounts for POS orders.
Shipping method on POS is used in some cases when incurring shipping costs such as customers request the shop to ship; the shop delivers directly and takes charge, or the shop contacts a third shipping company to deliver and take charge.
You have the option of paying with one or more payment methods. Note: Cash always display as a default payment gateway.
 |
 |
 |
 |
The order detail will be displayed on the right side of the WooCommerce POS page and let the cashier know about the order information including the subtotal, tax, shipping method, discounts, need to pay, paid, change and payment method of the POS order. Then click on the Checkout button or the shortcut F10 to check out the order and print the order’s receipt.
On the WooCommerce POS page, the cashier can choose and quickly check all POS orders in the Order menu.
On the POS order page, you can:
On the WooCommerce POS page, there is a menu to check all today’s transactions.
On this POS today transaction page, you can:
button.
On the WooCommerce POS page, the customer’s menu allows the cashier to manage customers/users who are ordered through the POS page.
Go to the Customers menu
You can choose which parts on the POS page will be hidden or shown in the Setting layout menu.
Go to the Setting layout menu.
Configure the options to hide or show some parts on the POS page.
There are 8 options for you to toggle a part to be appeared or hidden:
When you have many outlets, let’s create them in the WebPOS > Outlets in the backend. The following instructions will guide you on how to sell on many POS outlets.
A – Choose an outlet: After creating your outlets, go to the front end POS page, the cashier will be asked which outlet they will sell at, and choose one.
Once the cashier would need to change among outlets, they can go to the Switch outlets Menu, and change.
B – Access tables: With the restaurants/cafes, the cashier can manage tables on the front end in the Tables Menu or click on the 
icon
C – Manage tables:
– The number of tables: will be determined by the number of tables you created in the WebPOS > Outlets > Tables in the backend.
– Table statuses: The table statuses can be: Available, Busy, Disable, and they will be distinshed by the color, the cashier can filter the table status.
– Order for a table: The cashier will click on a table to order food/drink for that table.
Once orders are created on the WooCommerce POS page, all transactions will be saved on the Transaction page in the plugin backend.
Go to WebPOS > Transactions
On the transaction page you can:
| Plugin | Author | Compatible |
|---|---|---|
| REDIS – WooCommerce Dynamic Pricing and Discounts | VillaTheme | Fully |
| CURCY – WooCommerce Multi Currency | VillaTheme | Fully |
| WooCommerce Email Template Customizer | VillaTheme | Fully |
* Guide: Compatibility with WooCommerce Email Template Customizer plugin.
Follow these full steps to display the POS order receipt in the email template built by the WooCommerce Email Template Customizer plugin.
Step 1: You must have the WooCommerce Email Template Customizer plugin – Free version or Premium version installed.
Step 2: Go to this link to build WooCommerce order emails. In fact, the POS order receipt will appear in the WooCommerce order emails.
Step 3: In the WooCommerce order emails template, drag and drop the WC Hook element to the before order table position to display the POS order receipt in the email.
Drag and drop the WC Hook element to the before order table position
POS order receipt appears in the WooCommerce order emails