ตัวอย่างการใช้งานจริง/ยืนยันการสั่งซื้อ (Checkout)
1 นาทีในการอ่าน
ยืนยันการสั่งซื้อ (Checkout)
ป้องกันการสั่งซื้อปลอมด้วยการยืนยัน 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 ก่อนชำระเงิน ซึ่งช่วยลดการซื้อที่ฉ้อโกง