ในยุคสมัยปัจจุบัน หลายๆท่านต้องมีโอกาสเคยใช้งานเว็บไซต์สำหรับซื้อ - ขายของออนไลน์ ที่เป็นระบบ E-Commerce ที่ผู้ใช้งานสามารถที่จะ เลือก ลิสต์ อ่านรายละเอียด ได้ทั้งหมดผ่านหน้าจออุปกรณต่างๆของผู้ใช้งานไม่ว่าจะเป็น PC, Labtop หรือ Smartphone ก็ตาม เปรียมเสมือนเป็น catalog ขายสินค้า ที่เพิ่มฟังก์ชันการใช้งานแบบครอบคลุม รวมถึงการจัดส่งถึงที่ โดยที่ผู้ใช้งานนั้นไม่ต้องออกจากบ้านเลยก็ว่าได้ โดยในวันนี้เรามีสุดยอดตัวสร้างเว็บไซต์ E-Commerce สำเร็จรูป ที่ทำงานผ่าน CMS อย่าง MooZiiCart บนระบบ Joomla กับ Woocommerce บนระบบ WordPress

 

ภาพของ MooZiiCart และ Woocommerce ที่มีเบื้องหลังของ CMS แต่ละตัวอยู่ ใช้สำหรับเป็นภาพปกประกอบบทความ เปรียบเทียบ MooZiiCart และ WooCommerce
เปรียบเทียบ MooZiiCart และ WooCommerce

 

ความยืดหยุ่นในการปรับแต่ง

     ก่อนที่เราจะไปเข้าเนื้อหาหลัก ผมขออนุญาตแจ้งผู้อ่านหลายๆท่านให้ทราบ ถึงการปรับแต่งที่อิสระ และ ยืดหยุ่นของทั้ง MooZiiCart และ WooCommerce ที่ผู้ใช้งานสามารถปรับแต่งรูปแบบ สี UI ตำแหน่ง รูปภาพ ทั้งหมดได้ด้วยตนเอง ขึ้นอยู่กับ Idea และ คอนเซปต์ของแต่ละท่าน โดยเนื้อหาทั้งหมดในบทความต่อไปนี้ จะเป็นการตั้งค่ามาตรฐารที่มีมากับตัว Extension MooZiiCart และ WooCommerce เลย ไม่ได้มีการปรับแต่งอะไรเพิ่มเติม โดยทั้งนี้ ผู้อ่านสามารถดูเป็นแนวทางสำหรับรูปแบบต่างๆที่เป็นมาตรฐานเดิมของทั้ง 2 Extensions และ นำไปปรับใช้ ให้เหมาะสมกับการใช้งานของผู้ใช้งานได้นั้นเอง 

 โดยในภาพประกอบที่นำมาแสดงในบทความนี้ เป็นการตั้งค่าพื้นฐานของทั้ง 2 ระบบ ผู้ใช้งานสามารถหาดาวน์โหลด Template และ รูปแบบต่างๆเองเพิ่มเติมได้

     เรามาเริ่มดูในส่วนของการเปรียบเทียบทั้ง MooZiiCart และ WooCommerce กันเลยครับว่ามีความแตกต่าง หรือ เหมือนกันอย่างไรบ้าง ส่วนไหนบ้าง

 

หน้าต่าง UI

     หากพูดกันถึงเรื่องของการใช้งานแล้วหล่ะก็ สิ่งแรกที่เป็นทั้งหน้าตา และ การใช้งานควบคู่กันไป ก็คงหนีไม่พ้น UI (User Interface) ที่จะเป็นหน้าตาโดยรวมของระบบ ทั้งในส่วนของผู้ใช้งานเอง(หน้าบ้าน) หรือ ผู้พัฒนาเอง(หลังบ้าน) ก็ถือว่าเป็นอีกหนึ่งสิ่งที่สำคัญเป็นอย่างมากต่อการใช้งาน และ ทั้ง MooZiiCart และ WooCommerce สามารถที่จะปรับแต่งหน้าต่าง UI ได้อย่างอิสระ และ เป็น Theme หรือ Template ให้เลือกใช้มากมาย

 

