ReOTP.
ライブデモ/注文確認(チェックアウト)
1 分で読めます

注文確認(チェックアウト)

不正注文を防ぐため、支払い前にReOTP確認を実施

概要

ストア側は支払い完了前にReOTP確認メッセージを表示し、不正購入を削減します。

実装方法

1. /checkoutページ:買い物カゴ + 合計金額 + 「注文完了」ボタン。

2. フォーム入力中に/api/verify/init(PREDICTIVE)を事前に呼び出し。

3. VERIFIED時:Stripe Payment Intentを作成し、注文を保存。

UI/UXガイドライン

  • 警告色:amberとslate。
  • 製品カード:Liquid Glass。
インタラクティブプレイグラウンド
WhatsAppリンクプラットフォーム
支払い確認と注文完了checkout1/3
Checkout

ストアは決済前にReOTP確認を表示し、不正購入を削減します。