ผลงาน

ระบบหลังบ้านร้านค้าออนไลน์ คำสั่งซื้อ ชำระเงิน ขนส่ง และแต้มสะสมจากทุกช่องทาง

ระบบหลังบ้านของแบรนด์ที่ขายออนไลน์ตรงถึงลูกค้า รับคำสั่งซื้อจากหน้าเว็บ รับชำระเงิน ส่งของผ่านขนส่ง และรวมแต้มสะสมจากหน้าเว็บ มาร์เก็ตเพลส และ LINE ไว้ในบัญชีลูกค้าเดียว

ปี
2568
Stack
Laravel, Filament, Livewire, Horizon, Pest
เผยแพร่
เวลาอ่าน
3 นาที

แบรนด์เจออะไรอยู่

ลูกค้าของเราเป็นแบรนด์ที่ขายสินค้าออนไลน์ตรงถึงลูกค้า ทั้งบนหน้าเว็บของตัวเอง ร้านในมาร์เก็ตเพลส และ LINE หน้าเว็บมีทีมออกแบบอีกทีมดูแล ส่วนงานหลังบ้านทั้งหมดต้องมีที่อยู่ ตั้งแต่ตะกร้าสินค้า ชำระเงิน คำสั่งซื้อ จัดส่ง ไปจนถึงแต้มสะสมและโปรโมชัน

โจทย์ที่ยากกว่าการขายของคือแต้มสะสม ลูกค้าคนเดียวอาจซื้อทั้งบนเว็บ ในมาร์เก็ตเพลส และทาง LINE แบรนด์อยากให้แต้มจากทุกช่องทางมารวมอยู่ในบัญชีเดียว เพื่อให้ลูกค้ากลับมาแลกของรางวัลบนเว็บของแบรนด์

เราทำระบบหลังบ้านที่เป็นเครื่องยนต์ของร้าน หน้าเว็บส่งตะกร้าและคำสั่งซื้อเข้ามา แล้วระบบหลังบ้านดูแลที่เหลือทั้งหมด

ภาพรวมการทำงาน

flowchart LR
  W[หน้าเว็บของแบรนด์] <-->|ตะกร้า ชำระเงิน คำสั่งซื้อ แต้ม| B[ระบบหลังบ้าน]
  B <-->|ชำระด้วยบัตร / QR| P[ช่องทางชำระเงิน]
  B <-->|จองขนส่ง พิมพ์ใบปะหน้า สถานะพัสดุ| S[ผู้ให้บริการขนส่ง]
  B -->|OTP / แจ้งเตือน| M[SMS และอีเมล]
  B -->|conversion จากฝั่งเซิร์ฟเวอร์| A[แพลตฟอร์มโฆษณา]
  B -->|ฟีดสินค้า| G[Google Merchant]
  C[ลูกค้าที่ซื้อในมาร์เก็ตเพลส / LINE] -->|อัปโหลดใบเสร็จขอแต้ม| W
  T[ทีมงาน] --> B

หน้าเว็บเป็นหน้าร้าน ระบบหลังบ้านเป็นคนทำงานทั้งหมดที่เกิดหลังลูกค้ากดสั่ง

คำสั่งซื้อหนึ่งรายการเดินแบบนี้

flowchart LR
  A[สั่งซื้อ] --> B[รอชำระเงิน]
  B -->|ชำระผ่านช่องทางออนไลน์<br/>หรือแอดมินยืนยันการโอน| C[รอจัดส่ง]
  C -->|จองขนส่ง พิมพ์ใบปะหน้า| D[กำลังจัดส่ง]
  D --> E[สำเร็จ]
  B -.-> X[ยกเลิก]

พอยืนยันการชำระเงิน ระบบให้แต้มและส่งอีเมลยืนยันให้ลูกค้าทันที

รายการคำสั่งซื้อในระบบหลังบ้าน แยกแท็บตามสถานะพร้อมจำนวน

