Workflow การทำงานของ เว็บไซต์ E-commerce

1. Frontend – ลูกค้า

1. ลูกค้าเข้าเว็บไซต์ → หน้า Shop (archive-product)
2. ลูกค้าเรียกดูสินค้า (WooCommerce Loop)
3. เลือกตัวเลือกสินค้า (Variation Swatch, สี/ไซส์)
4. คลิก “Add to Cart” → ไปยัง Cart
5. คลิก “Checkout” → กรอกข้อมูล
6. เลือกช่องทางชำระเงิน (COD, PromptPay, โอน ฯลฯ)
7. Submit → ระบบสร้าง Order
8. แสดงหน้าขอบคุณ (Thank You Page)

2. Backend – ระบบเว็บไซต์ e-commerce

1. เกิด Order ใหม่
2. ระบบส่งอีเมลแจ้งเตือน (ลูกค้า + แอดมิน)
3. แอดมินตรวจสอบและเปลี่ยนสถานะออเดอร์ – pending → processing → completed
4. ถ้าต้องจัดส่ง: เพิ่ม Tracking No. (ปลั๊กอินขนส่ง)
5. ลูกค้าได้รับอัปเดตสถานะผ่านอีเมล

3. การจัดการสินค้า

4. การชำระเงิน

1. WooCommerce เชื่อม Payment Gateway (เช่น Omise/Stripe)

2. เมื่อลูกค้าชำระเงินสำเร็จ → Webhook ส่งกลับมายืนยัน

3. สถานะออเดอร์เปลี่ยนเป็น “processing” หรือ “completed”

• Facebook
• X
• Line