BookEase LIFF v0 · 4-screen deposit flow

Wireframe · 2026-05-03

Customer flow: lookup ลูกค้ากดปุ่ม BOOKING ใน LINE OA ของร้าน → LIFF เปิดใน LINE app → 4 หน้า → จ่ายมัดจำ ฿200 → กลับไปแชทร้าน. ไม่ออกจาก LINE เลย.

URL ที่ replace BOOKING button ใน Rich Menu: https://liff.line.me/<liff-id>?shop=barenailspa

Context · ลูกค้ามาจากไหน
1. ลูกค้าอยู่ใน LINE chat ของร้าน
เห็น Rich Menu · กดปุ่ม "BOOKING"
→
2. LIFF เปิดใน LINE app (in-app browser)
auto-auth · ไม่ต้อง OTP · ไม่ต้องสมัคร
→
3. หลังจ่าย → กลับมาที่แชทอัตโนมัติ
ลูกค้ารู้สึกว่าทุกอย่างเกิดใน LINE
หน้า 1 · เลือกบริการ
›
9:42•••• 5G ▮
B
Bare Nail Spa
สาขาเอกมัย
เลือกบริการที่ต้องการจอง
9 บริการ · กดเพื่อจอง
Manicure express
30 นาที
฿500
Manicure with normal color
40 นาที
฿700
Manicure with gel color
40 นาที · ⭐ ยอดนิยม
฿900
Hand spa
40 นาที
฿600
Foot spa
45 นาที
฿700
⭐ 5 คิวแรกของวัน รับฟรี hand massage 5 นาที
หน้า 2 · วัน + เวลา
›
9:43•••• 5G ▮
Manicure with gel color
40 นาที · ฿900
วันที่อยากมา
เวลาที่อยากมา
ร้านจะยืนยันเวลาให้พี่ใน LINE chat ภายใน 30 นาที
หน้า 3 · ชื่อ + เบอร์
›
9:44•••• 5G ▮
Manicure with gel color
40 นาที · ฿900
วันเวลา อา 4 พ.ค. · บ่าย · 14:30
ดึงจาก LINE profile · แก้ไขได้
+66
ร้านจะใช้เบอร์นี้ติดต่อยืนยันการจอง
ผมยอมรับ นโยบายความเป็นส่วนตัว และ เงื่อนไขการใช้งาน ของ BookEase
หน้า 4 · จ่ายมัดจำ ฿200
›
9:45•••• 5G ▮
Manicure with gel color · อา 4 พ.ค. 14:30
▾
ค่าบริการเต็ม฿900
มัดจำตอนนี้฿200
เหลือจ่ายที่ร้าน฿700
มัดจำล็อกคิว ฿200
✓ หักจากค่าบริการหน้าร้านอัตโนมัติ
✓ ถ้าร้านไม่ยืนยัน · refund อัตโนมัติ
✓ ไม่ใช่ค่าใช้จ่ายเพิ่มเติม
สแกน PromptPay เพื่อจ่าย
หรือเปิดในแอปธนาคาร
กำลังรอการชำระเงิน · หมดเวลาใน 14:32
หน้า 5 · สำเร็จ → กลับ LINE
9:46•••• 5G ▮
สำเร็จแล้ว!
ร้าน Bare Nail Spa จะยืนยัน
การจองให้พี่ใน LINE chat
ภายใน 30 นาที
ใบเสร็จ
บริการManicure gel color
วันเวลาอา 4 พ.ค. 14:30
มัดจำ฿200 · จ่ายแล้ว
เลขที่#BE-2026-001247
liff.closeWindow()
สิ่งที่เกิดต่อ · ที่ฝั่งร้าน
1. shopv3 dashboard ของร้าน
มี booking ใหม่ใน "/admin/payouts" queue · ฿200 deposit-paid
2. Admin ของร้านเห็นใน LINE chat
ลูกค้ายังคุยกับร้านใน LINE · admin ตอบกลับยืนยันเวลาเหมือนเดิม
3. หลัง service จริง · disburse
Atiz manual disburse Xendit dashboard ฿(200 - fee) เข้าบัญชีร้าน · ทดสอบแล้ว 10 วินาที