ライブデモ/注文確認(チェックアウト)
1 分で読めます
注文確認(チェックアウト)
不正注文を防ぐため、支払い前にReOTP確認を実施
概要
ストア側は支払い完了前にReOTP確認メッセージを表示し、不正購入を削減します。
実装方法
1. /checkoutページ:買い物カゴ + 合計金額 + 「注文完了」ボタン。
2. フォーム入力中に/api/verify/init(PREDICTIVE)を事前に呼び出し。
3. VERIFIED時:Stripe Payment Intentを作成し、注文を保存。
UI/UXガイドライン
- 警告色:amberとslate。
- 製品カード:Liquid Glass。
インタラクティブプレイグラウンド
WhatsAppリンクプラットフォーム
支払い確認と注文完了checkout • 1/3
Checkout
ストアは決済前にReOTP確認を表示し、不正購入を削減します。