MooZiiCart

หน้าตาฝั่งผู้ใช้งาน (หน้าบ้าน)

 

หน้ารายการสินค้าของ MooZiiCart
UI หน้ารายการสินค้าของ MooZiiCart

 

     ทางฝั่งของ MooZiiCart ในหน้ารายการสินค้า จะแสดงรายละเอียดในส่วนของ ชื่อสินค้า รูปภาพสินค้า เรตสินค้า คอมเม้น และ ราคา ที่ค่อนข้างมีความชัดเจนในส่วนของรายละเอียดที่สำคัญสำหรับการเลือกดูสินค้าแบบ เลื่อนผ่าน

 

หน้าตาฝั่งผู้พัฒนา (หลังบ้าน)

 

หน้าหลังบ้านของ MZC
UI หน้าการใช้งาน MooZiiCart หลังบ้าน

 

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

 

WooCommerce

หน้าตาฝั่งผู้ใช้งาน (หน้าบ้าน)

 

หน้ารายการสินค้าฝั่ง WooCommerce
UI หน้ารายการสินค้าของ WooCommerce

     
     ทางฝั่งของ WooCommerce ในหน้ารายการสินค้า จะเน้นความ Minimal และขยายสัดส่วนของรูปภาพสินค้าให้ใหญ่กว่ารายละเอียดส่วนอื่น

 

หน้าตาฝั่งผู้พัฒนา (หลังบ้าน)

 

หน้าการเข้าใช้งาน WooCommerce หลังบ้าน
UI หน้าการใช้งาน WooCommerce หลังบ้าน

 

     ทางฝั่งหลังบ้านของ WooCommerce จะเน้นไปที่การ Settings รวมถึงการกำหนดสถานะร้านค้าต่างๆ และการแนะนำการตั้งค่าระบบเป็นส่วนใหญ่ โดยเมนูตั้งค่า เครื่องมือต่างๆ จะอยู่ทางแถบด้านซ้ายมือ

 

การเพิ่มรายการสินค้า

     เรียกได้ว่าเป็นอีกหนึ่งหัวใจหลักของเว็บไซต์ E-Commerce เลยก็ว่าได้นะครับ สำหรับการลงสินค้า โดยรายละเอียดของทั้ง MooZiiCart และ WooCommerce นั้น ก็ครอบคลุมการลงเนื้อหาของสินค้าแต่ละตัวทั้งหมดอยู่แล้ว ไม่ว่าจะเป็น

  • ชื่อสินค้า
  • ราคาสินค้า
  • ส่วนลดสินค้า
  • รายละเอียดสินค้า
  • ภาพสินค้า
  • Keyword ของสินค้า
  • หมวดหมู่ของสินค้า
  • และอื่นๆ

การเพิ่มรายการสินค้า ของ MooZiiCart

 

หน้าการเพิ่มรายละเอียดสินค้าของ MooZiiCart
หน้าการเพิ่มรายละเอียดสินค้าของ MooZiiCart ในส่วนของรายละเอียด ชื่อ สินค้า
Meta ต่างๆ ที่สามารถเพิ่มใน MooZiiCart ได้
การเพิ่ม META Keyword ต่างๆ บนรายการสินค้าของ MooZiiCart
รายละเอียดของตัวสินค้า MooZiiCart
การเพิ่มรายละเอียดของตัวสินค้า ส่วนสูง น้ำหนัก ราคา ภาษี
การเพิ่มรูปภาพของสินค้า
การเพิ่มรูปภาพของสินค้า

 

      ในส่วนของการเพิ่มสินค้าบน MooZiiCart นั้น ครอบคลุมในทุกส่วน รวมถึง META Tag และ Keyword ที่เป็นส่วนสำคัญสำหรับตัว SEO เพื่อเพิ่มโอกาสให้กับผู้ใช้งานได้เข้ามาเห็นสินค้าของเราจากภายนอกด้วยนั้นเอง

 

การเพิ่มรายการสินค้า ของ WooCommerce

 

