メインコンテンツへスキップ

チェックアウト概要

Waffo Pancake チェックアウトは、顧客にシームレスでコンバージョン最適化された支払い体験を提供します。

チェックアウトURL

チェックアウトページはトークンベースのURL構造を使用:
https://checkout.waffo.ai/{store-slug}/{product-slug}
コンポーネント説明
store-slugあなたのストアのユニークなURL識別子
tokenプロダクトとセッション情報を含む暗号化されたチェックアウトトークン
チェックアウトトークンはサーバーサイドで生成され、プロダクト詳細、価格、セキュリティ情報を含みます。

チェックアウトフロー

ステップバイステップフロー

1

ストアランディングページ

顧客がストアページに到着、表示内容:
  • ストアブランドとロゴ
  • プロダクト名と画像
  • プロダクト説明
  • 通貨付きの価格
  • 請求サイクル(サブスクリプションの場合)
  • 試用期間情報(該当する場合)
2

メール収集

顧客がメールアドレスを入力:
  • すべての購入で必須
  • 領収書とアカウント作成に使用
  • カスタマーポータルアクセスを有効化
3

支払い入力

顧客が支払い詳細を提供:
  • クレジット/デビットカード情報
  • Apple Pay(対応デバイス)
  • Google Pay(対応デバイス)
  • 地域の支払い方法(Alipay、iDEAL など)
4

処理ページ

システムが支払いを処理:
  • カード検証と3Dセキュア
  • 不正検知
  • 税計算
  • 支払い承認
  • リアルタイムステータス更新
5

結果ページ

顧客が結果を確認:
  • 成功:注文確認、領収書メール、アクセス手順
  • 失敗:明確なエラーメッセージとリトライオプション

チェックアウトページ要素

ヘッダー

  • ストアロゴ
  • ストア名
  • セキュアチェックアウト表示

プロダクトセクション

要素説明
プロダクト画像ビジュアル表示
プロダクト名アイテムタイトル
説明短いプロダクト詳細
価格金額と通貨
数量対応プロダクトの数量

支払いセクション

要素説明
メールフィールド顧客連絡先
カード番号支払いカード入力
有効期限カード有効期限
CVCセキュリティコード
請求先住所税計算用

注文サマリー

要素説明
小計プロダクト価格
税金地域に基づいて計算
合計最終請求金額

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

サブスクリプション商品では、追加要素が表示されます:

請求プレビュー

  • 初回請求日
  • 周期的金額
  • 請求頻度
  • 次回請求日

試用情報

  • 試用期間
  • 試用終了日
  • 試用後の初回請求
  • いつでもキャンセル可能の説明

税金処理

Waffo Pancake は税金を自動計算:

税金表示

設定動作
外税税金を別途表示、価格に加算
内税価格に税金込み、内訳を表示

税種類

  • 売上税(米国)
  • VAT 付加価値税(欧州)
  • GST 商品・サービス税(オーストラリア、カナダ)
税率は顧客の請求先住所に基づいて決定されます。プロダクトに正しい税カテゴリが設定されていることを確認してください。

支払い方法

クレジット/デビットカード

対応カードネットワーク:
  • Visa
  • Mastercard
カード検証には以下が含まれます:
  • 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
  • プロダクト配信ページ
  • 会員エリア

チェックアウトのテスト

テストモードを使ってチェックアウトを試す:

テストカード番号

カードカード番号結果
Visa4242 4242 4242 4242成功
Mastercard5555 5555 5555 4444成功
拒否4000 0000 0000 0002拒否
3DS必須4000 0027 6000 31843Dセキュア
残高不足4000 0000 0000 9995拒否
有効期限は任意の将来の日付、CVCは任意の3桁で可。
公開前に必ずチェックアウトフローをテストしてください。確認メールを含め、エンドツーエンドで顧客体験を検証してください。

チェックアウトステータス

処理ページ

支払い処理中、顧客に表示:
  • アニメーション読み込みインジケーター
  • 「支払いを処理中」メッセージ
  • 予想待ち時間

成功ページ

支払い成功時:
  • 注文確認番号
  • 領収書メール確認
  • 次のステップまたはアクセス手順
  • カスタマーポータルリンク

失敗ページ

支払い失敗時:
  • 明確なエラー説明
  • 推奨アクション(別のカードを試すなど)
  • リトライボタン
  • サポート連絡オプション

チェックアウトトークンセキュリティ

チェックアウトトークンには以下が含まれます:
  • プロダクトと価格情報
  • 顧客セッションデータ
  • 有効期限タイムスタンプ
  • 暗号化署名
トークンは期限切れ後に変更や再利用ができません。
チェックアウトトークンは24時間後に期限切れになります。期限切れ後、顧客は新しいチェックアウトセッションを開始する必要があります。