チェックアウト
売上を完了する準備ができたら、チェックアウトボタンをクリックしてチェックアウトモーダルを開きます。ここで支払いを処理し、注文を完了します。
チェックアウトモーダルの概要
チェックアウトモーダルには以下が表示されます。
- 注文番号 - WooCommerceの注文ID
- 支払う金額 - 支払う総額
- チェックアウト設定ボタン - 表示の問題をトラブルシュート
- レジ係 - 注文を処理している人
- 顧客 - この注文の顧客（クリック可能なリンク）
- クーポンコードフィールド - 割引コードを適用
- 注文概要 - 商品、数量、および合計
- 支払い方法 - 利用可能な支払いオプション
- キャンセル / 支払いを処理ボタン
支払い方法
無料版で利用可能
WCPOSの無料版には2つの支払いゲートウェイが含まれています。
- 現金 - 支払金額とお釣り計算機付き
- カード - 外部カード端末用
追加のゲートウェイ（Pro）
Pro機能
追加の支払いゲートウェイはWCPOS Proを必要とします。
Pro版では以下を有効にできます。
- Stripeターミナル - Stripeカードリーダーとの直接統合
- SumUpターミナル - SumUpカードリーダーとの統合
- カスタムゲートウェイ - 独自の支払い統合を作成
ゲートウェイの構成の詳細については支払いを参照してください。
支払い方法の選択
支払い方法をクリックして選択します。フォームは関連するフィールドを表示するように更新されます。
現金:
- 支払金額 - 顧客が渡す金額を入力します
- お釣り - 自動計算されたお釣りを返します
カード:
- 外部カード端末で支払いを処理します
- 支払いを処理するには「支払いを処理」をクリックします
クーポンコード
割引を適用するには：
- フィールドにクーポンコードを入力します
- クーポンを適用をクリックします
- 割引が注文概要に表示されます
クーポンはWooCommerceで設定する必要があります（WP Admin > Marketing > Coupons）。
支払い処理
- 支払い方法を選択します
- 現金の場合、支払金額を入力します
- 支払いを処理をクリックします
- 注文が完了し、領収書が表示されます
チェックアウト設定（トラブルシューティング）
チェックアウトモーダルは、WooCommerceの注文支払いページを表示するためにiframe/webviewを使用します。これにより、WooCommerceの既存の支払いインフラストラクチャを活用しており、WooCommerceと連携する任意の支払いゲートウェイがPOSで機能するはずです。
ただし、テーマやプラグインのスクリプトが干渉することがあります。チェックアウト設定をクリックしてトラブルシューティングを行います。
すべてのスタイルとスクリプトを無効にする
- wp_headを無効にする - WordPressのヘッダーからすべてのスクリプト/スタイルを削除
- wp_footerを無効にする - WordPressのフッターからすべてのスクリプト/スタイルを削除
選択したスタイルを無効にする
表示の問題を引き起こす可能性があるCSSを選択的に無効にします。
- wp-emoji-styles
- wp-block-library
- classic-theme-styles
- woocommerce-layout
- woocommerce-smallscreen
- woocommerce-general
- その他
選択したスクリプトを無効にする
支払いゲートウェイに干渉する可能性があるJavaScriptを選択的に無効にします。
- wc-add-to-cart
- selectWoo
- wc-checkout
- woocommerce
- html5shiv
- その他
ヒント
支払いゲートウェイが正しく表示されない場合：
- まずテーマスタイルを無効にしてみてください
- 次に、必要ないWooCommerceスクリプトを無効にしてみてください
- 支払いゲートウェイに必要なスクリプトを無効にしないよう注意してください
キャンセル
キャンセルをクリックして、注文を完了せずにチェックアウトモーダルを閉じます。注文はオープンカートとして残ります。
関連ドキュメント
- 領収書 - チェックアウト後、領収書を印刷またはメールで送信
- 支払い方法 - 支払いゲートウェイを構成
- カスタムゲートウェイ - カスタム支払い統合を作成