# The Payment Screen

The payment screen opens when you press **Checkout** in the cart. These docs also call it the tender pane. It holds everything you need to take payment for the order: what is due, how the customer is paying, and how much they hand over. [Checkout](/nl/pos/checkout.md) walks through a whole sale. Using a phone? See [On a phone](#phone).

## The payment screen[​](#layout "Directe link naar The payment screen")

Here the customer owes $45.00 and hands over a $50 note: choose **Cash**, type **5000** for $50.00, press **Take $45.00 in Cash**, and give back the **$5.00** change.

![The payment screen for a $45.00 cash sale with $50.00 typed: the Payments and Legacy tabs, To pay $45.00, Split, Change $5.00 in large type over Tendered $50.00, the Cash and Card tiles, the quick amounts, the keypad and the Take button, with the order and its total on the right and the close button at the top](/img/2.x/pos/checkout/tender-pane/en/tablet-light-regular--tp-1-cash-change.png)123456789101112

1. **Payments** tab — the payment method tiles, the keypad and the payments taken so far.
2. **Legacy** tab — your store's own payment page, for payment methods that have no tile. See [The Legacy Tab](/nl/pos/checkout/legacy-tab.md).
3. **To pay** — the balance due. After a payment it reads **Payment 2 · $25.00 left**.
4. **Split** — turns on splitting, to divide the order into several payments. See [Split Payments](/nl/pos/checkout/split-payments.md).
5. **Change** — the change to give back, in large type at the top, in place of the amount.
6. **Tendered** — what the customer handed over. **Take** records no more than is due. See [Type the amount](#keypad).
7. **Payment method tiles** — the ways your store takes payment at the till. The selected tile is outlined. For **Card**, take the payment on your own terminal first; **Take** only records it. See [Choose a payment method](#choose).
8. **Quick amounts** — the balance, the balance rounded up to the next $5, $10 and $50, and **Exact**. A card gets **Full balance** instead.
9. **Keypad** — enter the cash handed over, or the amount to pay by another method.
10. **Take** — names the amount and the method, and records the payment. See [Taking a Payment](/nl/pos/checkout/taking-a-payment.md).
11. **The order** — its lines, the taxes, the payments taken, and the total.
12. **✕** — closes the payment screen. See [Close the payment screen](#close).

When the customer hands over more cash than is due, the change moves to the top in large type, with **Tendered** and what they handed over under it. **Take** records only the amount due. Here it records $45.00, and the $5.00 over it is the change.

When nothing is left to pay, the sale is done and the receipt is ready; see [See it paid](/nl/pos/checkout.md#paid).

## Type the amount[​](#keypad "Directe link naar Type the amount")

The amount starts at the balance. The first key you press starts a new number, and each digit comes in from the right, so **5**, **0**, **0**, **0** makes $50.00. There is no decimal point key.

* **C** clears the amount.
* **⌫** deletes the last digit.
* A quick amount fills the amount in one tap. It does not take the payment; you still press **Take**.

Type less than the balance to take part of it now: with $20.00 typed, the button reads **Take $20.00 in Cash · $25.00 left**.

### The line under the amount[​](#hint "Directe link naar The line under the amount")

A short line under the amount says what this payment will do, such as what is left after it. When there is change to give, the change takes the amount's place at the top, and **Tendered** and what the customer handed over sit on this line.

What each message means

| It says                                         | What it means                                                                                                                                        |
| ----------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Change $5.00**, in large type                 | The customer handed over more cash than is due. Give back this much. **Tendered** under it shows what they handed over.                              |
| **Part payment · $25.00 left after this**       | This payment is less than the balance. The rest stays to pay.                                                                                        |
| **Only $45.00 is due — Card can't give change** | The amount is more than the balance, on a method that gives no change. **Take** stays greyed out until you lower the amount or tap **Full balance**. |
| **Rounded from $45.03**                         | Cash rounding is on, and the cash due is rounded. See [Cash rounding](/nl/payment.md#cash-rounding).                                                 |
| **Enter** and the name of a detail              | The payment method needs that detail before it can take the payment.                                                                                 |
| **Less than planned** and other split lines     | With **Split** on, the line tracks each share. See [Split Payments](/nl/pos/checkout/split-payments.md).                                             |

Why Take is greyed out

* No payment method is chosen. Tap a tile.
* The amount is zero. Type an amount or tap a quick amount.
* The amount is more than is due, on a method that can't give change. The line says **Only $45.00 is due — Card can't give change**. Lower the amount or tap **Full balance**.
* The line says **Enter** and the name of a detail. Fill in that detail.
* A card reader shows **Choose a terminal**. Pick a terminal that is free.
* The method can't be used right now. See [Why a payment method is unavailable](#choose).
* The last payment is still saving. Wait for it to finish.

## Choose a payment method[​](#choose "Directe link naar Choose a payment method")

Each tile on the **Payments** tab of checkout is a payment method your store has turned on for the POS. **Cash** and **Card** come with the plugin. The tiles follow the order set in [Checkout settings](/nl/settings/wp-admin/checkout.md#reordering-gateways).

Open the register first

With **Open and close the register** switched on, the till won't record a payment while the register is closed, and a card you've already taken would have to be refunded. See [Open the Register](/nl/pos/register.md#open).

1. Tap the tile for how the customer is paying.
2. Enter the amount: for Cash, what the customer hands over; for Card, what you charged on your terminal, no more than the balance. The amount starts at the balance, and the keypad types in cents, so **1**, **0**, **0** is $1.00.
3. Press **Take**. If nothing is left to pay, the sale completes and the paid screen opens; with **Automatically show receipt after checkout** off, a message names the order instead. Otherwise choose a method for what is left and take the rest.

The [first screenshot](#layout) shows a cash sale ready to take.

When the pane opens, the method you last picked for this order is selected, or else the first one that can be used. If you picked a method for this sale and switched to another open order, it's still selected when you come back. Tap another tile to change it.

* **Cash** and cash on delivery give change, so they get the quick amounts and the **Change** line.
* **Card**, and the other methods you record at the till, can't give change. They get **Full balance** instead of the quick amounts. On your own card terminal, take the card payment first, then record it here: **Take** does not charge the card.
* A card reader (WCPOS Pro) has its own tile, and **Send** instead of **Take**. See [On a Card Reader](/nl/pos/checkout/taking-a-payment.md#card-reader).

Using a card reader

A reader's tile shows a green dot when the reader is connected, and its battery on the selected tile. When the readers are set up on your store, the pane shows **Terminal:** and the reader in use, with **Change** when there's more than one.

The Legacy tab

The **Legacy** tab, next to **Payments**, is your store's own payment page inside the POS. It offers Card on every store, plus any payment method that has no tile; those other methods need WCPOS Pro. Cash isn't on it: use the **Cash** tile. Once a payment is taken, **Whole bill only** shows next to the tabs, because a Legacy method charges the whole order. See [The Legacy Tab](/nl/pos/checkout/legacy-tab.md).

Payment methods you can't use right now appear in a line below the tiles, such as **Card is not available right now** or **2 not available right now**. Tap the line to see why.

Why a payment method is unavailable

* It needs a connection, and the device is offline. See [Needs a Connection](/nl/pos/checkout/troubleshooting.md#needs-a-connection).
* It works only with the card readers of the iOS and Android apps, and this till is a browser or the desktop app. The line says **Only the app's readers are allowed for this payment method** and names the setting to change: allow smart readers on the payment method's WooCommerce settings page.
* The app needs an update to use it.
* The payment method has no terminals set up.
* Its reader is in use on another order.
* It takes the whole order, and a payment has already been taken.

More in [Unavailable tiles](/nl/payment.md#unavailable-tiles).

## Methods that can't give change[​](#no-change "Directe link naar Methods that can't give change")

Methods that don't give change, including Card, take no more than the balance. Enter more and the POS says so and won't take it.

![Card selected with $50.00 entered: the line Only $45.00 is due — Card can't give change, the Full balance chip and the Take $45.00 in Card button greyed out](/img/2.x/pos/checkout/payment-methods/en/tablet-light-regular--pm-2-card-no-change.png)12345

1. **Card** — selected.
2. **Amount** — $50.00, more than the $45.00 due.
3. **Only $45.00 is due — Card can't give change** — enter the balance or less.
4. **Full balance $45.00** — puts the balance back in the amount.
5. **Take $45.00 in Card** — greyed out until the amount fits.

## Paying part of the balance[​](#part-payment "Directe link naar Paying part of the balance")

1. Enter less than the balance. The line under the amount reads **Part payment · $25.00 left after this**, and the button says what will be left, such as **Take $20.00 in Cash · $25.00 left**. Press **Take**.
2. Tap the tile for the rest.
3. Press **Take**. When the button ends in **· pays it off**, this payment clears the order.

Here $20.00 has been taken in cash, and $25.00 is left.

![The payment screen after a $20.00 cash payment: Cancel payment and Whole bill only at the top, Payment 2 · $25.00 left, the Cash and Card tiles, the Cash $20.00 payment, the Take button that pays it off, and the cash payment listed in the order](/img/2.x/pos/checkout/tender-pane/en/tablet-light-regular--tp-2-part-paid.png)12345678

1. **Cancel payment** — appears once a payment has been taken, and opens the cancel view for every payment on the order. See [Cancelling a Payment](/nl/pos/checkout/cancelling-a-payment.md#open).
2. **Whole bill only** — the Legacy tab charges the whole order, so it can't take the rest. See [The Legacy Tab](/nl/pos/checkout/legacy-tab.md).
3. **Payment 2 · $25.00 left** — the payment you're on, and what is left.
4. **Amount** — starts at what is left.
5. **Another tile** — the rest can go on a different method: tap **Card** and the button reads **Take $25.00 in Card · pays it off**.
6. **Cash $20.00** — the payment taken so far. Tap it to list the payments, each with its own **Cancel payment**. See [Cancel one payment](/nl/pos/checkout/cancelling-a-payment.md#cancel-one).
7. **Take** — **· pays it off** means this payment clears the order.
8. **The payment** — the method, the amount and its state. For cash it shows what was tendered and the change.

Until the order is paid in full it stays open in the cart, marked **Partly paid · $25.00 due**. See [Open Orders](/nl/pos/cart/open-orders.md).

To plan the parts first, by items, by amount or in equal shares, turn on **Split**. See [Split Payments](/nl/pos/checkout/split-payments.md).

## What the button does[​](#the-button "Directe link naar What the button does")

The button names the method and what will happen:

* **Take … in Cash** — records money you've taken yourself. Cash and Card work this way.
* **Send … to** a card reader — sends the amount to a connected reader. See [Taking a Payment](/nl/pos/checkout/taking-a-payment.md#card-reader).
* The method's own words — some methods name their own action, such as sending an invoice.

With no tile selected, the button reads **Choose how the customer is paying**.

## On a phone[​](#phone "Directe link naar On a phone")

On a phone the payment screen opens full screen, under the title **Checkout Order** and the order number. The tabs sit under the title, the tiles are two to a row, and the order's lines and payments are not shown.

![The payment screen on a phone for a $45.00 cash sale with $50.00 typed: the tabs under the title, To pay $45.00, Split, Change $5.00 over Tendered $50.00, the Cash and Card tiles, the quick amounts, the keypad and the Take button](/img/2.x/pos/checkout/tender-pane/en/phone-light-regular--tp-1-cash-change.png)12345678910

1. **Payments** tab.
2. **Legacy** tab.
3. **To pay**, with the balance.
4. **Split**.
5. **Change**.
6. **Tendered**.
7. **Cash**, selected.
8. **Exact**, with the other quick amounts.
9. **Keypad**.
10. **Take**.

## Taking a payment offline[​](#offline "Directe link naar Taking a payment offline")

Only a sale the store already knows

Methods you record yourself work offline only on a sale that reached your store before the connection dropped: its order number shows above the items. Card readers and online payment methods need a connection.

When the POS loses its connection, **Offline** appears in the register bar and above the amount, next to **Split**. You can still record payments taken at the till, such as cash or a card on your own terminal: their tiles say **Sent later** and **Store may refuse**. The payment is recorded on the device and sent when the store is reachable. A card reader or another method that needs a connection moves to the **not available right now** line until you are back online.

![Checkout offline: Offline next to Split and in the register bar, the order number #248040 above the items, and Sent later, Store may refuse under the Cash and Card tiles](/img/2.x/pos/checkout/payment-methods/en/tablet-light-regular--pm-3-offline.png)12345

1. **Offline** — the POS can't reach your store. It shows in the register bar too.
2. **Order number** — the sale has reached your store, so it can be paid offline.
3. **Sent later · Store may refuse** — a cash payment waits on this device until the store is back, and the store can still turn the sale down when it arrives.
4. **Card** — the same for a card payment you record.
5. **Take $45.00 in Cash** — asks you to confirm first.

Press the button and the POS asks **Take $45.00 in Cash while offline?** Confirm, and the sale is held on this device and sent when the store is back. If the store refuses it, the sale appears under **Needs attention** in Orders.

A sale started while offline has no order number yet, and until it reaches your store, Cash and Card can't be used either. With no payment method left, the pane holds only **No connection**: *Payments need one; the sale is saved in your open orders.* Press **Back to the register**, and take the payment from the open order when you're back online. See [Take a payment offline](/nl/getting-started/offline.md#take-payment-offline).

## Close the payment screen[​](#close "Directe link naar Close the payment screen")

**✕** goes back one step:

* With no payment taken, it closes the pane and takes you back to the cart. The order stays open.
* With a payment taken, it opens the cancel view instead of leaving checkout. See [Cancelling a Payment](/nl/pos/checkout/cancelling-a-payment.md#open).
* With **Split** on, it works the same way; it doesn't close the split first. See [Split Payments](/nl/pos/checkout/split-payments.md).

In a browser, **Esc** does the same, unless you are typing in a field or a dialog is open. On Android, so does the back button.

An order with nothing left to pay, such as a fully discounted one or a reopened sale that is already paid, shows a single **Done** button instead of the keypad.

## If something goes wrong[​](#goes-wrong "Directe link naar If something goes wrong")

**Take is greyed out.** Choose a tile, enter an amount above zero, or open [Why Take is greyed out](#hint).

**"Card is not available right now", or "2 not available right now".** The POS folds methods it can't use at the moment under one line. Tap it to see why each one is unavailable. See [Unavailable tiles](/nl/payment.md#unavailable-tiles).

**"No payment methods are enabled for the POS."** No payment method is turned on for the POS. A manager turns one on in [Checkout settings](/nl/settings/wp-admin/checkout.md#enabling-a-gateway).

**"Only … is due — Card can't give change".** You entered more than the balance on a method that gives no change. Enter the balance. If the customer is paying in cash, tap **Cash** instead.

**"Open the register before completing the sale".** The register is closed. See [Open the Register](/nl/pos/register.md#open).

**A payment method you turned on has no tile.** See [Gateway not appearing at checkout](/nl/payment.md#gateway-not-appearing-at-checkout).

**"The store isn't answering".** The order is still saving. Keep waiting, or go back to the cart. See [Slow store](/nl/pos/checkout/troubleshooting.md#slow-store).

**"Order not saved — the store refused it".** Open **Store health** from the message to see why.

**"The store has not answered the last payment".** Press **Try again** to confirm it. It will not be taken twice.

More fixes are in [Checkout Troubleshooting](/nl/pos/checkout/troubleshooting.md).

## More payment methods with WCPOS Pro[​](#pro-methods "Directe link naar More payment methods with WCPOS Pro")

With WCPOS Pro

The free plugin turns on Cash and Card only. The methods below need WCPOS Pro. See [Pro license](/nl/getting-started/pro-license.md).

Pro adds the other payment methods on your store:

* WooCommerce's **cash on delivery**, **bank transfer** and **cheque** methods get a tile and are recorded like Card. Cash on delivery gives change, like Cash. The order takes the status set for that method in [Checkout settings](/nl/settings/wp-admin/checkout.md#order-status): **On hold** by default for bank transfer and cheque, because the money arrives later.
* **Card readers** get a tile. With it selected, the button reads **Send … to** and sends the amount to the reader. See [Taking a Payment](/nl/pos/checkout/taking-a-payment.md#card-reader).
* **Email Invoice** sends the customer an invoice to pay later. See [Email Invoice](/nl/payment/gateways/email-invoice.md).
* Every other payment method is on the **Legacy** tab. See [The Legacy Tab](/nl/pos/checkout/legacy-tab.md).

Turn payment methods on in [Checkout settings](/nl/settings/wp-admin/checkout.md#payment-gateways).

## Related Documentation[​](#related-documentation "Directe link naar Related Documentation")

[PaymentsEvery payment method and gateway the POS supports.](/nl/payment.md)

[Taking a PaymentTake cash, record a card, or send the amount to a card reader.](/nl/pos/checkout/taking-a-payment.md)

[Split PaymentsDivide one order into several payments.](/nl/pos/checkout/split-payments.md)

[Cancelling a PaymentGive back what was taken and void the order.](/nl/pos/checkout/cancelling-a-payment.md)

[Checkout SettingsTurn payment methods on and set their order.](/nl/settings/wp-admin/checkout.md)