คำสั่งซื้อแยกแท็บตามสถานะ ดูช่องทาง สินค้า ยอดเงิน และพนักงานที่ดูแลได้ในแถวเดียว (ข้อมูลตัวอย่าง)

หน้ารายละเอียดคำสั่งซื้อ มีแถบสถานะ ข้อมูลลูกค้า รายการสินค้า และประวัติการดำเนินการ

รายละเอียดคำสั่งซื้อ: สถานะแต่ละขั้น ยอดเงิน แต้มที่ได้ และใครทำอะไรเมื่อไหร่ (ข้อมูลตัวอย่าง)

แท็บที่ต้องจัดส่ง เลือกหลายคำสั่งซื้อแล้วสร้างใบปะหน้าครั้งเดียว

คำสั่งซื้อที่ต้องจัดส่ง: เลือกหลายรายการแล้วสร้างใบปะหน้าได้ในครั้งเดียว (ข้อมูลตัวอย่าง)

แต้มสะสมจากทุกช่องทาง

  • ซื้อบนเว็บ: แต้มเข้าบัญชีเองทันทีที่ชำระเงิน
  • ซื้อในมาร์เก็ตเพลสหรือ LINE: ลูกค้าอัปโหลดใบเสร็จบนเว็บ แอดมินตรวจแล้วกดอนุมัติหรือปฏิเสธ แต้มเข้าบัญชีเมื่ออนุมัติ
  • แอดมินเติมหรือหักเอง: สำหรับกรณีพิเศษ ทุกครั้งมีบันทึก
  • แต้มหมดอายุ: ระบบตัดแต้มที่ครบอายุให้ทุกวัน

แต้มแต่ละก้อนเก็บแยกเป็นรายการของตัวเอง พร้อมที่มาและช่องทาง ยอดรวมของลูกค้าจึงตรวจย้อนได้เสมอว่ามาจากไหน และแต้มก้อนไหนจะหมดอายุเมื่อไหร่

flowchart LR
  U[ลูกค้าอัปโหลดใบเสร็จ] --> P[รออนุมัติ]
  P -->|แอดมินอนุมัติ| C[เข้าบัญชีแล้ว]
  P -->|แอดมินปฏิเสธ| R[ไม่อนุมัติ]
  O[ชำระเงินบนเว็บ] --> C
  C -->|ครบอายุ| E[หมดอายุ]

แต้มจากหน้าเว็บอนุมัติเอง แต้มจากช่องทางอื่นรอแอดมินตรวจ

หน้าตรวจคำขอสะสมแต้ม แสดงข้อมูลคำสั่งซื้อ แต้มที่คำนวณได้ และสลิปที่ลูกค้าอัปโหลด

ตรวจคำขอสะสมแต้ม: ระบบคำนวณแต้มจากยอดให้ แอดมินแก้ได้ก่อนกดอนุมัติ (ข้อมูลตัวอย่าง)

โปรโมชันและราคา

  • คูปอง แฟลชเซล และของรางวัล: ทีมการตลาดตั้งเองได้จากหลังบ้าน
  • ราคาตามประเภทคำสั่งซื้อ: แต่ละประเภทคำสั่งซื้อมีรายการราคาของตัวเอง เช่นราคาพนักงาน ซึ่งไม่แสดงบนหน้าเว็บ
  • นำเข้าคำสั่งซื้อทีละมาก: คำสั่งซื้อที่รับมานอกหน้าเว็บ ทีมงานกรอกลง template แล้วนำเข้าทีเดียว ระบบให้ดูตัวอย่างก่อนยืนยัน

หน้าจัดการคูปอง ทั้งส่วนลดตามเงื่อนไข ใช้แต้มแลก ส่งฟรี และคูปองอัตโนมัติ

คูปองหลายแบบในหน้าเดียว พร้อมยอดที่ใช้ไปและจำนวนที่เหลือ (ข้อมูลตัวอย่าง)

