คู่มือการใช้งานฉบับสมบูรณ์
FoodFlow ใช้อย่างไร?
คู่มือนี้อธิบายการใช้งานระบบ FoodFlow ทุกฟีเจอร์ สำหรับทุกบทบาท ตั้งแต่ลูกค้าที่เพิ่งสแกน QR Code ไปจนถึงเจ้าของร้านที่ต้องตั้งค่าระบบ
1
สั่งอาหารผ่าน QR Code
วิธีเปิดเมนูและสั่งอาหารจากโต๊ะ
1
สแกน QR Code บนโต๊ะ
เปิดกล้องโทรศัพท์แล้วสแกน QR Code ที่วางบนโต๊ะ ระบบจะเปิดเมนูดิจิทัลของร้านอัตโนมัติ ไม่ต้องติดตั้งแอปใดๆ
รองรับทั้ง iPhone และ Android — ใช้กล้องปกติสแกนได้เลย
2
เลือกเมนูและปรับจำนวน
กดเมนูที่ต้องการ ปรับจำนวน เพิ่มโน้ตพิเศษ เช่น "ไม่เผ็ด" หรือ "ไม่ใส่ผักชี" แล้วกด "เพิ่มลงตะกร้า"
3
ตรวจสอบตะกร้าและยืนยัน
กดไอคอนตะกร้า (มุมล่างขวา) ตรวจสอบรายการ แก้ไขได้ก่อนกด "ยืนยันออเดอร์"
ตรวจสอบหมายเลขโต๊ะให้ถูกต้องก่อนยืนยัน — เพื่อให้อาหารส่งถึงโต๊ะคุณ
4
เรียกพนักงาน
กดปุ่ม "เรียกพนักงาน" ในหน้าเมนูได้ตลอดเวลา พนักงานจะรับแจ้งเตือนทันที
2
ติดตามสถานะออเดอร์
ดูว่าอาหารอยู่ขั้นไหนแล้ว
ดูสถานะที่หน้า "ออเดอร์ของฉัน" อัปเดตแบบ real-time ไม่ต้องรีโหลด
รอรับออเดอร์
รับออเดอร์แล้ว
กำลังทำ
พร้อมเสิร์ฟ
เสิร์ฟแล้ว
ยกเลิก
เคล็ดลับ
หน้าเว็บรีเฟรชอัตโนมัติ ไม่ต้องกดเอง ถ้าสถานะค้างนานผิดปกติ ลองกดรีโหลดหน้า
3
ระบบคิว (Queue)
รับคิวรอโต๊ะเมื่อร้านเต็ม
ระบบคิวคืออะไร?
ใช้เมื่อ โต๊ะในร้านเต็มทุกโต๊ะ รับคิวเพื่อรอโต๊ะว่าง แทนการยืนรอหน้าร้าน
1
สแกน QR Code สำหรับคิว
สแกน QR ที่ติดหน้าร้าน (ต่างจาก QR เมนูบนโต๊ะ) ระบบจะเปิดหน้ารับคิวทันที
2
กรอกจำนวนคนในกลุ่ม
ระบุจำนวนคน และชื่อหรือเบอร์โทรเพื่อให้พนักงานเรียก ไม่ต้องล็อกอิน
3
รับหมายเลขคิว
ระบบออกคิวให้ทันที พร้อมแสดงจำนวนคนรออยู่ก่อนหน้า เก็บหน้านี้ไว้หรือบันทึกภาพหน้าจอ
4
รอรับการเรียก
เมื่อถึงคิว จอหน้าร้านจะแสดงหมายเลขของคุณ ต้องมาภายใน 5 นาที ไม่เช่นนั้นจะถูกข้ามไป
ข้อควรระวัง
- ห้ามปิดหน้าเว็บหลังรับคิว — จะไม่ได้รับการแจ้งเตือน
- ถ้าต้องออกไปนอก ให้บันทึกภาพหน้าจอหมายเลขคิวไว้
- คิวหายให้ติดต่อพนักงานโดยตรง ไม่ต้องรับคิวใหม่
4
จองโต๊ะล่วงหน้า
จองวันและเวลาที่ต้องการ
1
เปิดหน้าจอง
ไปที่ลิงก์จองโต๊ะของร้าน
/book/[ชื่อร้าน] หรือกดปุ่มจองที่หน้าร้าน2
เลือกวัน เวลา และจำนวนคน
เลือกวันที่ เวลาที่ว่าง (สีเขียว = มีที่ว่าง) และจำนวนคนในกลุ่ม
3
กรอกข้อมูลและยืนยัน
กรอกชื่อ เบอร์โทร หมายเหตุ (ถ้ามี) กด "ยืนยันการจอง" ระบบส่งข้อความยืนยันทันที
รับ confirmation ทันทีหลังจอง เก็บไว้เป็นหลักฐาน
4
ยกเลิกการจอง
ไปที่ โปรไฟล์ → ประวัติการจอง (ต้องล็อกอิน) กดที่การจองที่ต้องการยกเลิก → "ยกเลิก"
5
Loyalty Points
สะสมแต้ม รับสิทธิพิเศษ
วิธีสะสมแต้ม
ทุกออเดอร์ที่สั่งผ่านแอปขณะล็อกอิน ระบบคำนวณแต้มอัตโนมัติตามยอดใช้จ่าย
ต้องล็อกอินก่อน
ต้องสมัครบัญชีและล็อกอินก่อนสั่ง ออเดอร์แบบไม่ล็อกอินจะไม่ได้แต้ม
ดูแต้มที่มี
โปรไฟล์ → Loyalty Points ดูแต้มสะสม ระดับสมาชิก และรางวัลที่แลกได้
ระดับสมาชิก
Bronze / Silver / Gold แต้มมากขึ้น ได้รับสิทธิพิเศษเพิ่มขึ้น เช่น ส่วนลด ของแถม
พนักงาน
1
เข้าสู่ระบบ
ล็อกอินและเข้าหน้าพนักงาน
1
เปิด FoodFlow บน Tablet หรือโทรศัพท์
ไปที่
foodflow-app.pages.dev → กด "เข้าสู่ระบบ" ใช้ Email และรหัสผ่านที่ได้จากเจ้าของร้าน2
เลือกบทบาท "พนักงาน" และร้าน
หลังล็อกอิน เลือก "พนักงาน" แล้วเลือกร้านที่ทำงาน ถ้ามีหลายร้านจะให้เลือก
3
หน้าหลักพนักงาน — แถบ 5 แท็บ
ด้านล่างจะมี 5 แท็บ: ออเดอร์ · คิว · โต๊ะ · จอง · จอแสดงผล
แนะนำ Tablet 7-10 นิ้ว เห็นข้อมูลชัดกว่า ใช้ได้ตลอดวัน
2
จัดการออเดอร์
รับ อัปเดต และปิดออเดอร์
1
กดแท็บ "ออเดอร์"
เห็นออเดอร์ทั้งหมด real-time เรียงตามเวลา ออเดอร์ใหม่จะอยู่บนสุด มีแจ้งเตือนเสียงเมื่อมีออเดอร์ใหม่
2
อัปเดตสถานะตามลำดับ
กดออเดอร์ → เลือกสถานะใหม่ ลำดับที่ถูกต้อง:
รอรับ → รับแล้ว → กำลังทำ → พร้อมเสิร์ฟ → เสิร์ฟแล้ว
รอรับ → รับแล้ว → กำลังทำ → พร้อมเสิร์ฟ → เสิร์ฟแล้ว
อย่าข้ามสถานะ ลูกค้าเห็นทุก step และใช้ประเมินเวลารอ
3
ยกเลิกออเดอร์ (กรณีพิเศษ)
กดออเดอร์ → "ยกเลิก" → ระบุเหตุผล ลูกค้าเห็นว่าถูกยกเลิก แจ้งลูกค้าโดยตรงด้วยเสมอ
3
ระบบคิว — สำหรับพนักงาน
จัดการคิวลูกค้าทีละขั้นตอน (อ่านให้ครบ!)
ทำความเข้าใจก่อน
ระบบคิวมี 2 ส่วนที่ต้องใช้พร้อมกัน: แท็บ "คิว" สำหรับจัดการ และ "จอแสดงผล" ที่โชว์เลขคิวให้ลูกค้า ต้องเปิดทั้งคู่ไว้ตลอด
1
เปิดจอแสดงผลก่อนเริ่มงาน
กดแท็บ "จอแสดงผล" → กดลิงก์เปิดจอ (จะเปิดหน้าต่างใหม่) นำไปแสดงบนทีวีหน้าร้าน เปิดค้างไว้ตลอดวัน
2
ดูรายชื่อคิวที่รออยู่
กดแท็บ "คิว" เห็นรายชื่อลูกค้าที่รอ เรียงตามลำดับ แสดงชื่อ จำนวนคน เวลาที่รอ
3
เรียกคิวเมื่อมีโต๊ะว่าง
กดปุ่ม "เรียกคิว" ที่คิวบนสุด ระบบอัปเดตจอแสดงผลอัตโนมัติ จอหน้าร้านกระพริบหมายเลขที่ถูกเรียก
4
ยืนยันลูกค้าเข้านั่ง
เมื่อลูกค้ามาที่โต๊ะ กด "ยืนยันเข้านั่ง" สถานะคิวเปลี่ยนเป็น "เสร็จสิ้น" และหายออกจากรายการ
5
จัดการกรณีลูกค้าไม่มา
เรียกแล้วลูกค้าไม่มาภายใน 5 นาที กด "ข้ามคิว" ระบบทำเครื่องหมาย "ไม่มา" และพร้อมเรียกคิวถัดไป
แก้ปัญหาที่พบบ่อย
- คิวไม่อัปเดต — รีโหลดหน้าพนักงาน ถ้ายังไม่ดีขึ้น ปิด-เปิด browser
- จอแสดงผลไม่โชว์คิว — ตรวจสอบว่าจอแสดงผลยังเปิดอยู่ รีโหลดจอนั้น
- เพิ่มคิวไม่ได้ — ตรวจสอบว่า Owner เปิดระบบคิวในตั้งค่าร้านแล้วหรือยัง
- คิวหายหลังรีโหลด — ห้ามใช้ Incognito Mode ข้อมูลถูกบันทึกใน Firebase
- ปุ่มเรียกคิวกดไม่ได้ — ตรวจสอบสิทธิ์ว่าบัญชีนี้ถูกเพิ่มเป็น Staff ของร้านหรือยัง
| สถานะ | ความหมาย | ขั้นตอนถัดไป |
|---|---|---|
| รอ | ลูกค้ารับคิวแล้ว กำลังรอ | กด "เรียกคิว" เมื่อมีโต๊ะว่าง |
| ถูกเรียก | แจ้งลูกค้าแล้ว รอมา | กด "ยืนยัน" หรือ "ข้ามคิว" |
| เสร็จสิ้น | ลูกค้าเข้านั่งแล้ว | จบ — หายออกจากรายการ |
| ไม่มา | เรียกแล้วแต่ลูกค้าไม่มา | ข้ามไปคิวถัดไปอัตโนมัติ |
4
จัดการโต๊ะ
ดูสถานะโต๊ะแบบ real-time
1
ดูแผนผังโต๊ะ
กดแท็บ "โต๊ะ" เห็นแผนผังร้าน สีของโต๊ะบอกสถานะ: เขียว = ว่าง · ส้ม = มีลูกค้า · แดง = ต้องเช็ด
2
อัปเดตสถานะโต๊ะ
กดที่โต๊ะ → เลือกสถานะ หลังลูกค้าออก: กดเป็น "ต้องเช็ด" → หลังเช็ดแล้ว: กดเป็น "ว่าง"
5
จัดการการจองโต๊ะ
ดูและอัปเดตสถานะการจองวันนี้
1
ดูรายการจองวันนี้
กดแท็บ "จอง" เห็นรายการจองวันนี้เรียงตามเวลา แสดงชื่อลูกค้า จำนวนคน และเวลานัด
2
ยืนยันลูกค้ามาถึง
เมื่อลูกค้ามา กดที่การจอง → "ยืนยันมาถึง" สถานะเปลี่ยนเป็น Arrived
เช็คหน้าจองทุก 30 นาที เพื่อเตรียมโต๊ะล่วงหน้า
เจ้าของร้าน
1
ตั้งค่าร้านครั้งแรก
Checklist ก่อนเปิดใช้งาน
ทำตามลำดับนี้
- สมัครบัญชีและเลือก Plan (แนะนำ Free สำหรับทดลอง)
- สร้างร้าน — กรอกชื่อร้าน ที่อยู่ และประเภทร้าน
- อัปโหลดโลโก้และรูปร้าน
- ตั้งค่าจำนวนโต๊ะและหมายเลขโต๊ะ
- เพิ่มเมนูอย่างน้อย 1 หมวด + 3 รายการ
- เพิ่มพนักงาน (ถ้ามี)
- พิมพ์ QR Code สำหรับแต่ละโต๊ะและติดที่โต๊ะ
1
ไปที่ "ตั้งค่าร้าน"
Owner Dashboard → เมนู → "ตั้งค่าร้าน" กรอกข้อมูลพื้นฐานให้ครบ
2
ตั้งค่าโต๊ะ
"จัดการโต๊ะ" → เพิ่มจำนวนโต๊ะและหมายเลข ระบบสร้าง QR Code ให้ทุกโต๊ะอัตโนมัติ
3
ดาวน์โหลดและพิมพ์ QR Code
"QR Code" → ดาวน์โหลด PDF หรือ PNG → พิมพ์ติดโต๊ะแต่ละโต๊ะ
QR Code แต่ละโต๊ะต่างกัน ตรวจสอบหมายเลขให้ตรงกับโต๊ะที่ติด ห้ามสลับกัน
2
จัดการเมนู
เพิ่ม แก้ไข และจัดหมวดหมู่เมนู
สร้างหมวดหมู่ก่อน
จัดการเมนู → เพิ่มหมวดหมู่ เช่น "อาหารจานหลัก", "เครื่องดื่ม" ก่อนเพิ่มรายการ
เพิ่มรายการเมนู
กด "เพิ่มเมนู" → ชื่อ ราคา รูป คำอธิบาย หมวด เมนูแสดงใน QR Menu ทันที
ซ่อนเมนูชั่วคราว
Toggle ปิด/เปิด เมนูที่หมดชั่วคราว ลูกค้าจะไม่เห็น โดยไม่ต้องลบออก
เคล็ดลับรูปเมนู
สัดส่วน 4:3 ไม่เกิน 2MB พื้นหลังสว่าง รูปที่ดีช่วยเพิ่มยอดสั่ง 30%+
3
ตั้งค่าระบบคิว
เปิด/ปิด และกำหนดพารามิเตอร์
1
เปิดระบบคิว
ตั้งค่าร้าน → "ระบบคิว" → เปิด toggle "เปิดใช้งานคิว" พนักงานและลูกค้าจะใช้คิวได้ทันที
2
ตั้งค่าจำนวนคนต่อกลุ่ม
กำหนดขั้นต่ำและสูงสุดต่อกลุ่ม เช่น 1-8 คน เพื่อให้ระบบจัดโต๊ะที่เหมาะสม
3
ตั้งเวลา Timeout
กำหนดว่าต้องมาภายในกี่นาทีหลังถูกเรียก (แนะนำ 5 นาที) ถ้าไม่มาจะ "ข้ามคิว" อัตโนมัติ
4
พิมพ์ QR Code สำหรับคิว
ตั้งค่าคิว → "QR Code คิว" → ดาวน์โหลดและติดหน้าร้าน ลูกค้าสแกนรับคิวได้ทันที
QR คิว ≠ QR เมนู ติดคนละจุด: QR คิวติดหน้าประตู, QR เมนูติดบนโต๊ะ
ต้องรีเซ็ตคิวทุกเช้า
ตั้งค่า → ระบบคิว → "รีเซ็ตคิว" ก่อนเปิดร้านทุกวัน เพื่อเริ่มหมายเลขใหม่จาก Q-001 ถ้าไม่รีเซ็ต จะต่อจากเมื่อวาน
4
ตั้งค่าระบบจองโต๊ะ
กำหนดเงื่อนไขการรับจอง
| การตั้งค่า | คำอธิบาย | แนะนำ |
|---|---|---|
| เปิด/ปิดรับจอง | เปิดรับการจองผ่านแอป | เปิด |
| จองล่วงหน้าขั้นต่ำ | ต้องจองล่วงหน้าอย่างน้อยกี่ชั่วโมง | 2 ชั่วโมง |
| จองล่วงหน้าสูงสุด | จองล่วงหน้าได้สูงสุดกี่วัน | 30 วัน |
| Slot เวลา | ช่วงเวลาที่รับจอง เช่น 11:00, 12:00, 13:00 | ทุก 1 ชั่วโมง |
| จองต่อ Slot สูงสุด | รับได้กี่กลุ่มต่อ Slot | 3–5 กลุ่ม |
5
จัดการพนักงาน
เพิ่ม ลบ และจัดการสิทธิ์
1
เพิ่มพนักงาน
ตั้งค่า → "จัดการพนักงาน" → "เพิ่มพนักงาน" กรอก Email พนักงาน จะได้รับ invitation ทาง Email
2
พนักงานยืนยัน Invitation
พนักงานเปิด Email → กดลิงก์ → สมัครบัญชีหรือล็อกอิน → จะเห็นร้านในระบบ
ไม่ได้รับ Email ให้เช็ค Spam หรือส่ง Invitation ใหม่จากหน้าจัดการพนักงาน
3
ลบพนักงาน
กดชื่อพนักงาน → "ลบออกจากร้าน" เข้าระบบร้านไม่ได้ทันที
6
ดูรายงานและวิเคราะห์
ยอดขาย เมนูฮิต และพฤติกรรมลูกค้า
รายงานยอดขาย
ยอดขายรายวัน/สัปดาห์/เดือน กราฟแนวโน้ม เปรียบเทียบช่วงเวลา
เมนูยอดนิยม
Top 10 เมนูที่สั่งมากสุด รายได้ต่อเมนู ใช้วางแผนโปรโมชั่น
ช่วงเวลา Busy
Heatmap ช่วงเวลาคนเยอะ ใช้วางแผนพนักงานและสต็อกวัตถุดิบ
ข้อมูลลูกค้า
ลูกค้าใหม่/ประจำ อัตราการกลับมา วางแผน Loyalty Program
Tips เจ้าของร้าน
- เช็ครายงานทุกเช้าเพื่อวางแผนวัน
- เมนูไม่ติด Top 10 ใน 30 วัน พิจารณาปรับราคาหรือรูปภาพ
- Peak Hour ควรเพิ่มพนักงานหรือเตรียม Pre-cook ล่วงหน้า