View Product Page

Open Register – Cash in hand

This is the main screen. Whenever you open a Register, a window will open where you can add the Cash in hand amount.

Cash in hand

You will be able to add more cash in hand during the Register session, as you can see here. Close the window, if no cash is being added to the cash register.

Products

Product listing: search, add and scan by barcode

On the left side of the screen, you will see the products. They are displayed either by category or all together, based on the settings that you’ve selected in YITH > Point of Sale > Registers > In Register dashboard show (see details here).

You will be able to see all products or filter them by On sale, or Featured.

Just click on them to add them to the cart. If it’s a variable product, you will be able to pick the right variation:

Clicking on one product more than once will update the product quantity.

You can also search products by name in the search bar or by Barcode if the related option has been enabled (in the Store Register settings).

To scan a product by barcode, you just have to select the Scan Barcode tab and the pointer will be automatically placed in the search bar. Just scan the item with your barcode reader, and you will find the product matching the code.

To add the barcode to a product, you have two options. You can either enter the product barcode in the SKU field in the product settings, so whenever you scan the product in the search bar, you will find the product.

Product SKU

Or, alternatively, you can use YITH Point of Sale with YITH Barcodes plugin that will automatically generate a barcode for every product and order in your shop. Please, read this page for more details about this integration.

Please, consider that the barcode readers work like any other input device. So, as an alternative to it, you can manually enter the barcode from your keyboard.

Add a new product on the fly

Finally, from this section, you can also add a product on the fly by clicking on the Add product tab.

Add new producto on the fly

You will be able to fill in the following information for the new product:

  • Product name
  • Product category: start typing to search among your shop categories
  • SKU: enter the product SKU here.
  • Tax Status: you can pick one among:
    • taxable
    • shipping only
    • none
  • Tax Class: you can pick one among what you’ve set up in your WooCommerce > Settings > Tax.
  • Regular price: enter here the product price.
  • Stock (only available for Store Managers): enable or disable the stock management for this product here.
  • Quantity in stock (only available for Store Managers): enter the total stock quantity here.
  • Sync with WooCommerce (only available for Store Managers): choose whether to sync the product that you are now creating with your WooCommerce products. If disabled the product will not be saved. If enabled, the product will be saved in WooCommerce > Products (with the visibility option set to Hidden). This means that, by default, the product is hidden in the online catalog and is visible in POS only.

Please note – products added by Cashiers will only be available on that specific order and will be deleted immediately after the order is completed.

After clicking on ‘Create product’ the product will be automatically added to the cart.

New product in the cart

Calculator

Next to the product search bar, you will also be able to see a calculator for quick calculations you might need to do when the Register is open.

POS calculator

Cart and payment

On the right side of the screen, you will see the Cart with all its options.

Whenever you click on a product from the left or scan its barcode, you’ll see it appear in the Cart.

Every time you click on the product, the quantity in the cart will be updated. Yet, you can also edit more information on a product basis, once the product has been added to the cart.

Products in cart

If you hover over the product in the cart, you will see a pencil icon: click on it to open more details.

Edit product

You will be able to edit the unit price. Click on the price to open the Number keyboard and apply either a fixed price (click on the $ symbol) or a percent discount (click on the % symbol) on the unit price.

Change price per unit

You can also add a note on the product. You will see an icon on the product when the product box is closed.

Cart buttons

At the bottom of this screen, you will also see more buttons.

Cart buttons

1. Add note

This allows you to add a note to the entire order.

2. Add fee or discount

This allows you to add either a fee or a discount on the order total. You can either choose fee or discount and select whether it has to be fixed or percent.
You can take advantage of the preset keys for a quick selection (Popular fees). You can set up these keys with custom values from YITH > Point Of Sale > Customization as explained here. Additionally, you can add a Reason text to take note of why the fee/discount has been applied.

Add fee or discount

When applying a discount, this will be automatically converted into a coupon that will be added to the order details, like in the image below.

3. Apply coupon

Click on this button to apply a coupon code that has been previously created in WooCommerce > Coupons. Copy and paste the code and click on ‘Apply coupon’ to confirm.

Apply discount in POS

4. Shipping

Click here to add a shipping cost. Select the shipping method first and then type in an amount that will be added to the cart total.

Add shipping costs

5. Suspend and save cart

Click this button if you want to freeze the cart for a while and start over with a new one. This option may turn out to be very handy if the customer has forgotten a product, or if you have to quickly update something on the website’s backend. You can add a note to it, so it’ll be easier to find it back.

Suspend and save cart

After saving the cart, you can start with a new order.

