Skip to main content

チェックアウト概要

Waffo Pancake は、コンバージョン最適化された2ステップチェックアウトフローを採用しています。顧客情報を先に収集し、次に支払い情報を入力するこの設計により、離脱率を低減し、正確な税計算をサポートします。

チェックアウト URL

商品購入リンク(推奨)

すべての商品に、期限切れのない永続的な購入リンクがあります:
テストモード:
ダッシュボードで「リンクをコピー」をクリックするだけです。商品を更新してもリンクは変わりません。顧客がリンクを開くと、チェックアウトセッションが自動的に作成されます。

チェックアウトセッション(API)

高度なユースケース(動的価格設定、カスタムメタデータ、プログラムによるチェックアウト)には、API 経由でセッションを作成します:
チェックアウトセッションはサーバーサイドで生成され、作成時に商品バージョン、価格、通貨がロックされます。

2ステップフロー

消費者情報

メールアドレス、国、請求情報を収集。税計算と注文処理に使用。

決済

カード情報を入力、または Apple Pay / Google Pay で決済を完了。
チェックアウトページ — 消費者情報

ステップ1:消費者情報

税計算と注文処理に必要な情報を収集します。 必須項目: 条件付きフィールド(国に基づく): 法人購入オプション: 顧客は「法人として購入」を切り替えることで以下を入力できます:
  • 会社名
  • Tax ID(VAT/税免除用)

ステップ2:お支払い

チェックアウト — 決済

カード決済

  • カード番号
  • 有効期限(MM/YY)
  • CVC/CVV
  • カード名義人

デジタルウォレット

  • Apple Pay(iOS、Safari)
  • Google Pay(Android、Chrome)
  • 生体認証によるワンクリック決済
注文サマリーは支払いフォームの横に表示され、商品名、画像、小計、税額、合計金額が含まれます。

セッションのライフサイクル

  • 1 セッション、1 注文。 チェックアウトセッションから作成できる注文は 1 件だけです。購入者が送信するとセッションは消費され、同じ checkoutUrl を再度開くと「このチェックアウトリンクは期限切れです」と表示されます。これは正常な挙動です —— リンクを再利用せず、購入ごとに create-session を呼び直してください。
  • ブラウザの戻るボタン。 決済プロバイダーへ遷移する前に、チェックアウトは現在の履歴エントリを、サーバーが元のセッションから派生させた置き換えセッションに差し替えます。プロバイダーのキャンセル URL も同じアドレスを指します。したがってどちらの戻り経路でも有効なセッションに着地し、渡した orderMerchantExternalId と metadata は保持されます —— 値はセッション自体に保存されているため、ブラウザは問いません。置き換えセッションの有効期限は、より長い expiresInSeconds を設定していてもデフォルトの 45 分にリセットされます。
  • フィールドが失われる場合。 この差し替えに失敗した場合、または購入者がすでに消費済みのセッションに戻った場合、ページは自己修復として商品ページへ戻り、匿名の訪問者として新しいセッションを作り直します。この経路では orderMerchantExternalId、metadata、およびリンクに付けていた currency、email、success_url が失われます。
  • 注文にこれらのフィールドがない場合。 orderMerchantExternalId が空の order.completed を受け取った場合は、buyerEmail + productId + 金額で、その購入者の直前 30 分以内の未払い注文と自社システム側で照合してください。

サブスクリプションのチェックアウト

サブスクリプション商品の場合、追加の請求情報が表示されます:

カスタマイズ

ダッシュボードのチェックアウト設定から、チェックアウトページをブランドに合わせてカスタマイズできます。

ロゴ

チェックアウトページに表示されるカスタムロゴをアップロードできます。対応フォーマットは PNG、JPG、SVG です。

テーマモード

ライトモード

白背景、ダークテキスト。ほとんどのブランドに最適。

ダークモード

暗い背景、明るいテキスト。モダンな外観。
ライトモードとダークモードのプリセットを切り替えられます。各モードは独自のカラー値セットを保持します。

カラー設定

角丸

checkoutBorderRadius 設定で UI 要素の角丸を調整できます。デフォルトは 8px です。0px(角丸なし)から 16px(特大の角丸)まで設定できます。
アクセシビリティのため、テキストと背景色の間に十分なコントラストを確保してください。WCAG では 4.5:1 以上のコントラスト比を推奨しています。

ストア情報


多言語サポート

ホスト型チェックアウトは多言語対応で、加盟店側の設定は不要です:
  • 自動検出 — チェックアウト画面は購入者のブラウザ言語で表示され、未対応の言語は英語にフォールバックします。
  • 購入者による切替 — フッターの言語セレクターからいつでも切り替えできます。
  • 決済ページも追従 — 決済ページは購入者が「支払う」をクリックした時点の言語で開きます(決済ページは 22 言語対応)。
チェックアウト画面は 19 言語に対応しています:

言語選択の優先順位

チェックアウトを最初に開いたときの表示言語は、次の順序で決定されます(最初に一致したものが採用されます):
言語と通貨は互いに独立しています — 注文の通貨にかかわらず、購入者は対応する 19 言語のいずれにも切り替えられます。

処理と結果

支払い送信後:
  1. カード検証 — Luhn チェック、有効期限、CVC 検証
  2. 3D セキュア — 銀行認証(発行銀行が要求する場合)
  3. オーソリゼーション — カードへの課金
  4. 注文作成 — システムへの記録
成功ページ: 注文確認番号、領収メール通知、次のステップ、カスタマーポータルリンク。 失敗ページ: 明確なエラー説明、推奨アクション、再試行ボタン、サポート連絡オプション。

エラー処理


テストチェックアウト

テストモードを使用して、実際の課金なしでチェックアウトフローを試すことができます。
テストモードはバナーで示されます:「テストモード - 実際の課金は行われません」

Merchant of Record(記録商)の通知

チェックアウトのフッターに、顧客は以下の表示を確認します:
「この注文は、当社のオンラインリセラーおよび記録商である Waffo Pancake によって処理されます。注文関連のお問い合わせや返品も Waffo Pancake が対応いたします。」
この開示は MoR コンプライアンスのために必要であり、顧客が支払い関係を理解するのに役立ちます。