チェックアウト概要
Waffo Pancake チェックアウトは、顧客にシームレスでコンバージョン最適化された支払い体験を提供します。
チェックアウトURL
チェックアウトページはトークンベースのURL構造を使用:
https://checkout.waffo.ai/{store-slug}/{product-slug}
| コンポーネント | 説明 |
|---|
store-slug | あなたのストアのユニークなURL識別子 |
token | プロダクトとセッション情報を含む暗号化されたチェックアウトトークン |
チェックアウトトークンはサーバーサイドで生成され、プロダクト詳細、価格、セキュリティ情報を含みます。
チェックアウトフロー
ステップバイステップフロー
ストアランディングページ
顧客がストアページに到着、表示内容:
- ストアブランドとロゴ
- プロダクト名と画像
- プロダクト説明
- 通貨付きの価格
- 請求サイクル(サブスクリプションの場合)
- 試用期間情報(該当する場合)
メール収集
顧客がメールアドレスを入力:
- すべての購入で必須
- 領収書とアカウント作成に使用
- カスタマーポータルアクセスを有効化
支払い入力
顧客が支払い詳細を提供:
- クレジット/デビットカード情報
- Apple Pay(対応デバイス)
- Google Pay(対応デバイス)
- 地域の支払い方法(Alipay、iDEAL など)
処理ページ
システムが支払いを処理:
- カード検証と3Dセキュア
- 不正検知
- 税計算
- 支払い承認
- リアルタイムステータス更新
結果ページ
顧客が結果を確認:
- 成功:注文確認、領収書メール、アクセス手順
- 失敗:明確なエラーメッセージとリトライオプション
チェックアウトページ要素
ヘッダー
プロダクトセクション
| 要素 | 説明 |
|---|
| プロダクト画像 | ビジュアル表示 |
| プロダクト名 | アイテムタイトル |
| 説明 | 短いプロダクト詳細 |
| 価格 | 金額と通貨 |
| 数量 | 対応プロダクトの数量 |
支払いセクション
| 要素 | 説明 |
|---|
| メールフィールド | 顧客連絡先 |
| カード番号 | 支払いカード入力 |
| 有効期限 | カード有効期限 |
| CVC | セキュリティコード |
| 請求先住所 | 税計算用 |
注文サマリー
| 要素 | 説明 |
|---|
| 小計 | プロダクト価格 |
| 税金 | 地域に基づいて計算 |
| 合計 | 最終請求金額 |
サブスクリプションチェックアウト
サブスクリプション商品では、追加要素が表示されます:
試用情報
- 試用期間
- 試用終了日
- 試用後の初回請求
- いつでもキャンセル可能の説明
税金処理
Waffo Pancake は税金を自動計算:
税金表示
| 設定 | 動作 |
|---|
| 外税 | 税金を別途表示、価格に加算 |
| 内税 | 価格に税金込み、内訳を表示 |
税種類
- 売上税(米国)
- VAT 付加価値税(欧州)
- GST 商品・サービス税(オーストラリア、カナダ)
税率は顧客の請求先住所に基づいて決定されます。プロダクトに正しい税カテゴリが設定されていることを確認してください。
支払い方法
クレジット/デビットカード
対応カードネットワーク:
カード検証には以下が含まれます:
- Luhnアルゴリズムチェック
- 有効期限検証
- CVC検証
- 3Dセキュア(必要な場合)
デジタルウォレット
Apple Pay
利用可能:
- MacのSafari
- iOSデバイス
- Touch ID / Face ID認証
Google Pay
利用可能:
- Chromeブラウザ
- Androidデバイス
- Googleアカウントに紐づけられたカード
地域の支払い方法
主要市場でローカル支払い方法をサポート:
| 地域 | 支払い方法 |
|---|
| 中国 | Alipay、WeChat Pay |
| 欧州 | iDEAL、Bancontact、SEPA |
| ブラジル | PIX、Boleto |
| 日本 | コンビニ払い、PayPay |
| 東南アジア | GrabPay、GCash |
エラー処理
一般的な支払いエラー
| エラー | 原因 | 顧客アクション |
|---|
| カード拒否 | 残高不足または銀行ブロック | 別のカードを試す |
| 無効なカード | カード番号が間違い | 確認して再入力 |
| 期限切れカード | カードが期限切れ | 有効なカードを使用 |
| CVC不一致 | セキュリティコードが間違い | CVCを再入力 |
| 3DS失敗 | 銀行認証失敗 | 銀行に連絡 |
エラーメッセージ
エラーメッセージの特徴:
- 明確で行動可能
- 技術的でない言葉
- 役立つ次のステップ
- 機密データを露出しない
チェックアウト後
成功ページ
- お礼のメッセージ
- 注文確認番号
- 次のステップ
- サポート連絡先
確認メール
自動送信、内容:
- 注文詳細
- 支払い領収書
- プロダクトアクセス情報
- カスタマーポータルリンク
リダイレクトオプション
チェックアウト後の顧客の行き先を設定:
- デフォルト成功ページ
- カスタムサンキューページURL
- プロダクト配信ページ
- 会員エリア
チェックアウトのテスト
テストモードを使ってチェックアウトを試す:
テストカード番号
| カード | カード番号 | 結果 |
|---|
| Visa | 4242 4242 4242 4242 | 成功 |
| Mastercard | 5555 5555 5555 4444 | 成功 |
| 拒否 | 4000 0000 0000 0002 | 拒否 |
| 3DS必須 | 4000 0027 6000 3184 | 3Dセキュア |
| 残高不足 | 4000 0000 0000 9995 | 拒否 |
有効期限は任意の将来の日付、CVCは任意の3桁で可。
公開前に必ずチェックアウトフローをテストしてください。確認メールを含め、エンドツーエンドで顧客体験を検証してください。
チェックアウトステータス
処理ページ
支払い処理中、顧客に表示:
- アニメーション読み込みインジケーター
- 「支払いを処理中」メッセージ
- 予想待ち時間
成功ページ
支払い成功時:
- 注文確認番号
- 領収書メール確認
- 次のステップまたはアクセス手順
- カスタマーポータルリンク
失敗ページ
支払い失敗時:
- 明確なエラー説明
- 推奨アクション(別のカードを試すなど)
- リトライボタン
- サポート連絡オプション
チェックアウトトークンセキュリティ
チェックアウトトークンには以下が含まれます:
- プロダクトと価格情報
- 顧客セッションデータ
- 有効期限タイムスタンプ
- 暗号化署名
トークンは期限切れ後に変更や再利用ができません。
チェックアウトトークンは24時間後に期限切れになります。期限切れ後、顧客は新しいチェックアウトセッションを開始する必要があります。