# Afrekenen

Wanneer u klaar bent om een verkoop af te ronden, klikt u op de knop **Afrekenen** om het afrekenvenster te openen. Hier verwerkt u de betaling en voltooit u de bestelling.

<!-- -->

## Overzicht van het afrekenvenster[​](#checkout-modal-overview "Directe link naar Overzicht van het afrekenvenster")

Het afrekenvenster toont:

* **Bestelnummer** - De WooCommerce bestel-ID
* **Te betalen bedrag** - Totaal verschuldigd bedrag
* Knop **Afrekeninstellingen** - Problemen met de weergave oplossen
* **Kassier** - Wie de bestelling verwerkt
* **Klant** - De klant voor deze bestelling (klikbare link)
* **Coupon toevoegen**-knop - Kortingscodes toepassen
* **Besteloverzicht** - Producten, aantallen en totalen
* **Betaalmethoden** - Beschikbare betaalopties
* **Annuleren / Betaling verwerken**-knoppen

## Betaalmethoden[​](#payment-methods "Directe link naar Betaalmethoden")

### Beschikbaar in de gratis versie[​](#available-in-free-version "Directe link naar Beschikbaar in de gratis versie")

De gratis versie van WCPOS bevat twee betaalgateways:

* **Contant** - Met betaald bedrag en wisselgeldcalculator
* **Kaart** - Voor externe kaartterminals

### Aanvullende gateways (Pro)[​](#additional-gateways-pro "Directe link naar Aanvullende gateways (Pro)")

Pro-functie

Aanvullende betaalgateways vereisen [WCPOS Pro](/nl/getting-started/pro-license.md).

Met Pro kunt u het volgende inschakelen:

* **Stripe Terminal** - Directe integratie met Stripe-kaartlezers
* **SumUp Terminal** - Integratie met SumUp-kaartlezers
* **Aangepaste gateways** - Maak uw eigen betalingsintegraties

Zie [Betaling](/nl/payment/.md) voor details over het configureren van gateways.

### Een betaalmethode selecteren[​](#selecting-a-payment-method "Directe link naar Een betaalmethode selecteren")

Klik op een betaalmethode om deze te selecteren. Het formulier wordt bijgewerkt om relevante velden te tonen:

**Contant:**

* **Ontvangen bedrag** - Voer het bedrag in dat de klant geeft
* **Wisselgeld** - Automatisch berekend wisselgeld om terug te geven

<!-- -->

**Kaart:**

* Verwerk de betaling op je externe kaartterminal
* Klik op Betaling verwerken om af te ronden

## Kortingsbonnen[​](#coupons "Directe link naar Kortingsbonnen")

De winkelwagen bevat een invoerveld **Kortingsbon toevoegen** boven de totalen (alleen Pro). Typ de code of zoek op beschrijving; de kortingsbon wordt lokaal gevalideerd en verschijnt als een verwijderbaar label. Meerdere kortingsbonnen worden opeenvolgend gecombineerd.

Zie **[Kortingsbonnen toepassen aan de kassa](/nl/coupons/applying-coupons.md)** voor de volledige workflow — zoeken, labels, opeenvolgende kortingen en de tabel met validatiefouten en oplossingen. Zie [Kortingsbonnen](/nl/coupons/.md) voor kortingsbontypen, validatieregels en configuratie in WooCommerce.

## Betaling verwerken[​](#processing-payment "Directe link naar Betaling verwerken")

1. Selecteer een betaalmethode
2. Voer bij contant betalen het ontvangen bedrag in
3. Klik op **Betaling verwerken**
4. De bestelling wordt voltooid en de [bon](/nl/receipts/at-checkout.md) wordt getoond

Eén betaalmethode per bestelling

Een bestelling wordt betaald met één betaalmethode — WCPOS ondersteunt momenteel geen gesplitste of gedeeltelijke betalingen (bijv. deels contant, deels kaart) binnen één bestelling. Ondersteuning voor gesplitste betalingen staat op de [roadmap](https://github.com/orgs/wcpos/projects/4).

## Afrekeninstellingen (probleemoplossing)[​](#checkout-settings-troubleshooting "Directe link naar Afrekeninstellingen (probleemoplossing)")

De afrekenmodal gebruikt een iframe/webview om de WooCommerce-pagina Bestelling betalen weer te geven. Hiervoor wordt de bestaande betaalinfrastructuur van WooCommerce gebruikt, wat betekent dat elke betaalgateway die met WooCommerce werkt ook in de POS zou moeten werken.

Thema- en pluginscripts kunnen soms echter verstoring veroorzaken. Klik op **Afrekeninstellingen** om problemen op te lossen:

![Afrekeninstellingen in de afrekenmodal](/img/checkout-settings.png)

Afrekeninstellingen in de afrekenmodal

![Formulier om alle stijlen en scripts uit te schakelen](/img/disable-styles-and-scripts.png)

Formulier om alle stijlen en scripts uit te schakelen

### Alle stijlen en scripts uitschakelen[​](#disable-all-styles-and-scripts "Directe link naar Alle stijlen en scripts uitschakelen")

Nucleaire optie

Dit is de nucleaire optie en mag alleen worden gebruikt voor tests of in zeldzame gevallen waarin de ontwikkelaar weet wat hij doet. Als alle wp\_head-scripts worden uitgeschakeld, worden zelfs de WooCommerce-scripts verwijderd die nodig zijn om de betaalgateways uit en in te klappen, waardoor de betaalfunctionaliteit mogelijk niet meer werkt.

* **wp\_head uitschakelen** - Verwijdert alle scripts/stijlen uit de WordPress-header
* **wp\_footer uitschakelen** - Verwijdert alle scripts/stijlen uit de WordPress-footer

### Geselecteerde stijlen uitschakelen[​](#disable-selected-styles "Directe link naar Geselecteerde stijlen uitschakelen")

Schakel selectief CSS uit die weergaveproblemen kan veroorzaken:

* wp-emoji-styles
* wp-block-library
* classic-theme-styles
* woocommerce-layout
* woocommerce-smallscreen
* woocommerce-general
* enz.

### Geselecteerde scripts uitschakelen[​](#disable-selected-scripts "Directe link naar Geselecteerde scripts uitschakelen")

Schakel selectief JavaScript uit dat betaalgateways kan verstoren:

* wc-add-to-cart
* selectWoo
* wc-checkout
* woocommerce
* html5shiv
* enz.

tip

Als een betaalgateway niet correct wordt weergegeven:

1. Probeer eerst themastijlen uit te schakelen
2. Probeer daarna WooCommerce-scripts uit te schakelen die niet nodig zijn
3. Zorg ervoor dat scripts die vereist zijn voor uw betaalgateway niet worden uitgeschakeld

## Annuleren[​](#cancel "Directe link naar Annuleren")

Klik op **Annuleren** om de afrekenmodal te sluiten zonder de bestelling te voltooien. De bestelling blijft als open winkelwagen bestaan.

## Gerelateerde documentatie[​](#related-documentation "Directe link naar Gerelateerde documentatie")

[BonnenNa het afrekenen bonnen afdrukken of per e-mail verzenden](/nl/receipts/at-checkout.md)

[BetaalmethodenBetaalgateways configureren](/nl/payment/.md)

[Aangepaste gatewaysAangepaste betaalintegraties maken](/nl/payment/gateways/.md)