หน้าการเพิ่มสินค้า WooCommerce
หน้าการเพิ่มสินค้า WooCommerce
การตั้งค่าเพิ่มเติมส่วนต่างๆ WooCommerce
รายละเอียดย่อยของสินค้า เช่นการจัดส่ง คิดตามระยะทาง, การกำหนดส่วนของใบเสนอราคา
เพิ่มรูปภาพสินค้า WooCommerce
การเพิ่มรูปภาพสินค้าบน WooCommerce
กำหนดหมวดหมู่สินค้าบน WooCommerce
การกำหนดหมวดหมู่สินค้าบน WooCommerce

 

      การเพิ่มรายการสินค้าบนระบบ WooCommerce นั้นจะเป็นแบบหน้าเพจเดียว และเน้นการซ่อนเครื่องมือในรูปแบบของ Dropdown โดยการตั้งค่าต่างๆก็ครอบคลุมในส่วนของการปรับแต่งสถานะ หรือ รายละเอียดของสินค้าเช่นกัน

 

การสั่งซื้อสินค้า และ การจัดการ Orders

MooZiiCart

  1. เลือกรายการสินค้าที่ต้องการซื้อ

    เลือกรายการสินค้าที่ต้องการซื้อ
    เลือกรายการสินค้าที่ต้องการซื้อ


  2. เพิ่มเข้าลิสต์ หรือ สั่งซื้อเลย

    ภาพตัวเลือกสำหรับการที่จะเก็บไว้ในรายการ หรือ สั่งซื้อเลย
    เพิ่มเข้าลิสต์ หรือ สั่งซื้อเลย


  3. รายละเอียดสินค้า จำนวน

    รายละเอียดสินค้าต่างๆ ราคา จำนวน
    รายละเอียดสินค้า จำนวน


  4. ข้อมูลของลูกค้า ที่อยู่ ชื่อนามสกุล เบอร์โทรศัพท์

    หน้าการระบุรายละเอียดข้อมูลลูกค้า
    ข้อมูลของลูกค้า


  5. รูปแบบการชำระเงิน

    รูปแบบการชำระเงินต่างๆ
    รูปแบบการชำระเงิน


  6. รูปแบบการจัดส่ง

    รูปแบบการจัดส่ง
    รูปแบบการจัดส่ง


  7. สรุปรายละเอียดการสั่งซื้อ

    สรุปรายละเอียดการสั่งซื้อ
    สรุปรายละเอียดการสั่งซื้อ


  8. ข้อมูลขึ้นที่หน้าระบบหลังบ้านว่ามี Order เข้ามา

    รายการคำสั่งซื้อในหน้าหลังบ้าน
    รายการคำสั่งซื้อในหน้าหลังบ้าน


  9. อัปเดตสถานะการสั่งซื้อ

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

     วิธีการสั่งซื้อบน MooZiiCart จะเน้นในส่วนของความเข้าใจง่าย และ ใช้งานง่าย รวมถึงความยืดหยุ่นในการเปลี่ยนข้อมูล กรณีข้อมูลของผู้ใช้งานมีการเปลี่ยนแปลง อีกทั้ง การส่งข้อมูลไปยังหลังบ้านก็สามารถทำได้อย่างรวดเร็ว และส่วนสรุปของการสั่งซื้อที่ค่อนข้างชัดเจน ในกรณีที่มีการ Orders หลายๆรายการ

 

