ウィジェット – 概要
ウィジェットは、消費者がカード情報を入力するためのインターフェイスで、ポップアップウインドウとして表示されるタイプのフォームです。
ウィジェットの役割
ウィジェットは、以下の役割を果たします。
支払い方法の選択
消費者に、希望の支払い方法をクリック(またはタップ)で選択させます。
この選択画面で表示される選択肢は、ウィジェットのタグまたはコードの記述内容に依存します。なお、支払い方法を単一に指定した場合、この選択画面は省略されます。
必須情報の入力
選択された「支払い方法」毎に予め設定されている必須情報を、消費者に入力させます。
入力欄はウィジェットのタグまたはコードの記述内容によって、追加することも可能です。
詳しくはこちら
ウィジェットで行われる処理
選択された「支払い方法」毎に、各種処理を行います。
一部、赤字※印の項目は申込完了後、消費者が支払いを行うのを待機します。
誤って「決済完了」とみなさないよう、くれぐれも注意してください。
支払い方法 | 処理 | 認証後の処理 |
---|---|---|
クレジットカード | カード会社に対し、要求された処理(オーソリ/キャプチャ)で認証 | 認証済みのカード情報をトークン化して決済処理 以降、以下を<共通処理>と記載: JavaScriptでコールバック ウェブフック APIからの取得が可能に |
銀行振込 | その申込専用の振込口座を発行し、メール送信(疎通は確認しない) | 本サービスが振込完了の通知を受け取り次第、完了判定※ <共通処理> |
Paidy | Paidyのフォームに遷移し、メールアドレスや電話番号で認証 | 認証時点で完了判定 <共通処理> |
オンラインモバイル | 各銘柄の挙動詳細はこちら | 本サービスが通知を受け取り次第、完了判定 <共通処理> |
コンビニ決済 | 支払いたいコンビニを選択し「申込」を行い、メール送信(疎通は確認しない) | 本サービスが支払完了の通知を受け取り次第、完了判定※ <共通処理> |
ウィジェット内の表示項目
ウィジェット内の表示項目は、設置時のパラメータによって以下を制御可能です。
- ヘッダーテキスト
- ヘッダー説明文
- 支払いボタンのテキスト
- QRコードの色(オンラインモバイルでのみ有効)
- QRコード内のロゴ
- 任意のフィールド(入力欄)追加
詳しくはこちら
ウィジェットのデザイン
管理画面から、ウィジェットのデザインを編集可能です。
店舗>一般>全体設定>ブランディング から、PNGまたはJPGで店舗アイコンを編集できます。
未編集の場合は標準(デフォルト)の画像が表示されます。
店舗>決済フォーム>ウィジェット>テーマ から、タイトル背景とメイン(タイトルバーとボタンに使用)のカラーが編集可能です。
消費者の支払いフロー
ウィジェットを利用した場合の決済手段ごとの支払いフローは、下記の画像付き資料を参照してください。