Whenever you’re ready to retrieve one of the saved orders, click on the Cart icon button that you find on top of the cart, select the cart that you want to restore, and click on Load. You’ll be able to proceed and complete the order.

Saved cart

6. Empty Cart

You can also empty the cart in one move, and start adding products again.

Empty cart

7. Pay

When everything is set, you can click on the Pay button which will open a popup window with all available payment options.

Pay order

In this window you will see on the left:

  • Total due: this is the total amount that the customer has to pay.
  • Total paying: this is the total amount that the customer is actually paying. It includes amounts from all the payment methods selected.
  • Balance: this is how much is still left to pay.
  • Change: this is the change that the cashier has to give to the customer.

You can also split the payment and let customers pay the same order with more than one payment method:

Split payment
  • Amount paying: enter here the amount that the customer is actually paying by each specific payment method.
  • Payment option: select here the payment method used.
  • Add another payment method: click here to add another payment method and fill in the Amount paying and payment option.
  • Popular tendered: here you will find preset amounts that are smartly calculated. The first available one is the balance due, whereas the other ones are the nearest amounts calculated depending on the currency denominations. You can either select one of them or type the amount from the Number keyboard.

Example

Let’s give an example to show exactly how this works.

John is buying a meal for his family and needs the products to be delivered to his home, so he will pay $50 cash now and will pay the balance when the products are delivered.

The total due is $62.20.

POS payment example

He’s paying now $50 cash, so you can Clear the pre-filled total and type in $50, select Cash as the payment method, then click on Add new payment method to let him pay the balance with cash on delivery.

Split payment example

In the popular tendered, you will find some smartly calculated preset amounts, so, select the first one, which suggests you the balance of $12.20, to fill in the Amount paying and select Cash on delivery as the payment method.

Add balance to split payment

Finally, click on Pay and an order will be created with Completed status. If you add also Shipping information, the order will be created with Processing status.

Completed order

This is what the admin will see on the backend in the order details:

Order details

As you can see, you will find a metabox on the right side called POS info, which includes the Store name, the Register, the Cashier, and the payment methods with the related amount paid.

How does the payment work?

You can enable any payment gateway supported by your WooCommerce. Yet, all payments have to be processed manually. So, when you place an order, you’ll have to select the payment method, click on Pay, and process the payment separately.

Orders will be automatically set to Completed, so, please, make sure you only click on the Pay button after receiving the payment.

Only in one case the order status goes to Processing and this is if there are one or more shipping lines in the order, which means that the order has to be shipped.

For example, before going to payment, you can add one or more Shipping methods/fees, to make sure that the order will be shipped.

Add shipping cost

This will create shipping lines and the order will be set as Processing.

Order status and shipping

In that case, after the shipping, the order can be manually set to Completed from the backend, in WooCommerce > Orders after quickly filtering orders from the dropdown menu and clicking on YITH POS.

Filter orders

Customer

When you place an order from the POS screen, you can either process the order for guest users, or you can associate an existing or a new user to it. This can be useful if you need to save customers’ details like the billing and shipping information (for example for home delivery) or if you have special coupons for returning customers only and so on.

Let’s see how to do that at the cash desk.

At any time, you can open the Customer tab that’s on the right side of your Register screen.

Customer tab

In the popup, will be able to choose from three different options:

Customer profile popup
  • Proceed as guest: click on this option to continue creating the order as a guest.
  • Load a customer profile: click on this option to create the order for an existing user; start typing the customer’s username or email address to select the user.
Load customer profile

After loading the customer, you will be able to edit the user info, remove the selected user and decide whether to use that profile to complete the order, create a new user profile or proceed as a guest.

Customer profile example
  • Create new customer profile: click on this option to create the order for a new customer; complete the fields to create the profile with the customer billing details.
Create customer profile

Before saving the customer and completing the order, you’ll find the option to use the same billing info for the shipping.

Use same info for shipping

The new user will be then available in the Users tab on the backend, as well as their billing details.

These are all the available fields for new and existing customers:

  • First name * (required field)
  • Last name * (required field)
  • Company
  • VAT / CIF / ID
  • Email * (required field)
  • Phone
  • Address
  • City
  • Post Code
  • Country
  • State

Please, make sure you fill out at least all required fields (First name, Last name and Email), otherwise, you will not be able to complete the order.

Address

For guest users, you can set up the customer’s shipping address before proceeding with the payment. To do that, just open the Address tab on the right side of your Register screen and fill out the fields.

Address tab
Save shipping address

You will find these shipping fields:

  • First name * (required field)
  • Last name * (required field)
  • Phone
  • Address
  • City
  • Post Code
  • Country
  • State

Please, make sure you fill out at least all required fields (First and Last name), otherwise, you will not be able to complete the order.