チェックアウト
販売を完了する準備ができたら、チェックアウトボタンをクリックしてチェックアウトモーダルを開きます。ここで支払いを処理し、注文を完了します。
チェックアウトモーダルの概要
チェックアウトモーダルには以下が表示されます:
- 注文番号 - WooCommerceの注文ID
- 支払う金額 - 支払い総額
- チェックアウト設定ボタン - 表示の問題をトラブルシュート
- キャッシャー - 注文を処理している人
- 顧客 - この注文の顧客(クリック可能なリンク)
- クーポンコードフィールド - 割引コードを適用
- 注文概要 - 商品、数量、および合計
- 支払い方法 - 利用可能な支払いオプション
- キャンセル / 支払い処理ボタン
支払い方法
無料版で利用可能
WCPOSの無料版には2つの支払いゲートウェイが含まれています:
- 現金 - 支払い金額とお釣り計算機付き
- カード - 外部カード端末用
追加のゲートウェイ(プロ)
追加の支払いゲートウェイにはWCPOS Proが必要です。
プロ版では、以下を有効にできます:
- Stripe端末 - Stripeカードリーダーとの直接統合
- SumUp端末 - SumUpカードリーダーとの統合
- カスタムゲートウェイ - 自分の支払い統合を作成
ゲートウェイの設定に関する詳細は支払いをご覧ください。
支払い方法の選択
支払い方法をクリックして選択します。フォームが関連フィールドを表示するように更新されます:
現金:
- 支払い金額 - 顧客が渡す金額を入力します
- お釣り - 自動計算されたお釣り
カード:
- 外部カード端末で支払いを処理します
- 支払い処理をクリックして完了します
クーポンコード
割引を適用するには:
- フィールドにクーポンコードを入力
- クーポンを適用をクリック
- 割引が注文概要に表示されます
クーポンはWooCommerceで設定する必要があります(WP Admin > マーケティング > クーポン)。
支払い処理
- 支払い方法を選択します
- 現金の場合は、支払い金額を入力します
- 支払い処理をクリック
- 注文が完了し、領収書が表示されます
チェックアウト設定(トラブルシューティング)
チェックアウトモーダルは、WooCommerceの注文支払いページを表示するためにiframe/webviewを使用します。これはWooCommerceの既存の支払いインフラストラクチャを利用しているため、WooCommerceで動作するどの支払いゲートウェイもPOSで動作するはずです。
ただし、テーマやプラグインのスクリプトが干渉することがあります。チェックアウト設定をクリックしてトラブルシュートします:

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

すべてのスタイルとスクリプトを無効にするフォーム
すべてのスタイルとスクリプトを無効にする
これは核オプションであり、テスト用または開発者が何をしているかを知っている稀なケースでのみ使用するべきです。すべてのwp_headスクリプトを無効にすると、支払いゲートウェイの拡張/収縮に必要なWooCommerceスクリプトも削除され、支払い機能が壊れる可能性があります。
- 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スクリプトを無効にしてみてください
- 支払いゲートウェイに必要なスクリプトを無効にしないように注意してください
キャンセル
キャンセルをクリックして、注文を完了せずにチェックアウトモーダルを閉じます。注文はオープンカートとして残ります。
関連ドキュメント
- 領収書 - チェックアウト後、領収書を印刷またはメール送信
- 支払い方法 - 支払いゲートウェイを設定
- カスタムゲートウェイ - カスタム支払い統合を作成