แคมเปญแฟลชเซล กำหนดช่วงเวลา ราคา สต็อก และดูยอดขายเทียบสต็อก

แฟลชเซล: ตั้งช่วงเวลา ราคา และสต็อกของแต่ละสินค้า แล้วดูว่าขายไปแล้วกี่เปอร์เซ็นต์ (ข้อมูลตัวอย่าง)

การตลาดที่วัดผลได้

  • ลิงก์ติดตาม: ทีมการตลาดสร้างลิงก์สำหรับแต่ละแคมเปญ แล้วดูกราฟจำนวนคลิกได้ในหลังบ้าน
  • ส่ง conversion จากฝั่งเซิร์ฟเวอร์: การซื้อแต่ละครั้งส่งไปยังแพลตฟอร์มโฆษณาจากระบบหลังบ้านโดยตรง ไม่ต้องพึ่งสคริปต์บนเบราว์เซอร์อย่างเดียว
  • ฟีดสินค้า: ระบบสร้างฟีดสินค้าให้ Google Merchant ข้อมูลสินค้าบนโฆษณาตรงกับบนเว็บ

ลิงก์ติดตามแคมเปญ จำนวนคลิก และกราฟคลิกย้อนหลัง 30 วัน

ลิงก์ติดตามหนึ่งแคมเปญ: จำนวนคลิก คลิกวันนี้ และกราฟย้อนหลัง 30 วัน (ข้อมูลตัวอย่าง)

ทดสอบกับข้อมูลจริงได้โดยไม่กระทบลูกค้า

ทุกช่องทางที่ส่งอะไรออกไปข้างนอก ทั้ง SMS อีเมล ช่องทางชำระเงิน ขนส่ง และแพลตฟอร์มโฆษณา มีสวิตช์เปิดปิดแยกกันในหน้าตั้งค่า บนเครื่องทดสอบทุกสวิตช์ปิดไว้ก่อน ทีมจึงทดสอบกับข้อมูลชุดจริงได้ โดยไม่มีลูกค้าคนไหนได้ SMS หรือโดนตัดบัตรจริง

หน้าตั้งค่าช่องทางส่งออก สวิตช์เปิดปิด SMS อีเมล ช่องทางชำระเงิน ขนส่ง และแพลตฟอร์มโฆษณา

สวิตช์ของทุกช่องทางที่ส่งข้อมูลออกนอกระบบ บนเครื่องทดสอบปิดไว้ทั้งหมด

ใช้กับระบบของคุณได้ยังไง

ถ้าขายหลายช่องทางและอยากให้ลูกค้ากลับมาซื้อซ้ำที่เว็บของตัวเอง ลองเริ่มจากคำถามเหล่านี้

  • ลูกค้าคนเดียวซื้อจากช่องทางไหนบ้าง และอยากให้แต้มหรือสิทธิ์รวมกันไหม
  • ใบเสร็จจากช่องทางอื่น ใครเป็นคนตรวจ และตรวจอะไรบ้าง
  • ราคามีกี่แบบ และแบบไหนที่ไม่ควรเห็นบนหน้าเว็บ
  • ถ้าวันหนึ่งอยากเปลี่ยนหน้าตาเว็บ ระบบหลังบ้านควรแยกออกมาแค่ไหน

ผลลัพธ์

ระบบหลังบ้านเริ่มใช้งานจริงในปี 2569 ทีมงานจัดการคำสั่งซื้อ การชำระเงิน การจัดส่ง แต้มสะสม และโปรโมชันได้จากหลังบ้านเดียว และลูกค้าที่ซื้อจากทุกช่องทางสะสมแต้มรวมกันในบัญชีเดียว

ระบบเขียนด้วย Laravel ใช้ Filament ทำหลังบ้าน งานเบื้องหลังอย่างแจ้งเตือน ตัดแต้มหมดอายุ และส่ง conversion รันบน Horizon และมีชุดทดสอบเขียนด้วย Pest

อ่านต่อ

ล่าสุด

ดูทั้งหมด →