WooCommerce

  1. เลือกรายการสินค้าที่ต้องการซื้อ

    เลือกรายการสินค้าที่ต้องการซื้อ ในระบบ WooCommerce
    เลือกรายการสินค้าที่ต้องการซื้อ


  2. สินค้าจะเข้าไปยังตะกร้า

    รายการสินค้าเข้าตะกร้า
    รายการสินค้าเข้าตะกร้า


  3. ระบุรายละเอียดของผู้ใช้งาน รวมถึงรายละเอียดคำสั่งซื้อและ เลือกขั้นตอนการชำระเงินในหน้าเดียวกัน

    หน้ารายละเอียดการสั่งซื้อ Woocommerce
    ระบุรายละเอียดการสั่งซื้อ ข้อมูลส่วนตัว, รายละเอียดสินค้า, วิธีการชำระเงิน


  4. หลังจากกด Place Order แล้ว ระบบจะแจ้งรายละเอียดการสั่งซื้อให้ผู้ใช้งาน

    สรุปรายละเอียดคำสั่งซื้อ
    ระบบจะแจ้งรายละเอียดการสั่งซื้อให้ผู้ใช้งาน


  5. ที่หลังบ้านในหน้า Orders จะมีรายการคำสั่งซื้อเข้ามา

    หลังบ้านรายการ Order WooCommerce
    รายการ Order ที่เข้ามาในระบบ


  6. สามารถปรับสถานะคำสั่งซื้อได้

    ปรับเปลี่ยนสถานะ Order หลังเสร็จสิ้น
    ปรับเปลี่ยนสถานะ Order หลังเสร็จสิ้น

 

     WooCommerce จะเน้นไปที่ความรวดเร็วในการสั่งซื้อสินค้า อ้างอิงจากการที่รวบรวมรายละเอียดในหลายๆส่วนไว้ในหน้าเดียว รวมถึง Default Settings จะมีในส่วนของ คูปองส่วนลดมาให้ กรณีหากมีการใช้งาน

 

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

 

 

การ Import รายการสินค้า

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

ภาพปกของบทความ ขั้นตอนการ Import รายการสินค้าจากไฟล์ Excel ลงบน WooCommerce ใช้สำหรับเชื่อมโยงกับบทความกาทรเปรียบเทียบ
ขั้นตอนการ Import รายการสินค้าจากไฟล์ Excel ลงบน WooCommerce
ภาพบทความ ขั้นตอนการ Import รายการสินค้าจากไฟล์ Excel ลงบน MooZiiCart ใช้สำหรับเชื่อมโยงบทความเปรียบเทียบ
ขั้นตอนการ Import รายการสินค้าจากไฟล์ Excel ลงบน MooZiiCart

 

โดย ความเร็วในการ Import รายการสินค้าของทั้ง 2 ตัวนั้นจะค่อนข้างมีความแตกต่างกันอย่างชัดเจน โดยข้อมูลที่เราได้ทำการทดสอบ Import ทั้ง 2 ตัวอยู่ที่

  • MooZiiCart รายการสินค้า 11,028 รายการ ความเร็วในการ Import อยู่ที่ ประมาณ 4 นาที
  • WooCommerce รายการสินค้า 11,652 รายการ ความเร็วในการ Import อยู่ที่ ประมาณ 20 นาที+++

