# 会計

販売を完了する準備ができたら、**会計**ボタンをクリックして会計モーダルを開きます。ここで決済を処理し、注文を完了します。

<!-- -->

## 会計モーダルの概要[​](#checkout-modal-overview "会計モーダルの概要への直接リンク")

会計モーダルには以下が表示されます：

* **注文番号** - WooCommerceの注文ID
* **お支払い金額** - 合計請求額
* **会計設定**ボタン - 表示の問題をトラブルシューティング
* **レジ担当者** - 注文を処理している担当者
* **顧客** - この注文の顧客（クリック可能なリンク）
* **クーポン追加**ボタン - 割引コードを適用
* **注文概要** - 商品、数量、合計
* **支払い方法** - 利用可能な決済オプション
* **キャンセル / 決済実行**ボタン

## 支払い方法[​](#payment-methods "支払い方法への直接リンク")

### 無料版で利用可能[​](#available-in-free-version "無料版で利用可能への直接リンク")

WCPOS の無料版には2つの決済ゲートウェイが含まれています：

* **現金** - 預かり金額とお釣り計算機能付き
* **カード** - 外部カード端末向け

### 追加ゲートウェイ（Pro）[​](#additional-gateways-pro "追加ゲートウェイ（Pro）への直接リンク")

Pro 機能

追加の決済ゲートウェイには [WCPOS Pro](/ja/getting-started/pro-license.md) が必要です。

Proでは、以下の機能を有効にできます：

* **Stripe Terminal** - Stripeカードリーダーとの直接連携
* **SumUp Terminal** - SumUpカードリーダーとの連携
* **カスタムゲートウェイ** - 独自の決済連携を作成

ゲートウェイの設定について詳しくは[決済](/ja/payment/.md)をご覧ください。

### 支払い方法の選択[​](#selecting-a-payment-method "支払い方法の選択への直接リンク")

支払い方法をクリックして選択します。フォームが更新され、関連するフィールドが表示されます：

**現金：**

* **受取金額** - 顧客から受け取った金額を入力します
* **お釣り** - 返却するお釣りが自動計算されます

<!-- -->

**カード：**

* 外部カード端末で決済を処理します
* 「決済を処理」をクリックして完了します

## クーポン[​](#coupons "クーポンへの直接リンク")

カートの合計欄の上に**クーポンを追加**入力欄があります（Pro のみ）。コードを入力するか説明文で検索すると、クーポンがローカルで検証され、削除可能なピルとして表示されます。複数のクーポンは順次適用されます。

検索、ピル表示、順次割引、バリデーションエラーと解決方法の一覧など、完全なワークフローについては\*\*[レジでのクーポン適用](/ja/coupons/applying-coupons.md)\*\*をご覧ください。クーポンの種類、検証ルール、WooCommerce での設定については[クーポン](/ja/coupons/.md)をご覧ください。

## 決済の処理[​](#processing-payment "決済の処理への直接リンク")

1. 決済方法を選択します
2. 現金の場合は、受領金額を入力します
3. **決済を処理**をクリックします
4. 注文が完了し、[レシート](/ja/receipts/at-checkout.md)が表示されます

1回の注文につき決済方法は1つです

注文は1つの決済方法で支払います — WCPOS は現在、1つの注文に対する分割払いや一部払い（例：一部現金、一部カード）に対応していません。分割払い対応は[ロードマップ](https://github.com/orgs/wcpos/projects/4)に含まれています。

## チェックアウト設定（トラブルシューティング）[​](#checkout-settings-troubleshooting "チェックアウト設定（トラブルシューティング）への直接リンク")

チェックアウトモーダルは iframe/webview を使用して WooCommerce の注文支払いページを表示します。これにより WooCommerce の既存の決済インフラが活用されるため、WooCommerce で動作する決済ゲートウェイであれば POS でも動作します。

ただし、テーマやプラグインのスクリプトが干渉する場合があります。**チェックアウト設定**をクリックしてトラブルシューティングを行ってください：

![チェックアウトモーダル内のチェックアウト設定](/img/checkout-settings.png)

チェックアウトモーダル内のチェックアウト設定

![すべてのスタイルとスクリプトを無効にするフォーム](/img/disable-styles-and-scripts.png)

すべてのスタイルとスクリプトを無効にするフォーム

### すべてのスタイルとスクリプトを無効にする[​](#disable-all-styles-and-scripts "すべてのスタイルとスクリプトを無効にするへの直接リンク")

最終手段

これは最終手段であり、テスト目的や開発者が内容を十分に理解している稀なケースでのみ使用してください。すべての wp\_head スクリプトを無効にすると、決済ゲートウェイの展開/折りたたみに必要な WooCommerce のスクリプトまで削除され、決済機能が正常に動作しなくなる可能性があります。

* **wp\_head を無効化** - WordPress ヘッダーからすべてのスクリプト/スタイルを削除します
* **wp\_footer を無効化** - WordPress フッターからすべてのスクリプト/スタイルを削除します

### 選択したスタイルを無効化[​](#disable-selected-styles "選択したスタイルを無効化への直接リンク")

表示の問題を引き起こす可能性のある CSS を選択的に無効化します：

* wp-emoji-styles
* wp-block-library
* classic-theme-styles
* woocommerce-layout
* woocommerce-smallscreen
* woocommerce-general
* など

### 選択したスクリプトを無効にする[​](#disable-selected-scripts "選択したスクリプトを無効にするへの直接リンク")

決済ゲートウェイに干渉する可能性のある JavaScript を選択的に無効にします：

* wc-add-to-cart
* selectWoo
* wc-checkout
* woocommerce
* html5shiv
* など

ヒント

決済ゲートウェイが正しく表示されない場合：

1. まずテーマのスタイルを無効にしてみてください
2. 次に、不要な WooCommerce スクリプトを無効にしてみてください
3. 決済ゲートウェイに必要なスクリプトを無効にしないよう注意してください

## キャンセル[​](#cancel "キャンセルへの直接リンク")

**キャンセル**をクリックすると、注文を完了せずに会計モーダルを閉じます。注文は未完了のカートとして残ります。

## 関連ドキュメント[​](#related-documentation "関連ドキュメントへの直接リンク")

[レシート会計後にレシートを印刷またはメール送信](/ja/receipts/at-checkout.md)

[決済方法決済ゲートウェイの設定](/ja/payment/.md)

[カスタムゲートウェイカスタム決済連携の作成](/ja/payment/gateways/.md)