チェックアウト概要
Waffo Pancake は、コンバージョン最適化された2ステップチェックアウトフローを採用しています。顧客情報を先に収集し、次に支払い情報を入力するこの設計により、離脱率を低減し、正確な税計算をサポートします。チェックアウト URL
チェックアウトページはセッションベースの URL 構造を使用します：チェックアウトセッションはサーバー側で生成され、商品、価格、通貨情報を含みます。
2ステップフロー
消費者情報
メールアドレス、国、請求情報を収集。税計算と注文処理に使用。
決済
カード情報を入力、または Apple Pay / Google Pay で決済を完了。
ステップ1：消費者情報
税計算と注文処理に必要な情報を収集します。 必須項目：
条件付きフィールド（国に基づく）：
法人購入オプション：
顧客は「法人として購入」を切り替えることで以下を入力できます：
- 会社名
- Tax ID（VAT/税免除用）
ステップ2：お支払い
カード決済
- カード番号
- 有効期限（MM/YY）
- CVC/CVV
- カード名義人
デジタルウォレット
- Apple Pay（iOS、Safari）
- Google Pay（Android、Chrome）
- 生体認証によるワンクリック決済
サブスクリプションのチェックアウト
サブスクリプション商品の場合、追加の請求情報が表示されます：カスタマイズ
ダッシュボードのチェックアウト設定から、チェックアウトページをブランドに合わせてカスタマイズできます。ロゴ
チェックアウトページに表示されるカスタムロゴをアップロードできます。対応フォーマットは PNG、JPG、SVG です。テーマモード
ライトモード
白背景、ダークテキスト。ほとんどのブランドに最適。
ダークモード
暗い背景、明るいテキスト。モダンな外観。
カラー設定
角丸
checkoutBorderRadius 設定で UI 要素の角丸を調整できます。デフォルトは 8px です。0px（角丸なし）から 16px（大きな角丸）まで設定できます。
アクセシビリティのため、テキストと背景色の間に十分なコントラストを確保してください。WCAG では 4.5:1 以上のコントラスト比を推奨しています。
ストア情報
多言語サポート
ホスト型チェックアウトは多言語対応で、マーチャント側の設定は不要です：- 自動検出 —— チェックアウト画面は購入者のブラウザ言語で表示され、未対応の言語は英語にフォールバックします。
- 購入者による切替 —— フッターの言語セレクターからいつでも切り替えできます。
- 決済ページも追従 —— 決済ページは購入者が支払い時に選択していた言語で開きます（決済ページは 22 言語対応）。
言語選択の優先順位
チェックアウトを最初に開いたときの表示言語は、次の順序で決定されます（最初に一致したものが採用されます）：言語と通貨は互いに独立しています —— 注文の通貨にかかわらず、購入者は対応する 19 言語のいずれにも切り替えられます。
処理と結果
支払い送信後：- カード検証 — Luhn チェック、有効期限、CVC 検証
- 3D セキュア — 銀行認証（発行銀行が要求する場合）
- オーソリゼーション — カードへの課金
- 注文作成 — システムへの記録
エラー処理
テストチェックアウト
テストモードを使用して、実際の課金なしでチェックアウトフローを試すことができます。テストモードはバナーで示されます：「テストモード - 実際の課金は行われません」
記録商の通知
チェックアウトのフッターに、顧客は以下の表示を確認します：「この注文は、当社のオンラインリセラーおよび記録商である Waffo Pancake によって処理されます。注文関連のお問い合わせや返品も Waffo Pancake が対応いたします。」この開示は MoR コンプライアンスのために必要であり、顧客が支払い関係を理解するのに役立ちます。