Ví dụ thực tế/Xác nhận đơn đặt hàng (Checkout)
1 Phút đọc
Xác nhận đơn đặt hàng (Checkout)
Ngăn chặn đơn hàng giả mạo bằng cách xác nhận qua ReOTP trước khi thanh toán
Tổng quan
Cửa hàng hiển thị thông báo xác nhận ReOTP trước khi hoàn tất thanh toán, giúp giảm thiểu các giao dịch gian lận.
Cách triển khai
1. Trang /checkout: Giỏ hàng + Tổng tiền + Nút "Hoàn tất đơn hàng".
2. Gọi /api/verify/init (PREDICTIVE) trước trong khi điền biểu mẫu.
3. Khi VERIFIED: Tạo Stripe Payment Intent + Lưu đơn hàng.
Hướng dẫn UI và UX
- Màu sắc: amber + slate.
- Thẻ sản phẩm: Liquid Glass.
Khu chơi tương tác
Nền tảng kết nối WhatsApp
Xác nhận thanh toán và hoàn tất đơn hàngcheckout • 1/3
Checkout
Cửa hàng hiển thị xác nhận ReOTP trước khi thanh toán, giúp giảm thiểu các giao dịch mua hàng gian lận.