จะเห็นได้ว่าทั้ง 2 ตัวที่ทำการทดสอบ มีจำนวนข้อมูลต่างกันที่ 624 รายการ แต่ความเร็วในการ Import ข้อมูลต่างกันประมาณ 5 เท่าของค่าต่ำสุดเลยทีเดียว ซึ่ง ณ ตรงนี้ ของแต่ละท่านอาจมีความแตกต่างกัน ขึ้นอยู่กับความเร็วในการประมวลผลอีกด้วย

 

 

     รูปแบบการใช้งาน และ การตั้งค่าของทั้ง WooCommerce และ MooZiiCart นั้น จะมีรูปแบบการใช้งานที่ใกล้เคียงกัน และไม่แตกต่างกันเท่าไหร่นักในด้านการใช้งาน แต่ทางด้าน UI ทั้งหน้าบ้านและหลังบ้าน จากเนื้อหาบทความจะเห็นได้ว่า MooZiiCart จะเน้นไปในส่วนของรายละเอียดการใช้งานที่ชัดเจน สามารถเข้าใจได้ว่าสัดส่วนตรงนี้ ใช้งานกับฟังก์ชันใด และในส่วนของ WooCommerce จะเน้นในเรื่องของหน้าเพจ 1 หน้าเพจที่ครอบคลุมการใช้งานมากกว่า ในด้านของสินค้า และ รูปแบบการชำระเงินนั้น โดยมาตรฐานจะเหมือนกันอยู่แล้ว และผู้พัฒนาสามารถที่จะปรับแต่งเนื้อหาในส่วนต่างๆ อย่างอิสระ โดยผมขออนุญาตแจ้งอีกครั้งว่า เนื้อหาและภาพประกอบที่นำมาแสดงในบทความนี้ เป็นการตั้งค่าพื้นฐานของทั้ง 2 ระบบ ผู้ใช้งานสามารถหาดาวน์โหลด Template และ รูปแบบต่างๆเองเพิ่มเติมได้  รวมถึงทางเราก็มีบทความที่เกี่ยวข้องกับตัวระบบ WooCommerce และ MooZiiCart ไว้แล้วอย่างเช่น แนะนำการติดตั้ง Woocommerce และ แนะนำการติดตั้ง MooZiiCart และเนื้อหาอื่นๆอีกมากมายในคู่มือ

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สอบถามฟิจเจอร์ขำระเงิน QR Code ของ E-Payment ในใบแจ้งหนี้ [MDRental]
โดย eange08 จ 07 ก.ค. 2025 1:11 pm บอร์ด Joomla Dev
2
10
จ 07 ก.ค. 2025 1:18 pm โดย tsukasaz View Topic สอบถามฟิจเจอร์ขำระเงิน QR Code ของ E-Payment ในใบแจ้งหนี้ [MDRental]
Falsy ใน Python คืออ่ะไร
โดย Sakana ศ 04 ก.ค. 2025 4:41 pm บอร์ด Python Knowledge
0
34
ศ 04 ก.ค. 2025 4:41 pm โดย Sakana View Topic Falsy ใน Python คืออ่ะไร
Python ใช้ count() แทน for loop ในการนับจำนวน
โดย Sakana พฤ 03 ก.ค. 2025 6:30 pm บอร์ด Python Knowledge
0
46
พฤ 03 ก.ค. 2025 6:30 pm โดย Sakana View Topic Python ใช้ count() แทน for loop ในการนับจำนวน
การจัดการข้อมูล Python ด้วย filter() + reduce()
โดย Sakana พฤ 03 ก.ค. 2025 5:52 pm บอร์ด Python Knowledge
0
35
พฤ 03 ก.ค. 2025 5:52 pm โดย Sakana View Topic การจัดการข้อมูล Python ด้วย filter() + reduce()
itertools จัดการข้อมูลวนซ้ำอย่างมีประสิทธิภาพใน Python
โดย Sakana พ 02 ก.ค. 2025 4:31 pm บอร์ด Python Knowledge
0
43
พ 02 ก.ค. 2025 4:31 pm โดย Sakana View Topic itertools จัดการข้อมูลวนซ้ำอย่างมีประสิทธิภาพใน Python
reduce() ใน Python: การลดข้อมูลซ้ำๆ ให้เหลือผลลัพธ์เดียว
โดย Sakana พ 02 ก.ค. 2025 11:32 am บอร์ด Python Knowledge
0
57
พ 02 ก.ค. 2025 11:32 am โดย Sakana View Topic reduce() ใน Python: การลดข้อมูลซ้ำๆ ให้เหลือผลลัพธ์เดียว
สร้าง QR Code ตอบสนองแบบ Real-Time ด้วย JavaScript
โดย Sakana อ 01 ก.ค. 2025 11:32 am บอร์ด jQuery & Ajax Knowledge
0
63
อ 01 ก.ค. 2025 11:32 am โดย Sakana View Topic สร้าง QR Code ตอบสนองแบบ Real-Time ด้วย JavaScript
วิธีสร้าง QRCODE ด้วย PHP ตั้งแต่เริ่มต้น
โดย Sakana อ 01 ก.ค. 2025 10:46 am บอร์ด PHP Knowledge
0
59
อ 01 ก.ค. 2025 10:46 am โดย Sakana View Topic วิธีสร้าง QRCODE ด้วย PHP ตั้งแต่เริ่มต้น