คู่มือการใช้งาน WooCommerce

บทท่ี 4 สินคา้ และสตอ๊ กสนิ คา้ 52
2. พมิ พช์ ื่อสนิ คา้ และรายละเอียดของสนิ ค้า

3. คลิกเลือก Virtual (เสมือน) เพอ่ื กำหนดว่าสนิ ค้านเี้ นสนิ คา้ ทไ่ี มม่ ตี ัวตนจรงิ

4. คลกิ เลอื ก Downloadable (ดาวน์โหลดได)้ เพื่อกำหนดว่าเปน็ สนิ คา้ ประเภท
Digital Download อนุญาติให้ดาวน์โหลดหลงั จากทสี่ ง่ั ซื้อสนิ คา้ แลว้

5. กำหนดราคาสินค้า

6. คลกิ ปมุ่ Add File 7. คลกิ ปุ่ม Choose File

8. คลกิ ปมุ่ Select Files
9. เลือกไฟล์ที่ตอ้ งการอพั โหลด > คลิกปมุ่ Open

SU3703 Create and Managing Website for Business

บทท่ี 4 สนิ คา้ และสตอ๊ กสินค้า 53

10. เลอื กไฟล์ทต่ี ้องการ > คลกิ ปมุ่ Insert the URL

11. กำหนดจำนวนคร้งั การดาวนโ์ หลด ถา้ เวน้ วา่ งไวห้ มายถึงไมจ่ ำกดั จำนวนครัง้ ในการดาวน์โหลด

12. กำหนดจำนวนวนั ทหี่ มดอายุ เชน่ กำหนด 365 คอื ให้ดาวนโ์ หลด
หลังสั่งซอ้ื ได้ใน 1 ปี

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

SU3703 Create and Managing Website for Business

บทที่ 5
การสั่งสนิ คา้ และการใช้คปู อง

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

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

สถานะของการสั่งสนิ ค้า

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

1. เมนู WooCommerce > เลอื กคำสัง่ Order
2. แสดงรายการคำส่งั ซอื้ ท้ังหมด

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

บทท่ี 5 การสัง่ สนิ ค้าและการใช้คปู อง 56

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

1. คลิกท่ี Preview ของคำสงั่ ซื้อทีต่ อ้ งการเปลยี่ นสถานะ
3. คลิกปมุ่ X เพ่อื ปดิ หนา้ ตา่ ง

2. คลิกปุ่ม Processing เพ่ือเปลี่ยนสถานะเตรยี มสนิ ค้าจดั ส่ง

SU3703 Create and Managing Website for Business

บทที่ 5 การสง่ั สินค้าและการใชค้ ปู อง 57

กรณีที่ต้องการเปลี่ยนสถานะหลายรายการสามารถทำได้โดยคลิกเลือก และเปลี่ยนสถานะที่ต้องการ
ในครั้งเดียว

1. คลกิ  เลอื กรายการหนา้ คำสั่งซือ้

2. เลือกสถานะที่ต้องการเปลย่ี น > คลิกปมุ่ Apply

แก้ไขใบสัง่ ซอ้ื สินคา้

ท่ผี า่ นมาเปน็ การเปล่ียนสถานะของใบสั่งซื้อสนิ ค้าอยา่ งง่าย แตห่ ากเราต้องการดูข้อมลู โดยละเอียด ก็
สามารถเขา้ ใบดูขอ้ มูลของใบส่งั ซื้อแต่ละรายการไดด้ ังนี้

1. คลกิ ที่รายการคำสง่ั ซื้อท่ตี อ้ งการแกไ้ ข 2. แสดงรายละเอยี ดของมบสง่ั ซื้อสินคา้ ที่เลือก

SU3703 Create and Managing Website for Business

บทท่ี 5 การสงั่ สนิ คา้ และการใช้คปู อง 58

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

• Order# เลขใบสั่งซื้อสนิ ค้า
• Payment via รปู แบบการชำระเงิน
• Paid on วัน เวลาการชำระเงนิ
• Customer IP หมายเลข IP Address ของลูกค้า ซึง่ แสดงตำแหนง่ ของลูกค้าท่ีไดส้ ัง่ สนิ ค้า
• Status สถานะของใบสง่ั ซอื้
• Customer สถานะของการเปน็ สมาชกิ
• Billing ทีอ่ ย่กู ารเรียกเก็บค่าสินคา้
• Shipping ทีอ่ ยกู่ ารจดั สง่ สนิ ค้า
• Email Address อเี มลข์ องลกู คา้
• Phone เบอรโ์ ทรศัพทต์ ิดต่อ
• Order actions เปลีย่ นสถานะของคำส่งั ซอ้ื
• Order notes บนั ทกึ ประวตั กิ ารเปล่ียนแปลงสำหรบั คำสั่งซอ้ื

SU3703 Create and Managing Website for Business

บทที่ 5 การส่งั สนิ คา้ และการใช้คปู อง 59

• Item รายการสอนค้าที่ส่ังซ้ือ ราคา และจำนวน
• Subtotal ขอ้ มูลเกีย่ วกบั ค่าใช้จ่าย เชน่ ราคารวม ค่าจดั สง่ ยอดรวมการชำระเงิน ฯลฯ

การใชค้ ูปองสง่ เสริมการขาย

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

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

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

1. เมนู Marketing > เลอื กคำสง่ั Coupons

2. คลกิ ปุ่ม Add coupons เพ่อื กำหนดรหสั คปู องขนึ้ มาใหม่

3. กำหนดรายละเอยี ดของคูปองที่แทบ็ General

SU3703 Create and Managing Website for Business

บทที่ 5 การสง่ั สินคา้ และการใชค้ ปู อง 60
4. กำหนดรายละเอียดของคูปองที่แท็บ Usage Restriction

5. กำหนดรายละเอยี ดของคปู องท่แี ท็บ Usage Limits

6. คลิกปุ่ม Update

รายละเอยี ดของหน้าต่างคูปองแท็บ General
• รหสั คปู องกำหนดเอง หรอื คลกิ ปุม่ Generate coupon code
• คำอธิบายคูปอง
• Discount type เลือกรูปแบบการลดราคาสนิ ค้า

o Percentage discount ลดราคาสินค้าคดิ เป็นเปอร์เซ็นต์
o Fixed cart discount ลดราคาจากราคาสินค้ารวมท่ีอยูใ่ นตะกรา้
o Fixed product discount ลดราคาสินค้าโดยกำหนดจำนวนเงินว่าลดลงไปกบ่ี าท
• Coupon amount ปอ้ นมลู ค่าส่วนลด เช่น ลดกบี่ าท หรือลดก่ีเปอร์เซ็นต์
• Allow free shipping คลกิ เพือ่ สง่ สินคา้ ฟรี ซงึ่ ตัวเลือกน้จี ะใช้งานไดเ้ ม่ือทานรา้ นค้าได้ต้ังค่าไว้ใน
ส่วนของ Free shipping เอาไว้แลว้
• Coupon expiry date กำหนดชว่ งเวลาทค่ี ูปองจะใชง้ านได้ซงึ่ เป็นการจำกดั เวลาการใชง้ าน

SU3703 Create and Managing Website for Business

บทท่ี 5 การส่ังสินค้าและการใช้คปู อง 61

รายละเอียดของหน้าต่างคปู องแทบ็ Usage Restriction
• Minimum spend มูลคา่ ต่ำสดุ ท่อี ยญุ าตให้ใช้งานคูปอง เชน่ หากป้อนเป็น 1000 หมายความว่า

ต้องซอ้ื สนิ คา้ ต้ังแต่ 1,000 บาทถงึ จะไดส้ ว่ นลดจากโปรแกรม
• Maximum spend มลู ค่าสูงสุดที่อนุญาตให้ใชง้ านคูปอง ถ้าเว้นว่างเอาไว้ แสดงวา่ ไมจ่ ำกัด
• Individual use only เลอื กไว้ในกรณีที่ทางร้านมีคูปองหลายประเภท จะกำหนดใหใ้ ช้ได้แค่แบบ

เดียวที่สงู สุด
• Exclude sale item สนิ ค้าท่ีลดราคาอยู่แลว้ จะใช้คปู องนำมาลดเพม่ิ อกี ไม่ได้
• Products กรณีต้องการลดราคาเฉพาะส่วนลดบางรายการหรือไม่ หากต้องการให้ค้นหารายการ

สินค้ามาใส่ไว้
• Exclude products สินคา้ บางรายการไม่ตอ้ งการลดราคาก็สามารถเพิ่มลงไปในรายการ
• Product categories กรณตี อ้ งการลดเฉพาะสนิ คา้ บางประเภทเท่านั้น
• Exclude categories สนิ ค้าบางประเภทไม่ตอ้ งการลดราคา
• Allowed emails ป้อนอีเมล์ของลูกค้า โดยคั่นด้วยเครื่องหมาย , เพื่อระบุว่าใครสามารถใช้งาน

คูปองได้บ้าง
รายละเอียดของหนา้ ต่างคูปองแท็บ Usage Limits
• Usage limit per coupon กำหนดจำนวนครั้งของคูปอง เช่น ได้แค่ 100 ใบ โดยเราโปรโมทว่า

100 ทา่ นแทรกเท่านน้ั
• Usage limit per user จำกดั จำนวนคปู องสงู สดุ ท่ีลูกค้าแต่ละคนจะสามารถใชง้ านคปู องได้

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

ขน้ั ตอนท่ี 2 นำรหัสคูปองไปใช้งาน
ก่อนที่ลูกค้าจะสามารถงานคูปองได้นั้น ผู้ดูแลร้านต้องคลิกเลือก Enable the use of coupons
(สามารถใชค้ ปู องระหวา่ งการชำระเงิน) เพอ่ื เปดิ ใชง้ านระบบคปู องเสียกอ่ น ดังน้ี

SU3703 Create and Managing Website for Business

บทท่ี 5 การสั่งสินคา้ และการใช้คปู อง 62
1. เมนู WooCommerce > เลือกคำส่ัง Settings
2. คลิกแท็บ General

3. คลกิ เลือก  Enable the use of coupon codes

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

1. ป้อนรหสั ของคปู อง แล้วคลกิ ปมุ่ Apply coupon

SU3703 Create and Managing Website for Business

บทท่ี 5 การสั่งสนิ ค้าและการใชค้ ปู อง 63

2. แสดงรายการสว่ นลดทีไ่ ด้จากการใชง้ านคูปอง

SU3703 Create and Managing Website for Business

บทท่ี 6
รายงานสรุปการขาย

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

ข้อมูลการขายท่ี Dashboard

WooCommerce ได้เตรียมสรุปข้อมูลอย่างคร่าวๆ มาให้ผู้ดูแลร้านได้ทราบอยู่แล้ว โดยไปท่ี
Dashboard เราจะพบ Dashboard Widget ที่มาพร้อมกับ WooCommerce ได้แก่ WooCommerce
Recent Review (คำวิจารณล์ ่าสดุ ) และ WooCommerce Status (สถานะการสงั่ สนิ ค้า)

จะเห็นไดว้ า่ สว่ นของ WooCommerce Status จะแสดงข้อมลู พืน้ ฐานเกย่ี วกับการขายมาให้ทราบซ่ึง
มีรายละเอียดดงั น้ี

ยอดขายทง้ั หมด ใบสงั่ ไมไ่ ด้ดำเนินการ
สินคา้ ขายดี สนิ คา้ ขาดสตอ๊ ก

ใบสั่งรอดำเนนิ การ
สนิ คา้ ทเ่ี หลือนอ้ ย

บทที่ 6 รายงานสรปุ การขาย 66

รายงานใน WooCommerce

WooCommerce ได้เตรียมรูปแบบของรายงานไว้ 4 รูปแบบ ได้แก่ รายงานตามยอดขาย รายงาน
ตามจำนวนลูกค้า และรายงานตามจำนวนสต๊อกสินค้า โดยเมือ่ คลิกที่ WooCommerce แลว้ คลิกที่ Reports
กจ็ ะพบแทบ็ Orders (คำส่ังซ้อื ) Customers (ลูกค้า) Stocks (คลงั สินคา้ ) และ Taxes (ภาษี)

แทบ็ Orders: รายงานยอดขาย
แท็บ Orders (คำสั่งซื้อ) ใช้แสดงรายงานตามยอดขาย โดยจะมีแท็บย่อยให้เราเลือกแสดงรายงาน
ยอดขาย 4 แบบ
• Sale by date รายงานยอดขายตามวันท่ี
• Sale by product รายงานยอดขายตามสนิ ค้า
• Sale by category รายงานยอดขายตามประเภทสินคา้
• Coupons by date รายงานยอดขายตามการใชค้ ูปอง

SU3703 Create and Managing Website for Business

บทที่ 6 รายงานสรุปการขาย 67

Sale by date รายงานยอดขายตามวนั ที่
ถ้าต้องการทราบรายงานยอดขายตามวันเวลา ในเบื้องต้น WooCommerce ได้กำหนด
ช่วงเวลาในการแสดงรายงานออกเป็น 4 ช่วงเวลา คือ Year (ปี), Last Month (เดือนที่แล้ว), This Month
(เดือนปจั จุบัน) และ Last 7 Days (7 วนั ทผ่ี ่านมา)

นอกจากเราจะสามารถเลือกแสดงยอดขายตามช่วงเวลาที่ WooCommerce เตรียมไว้ให้
แล้ว เช่น เลอื กแสดงยอดขายตามปีทีส่ นใจ แสดงยอดขายของเดือนที่แล้ว แสดงยอดขายในเดือนปัจจุบนั หรือ
แสดงยอดขายในเดือนปัจจุบัน หรือแสดงยอดขายในช่วง 7 วันที่ผ่านมาแล้ว เรายังสามารถกำหนดช่วงเวลา
ด้วยตนเอง

Sale by product รายงานยอดขายตามสินค้า
ถ้าต้องการทราบว่าสินค้าที่สนใจอยู่นั้นมียอดขายเป็นอย่างไร ให้คลิกที่ชื่อสินค้าก็จะพบ
รายงานเฉพาะยอดขายสนิ คา้ นน้ั ๆ

SU3703 Create and Managing Website for Business

บทที่ 6 รายงานสรุปการขาย 68

นอกเหนอื จะเลือกดยู อดเฉพาะสนิ คา้ บางตัวแลว้ เรายงั สามารถใชว้ ิธีค้นหาเพอื่ แสดงยอดขาย
สินคา้ หลาย ๆ ตัวรวมกนั ก็ได้

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

Sale by category รายงานยอดขายตามประเภทสนิ ค้า
กรณีที่ร้านค้ามีประเภทสินค้าเป็นจำนวนมาก เมื่อต้องการดูรายการเฉพาะประเภทสินค้าท่ี
สนใจ ก็จะให้กรอกชอื่ ประเภทสินคา้ นน้ั ๆ ลงไป WooCommerce กจ็ ะแสดงรายงานมาใหท้ ราบทันที

SU3703 Create and Managing Website for Business

บทที่ 6 รายงานสรปุ การขาย 69

Coupons by date รายงานยอดขายตามการใช้คูปอง
เมื่อต้องการกระตุ้นยอดขายด้วยการกำหนดรหัสคูปองส่วนลดขึ้นมา เราสามารถตรวจสอบ
ผลลัพธ์จากการใชค้ ปู องดงั กลา่ วได้ โดยใหด้ รู ายงานยอดขายตามการใช้คูปอง

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

SU3703 Create and Managing Website for Business

บทที่ 6 รายงานสรุปการขาย 70

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

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

แทบ็ Stocks: รายงานสตอ๊ กสินค้า
แทบ็ Stock ใชแ้ สดงรายงานจำนวนสต๊อกสินค้าท่ีทางร้านมีอยู่ โดยแบง่ ออกเป็น 3 แทบ็ คือ Low in
stock (สนิ ค้าคงหลังเหลือนอ้ ย), Out of stock (สนิ ค้าหมดแล้ว) และ Most stocked (สนิ ค้าคงคลงั สูงสดุ )

SU3703 Create and Managing Website for Business

บทท่ี 6 รายงานสรปุ การขาย 71

จำนวนสินค้าที่เปน็ ตัวบอกให้ทางรา้ นทราบวา่ ควรสัง่ สินค้าใหมเ่ ข้ามาในรา้ นหรอื ไม่นั้น สามารถกำหนดได้
ที่ WooCommerce > Settings คลิกแท็บ Products จากนั้นให้คลิกที่ Inventory ก็จะพบค่า Low
Stock Threshold ใช้เพื่อเตือนว่าสินค้าเหลือน้อยแล้ว และค่า Out of Stock Threshold คือจำนวน
สนิ คา้ ที่ถอื วา่ หมดสต๊อก

SU3703 Create and Managing Website for Business

บทท่ี 7
ปรับแต่งหนา้ ร้าน

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

ใชโ้ ฮมเพจเป็นท่แี สดงสินค้า

หลงั จากตดิ ตัง้ และใช้งาน WooCommerce สร้างเพจทจ่ี ำเป็นตอ่ ระบบคา้ ขายเรียบร้อยแลว้ ไม่ว่าจะ
เป็นเพจสำหรับเลือกดูสินค้า (Shop) เพจสำหรับสั่งซื้อสินค้า (Checkout) ตะกร้าสินค้า (Cart) ฯลฯ แม้ว่า
ในตอนนเ้ี ราสามารถใชง้ านเวบ็ ไซต์อีคอมเมริ ์ซในแบบพนื้ ฐานได้แลว้ แต่เพอื่ ความสมบรู ณ์ควรปรับแต่งเว็บไซต์
ใหเ้ หมาะกบั การใช้งานจริง เชน่ หากเว็บไซต์เราเนน้ ค้าขายสินค้าเป็นหลัก หน้าโฮมเพจก็ควรจะแสดงรายการ
สินค้า หรือที่ด้านข้าง (Sidebar) ก็ควรมีลิงค์อำนวยความสะดวกต่อการซื้อสินค้าไม่ว่าจะเป็นการแสดง
ประเภทสนิ ค้า หรือการแสดงสินค้าทอ่ี ยใู่ นตะกรา้ เป็นตน้

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

1. เมนู Pages > เลือกคำสั่ง Add New

2. ตั้งช่อื เพจ จะป้อนหรอื ไม่ปอ้ นข้อมูลในส่วนอ่ืน ๆ กไ็ ด้

บทที่ 7 ปรับแตง่ หนา้ รา้ น 74
3. เพ่มิ บลอ็ กท่ีเก่ียวกบั สนิ ค้าของ WooCommerce เช่น On Sale Product เป็นต้น
4. คลกิ ปุม่ Publish

5. เมนู Settings > เลือกคำสัง่ Reading
6. กำหนดตำแหนง่ Homepage เปน็ เพจใหมท่ ่สี รา้ งขน้ึ

7. คลิกปมุ่ Save Changes

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

เพจแสดงประเภทสนิ ค้า

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

SU3703 Create and Managing Website for Business

บทที่ 7 ปรบั แตง่ หน้าร้าน 75

เริ่มต้นให้เราสร้างเพจแสดงประเภทสินค้า จากนั้นก็ให้ใส่ Shortcode สำหรับแสดงประเภทสินค้า
เช่น [product_categories number=“12” parent=“0”] ซึ่งมีความหมายว่า ให้แสดงประเภทสินค้า แต่
จำกดั ให้แสดงได้หนา้ ละ 2 ประเภท โดยเลอื กมาเฉพาะประเภทสินคา้ ซง่ึ อย่รู ะดับบนสดุ (ระดับ 0)

1. เมนู Pages > เลอื กคำสง่ั Add New

2. ต้งั ชื่อเพจ ในทนี่ ี้กำหนดช่อื ประเภทสนิ คา้
3. แทรกบล็อก Shortcode พร้อมพิมพ์คำสัง่
4. คลิกปมุ่ Publish

เมื่อได้สร้างเพจพรอ้ มใส่ Shortcode ไปแลว้ ข้นั ตอนตอ่ ไปคอื การกำหนดรปู ภาพให้กับประเภทสินค้า
ซึ่งมีข้ันตอนดงั นี้

SU3703 Create and Managing Website for Business

บทที่ 7 ปรับแตง่ หนา้ รา้ น 76

1. เมนู Products > เลอื กคำสั่ง Categories
2. คลกิ กล่มุ สินคา้ ท่ตี อ้ งการแกไ้ ข

3. ในส่วนของ Thumbnails คลกิ ปุ่ม Upload/Add image
แลว้ เลอื กรปู ภาพท่ตี ้องการ

4. คลกิ ปมุ่ Update

เมื่อติดตั้ง WooCommerce ใน WordPress เราจะสามารถใช้งาน Shortcode ที่มีพร้อมกับ
WooCommerce เช่น ใช่ [featured_products per_page= “12” columns= “4”] เพื่อแสดงสินค้า
แนะนำ โดยกำหนดใหแ้ สดงสนิ คา้ 12 รายการในหนึ่งหน้า และแบง่ ออกเปน็ 4 คอลมั น์ เป็นต้น

สำหรับความหมาย Shortcode ของ WooCommerce ในแต่ละแบบสามารศึกษาเพิ่มเติมได้ที่
http://docs.woothemes.com/document/woocommerce-Shortcodes/

ตวั อยา่ ง Shortcode ท่ีใชง้ านบ่อย ๆ
• สินค้าขายดี ใช้ Shortcode เป็น [best_selling_products per_page= “12”]
• สนิ คา้ ลา่ สุด ใช้ Shortcode เป็น [recent_products per_page= “12”]
• สนิ คา้ ท่กี ำลงั ลดราคา ใช้ Shortcode เป็น [sale_products per_page= “12”]

SU3703 Create and Managing Website for Business

บทท่ี 7 ปรับแตง่ หนา้ รา้ น 77

• สินค้าที่มีผู้ให้คะแนนสูงสุด โดยดูจากคะแนนรีวิวของลูกค้า ใช้ Shortcode เป็น [top_rated_
products per_page= “12”]

• สินค้าแนะนำ เป็นสินค้าที่ทางร้านต้องแนะนำให้ลูกค้า ใช้ Shortcode เป็น [featured_
products per_page= “12”]

ปรับแต่งเมนูเพอ่ื ใหล้ กู คา้ ซอ้ื สินคา้ ไดง้ ่ายขนึ้

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

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

เริ่มต้นจะต้องสร้างเพจขึ้นมาก่อน จากนั้นก็ให้ใส่ Shortcode ของ WooCommerce ลงไปเพื่อ
กำหนดรูปแบบการแสดงสินค้า เช่น ถ้าต้องการแสดงสินค้าขายดีจะใช้ Shortcode เป็น [best_selling_
products per_page= “12”] เปน็ ตน้ เมื่อไดเ้ พจทต่ี ้องการแล้วก็ใหส้ ร้างเมนูเพ่ือลงิ ค์ไปยงั หน้าเพจนน้ั ๆ

1. สรา้ งเพจของรายการเมนูท่ีตอ้ งการ เชน่ สินค้าขายดี สินคา้ ลดราคา สนิ ค้าลา่ สดุ

SU3703 Create and Managing Website for Business

บทที่ 7 ปรบั แต่งหน้ารา้ น 78

2. เมนู Appearance > เลือกคำสงั่ Menus
3. คลิกเลอื กรายการจาก Add menu items > คลิกปมุ่ Add to Menu

4. จัดวางเมนูตามตำแหนง่ ทตี่ ้องการ

5. คลกิ ปุม่ Save Menu

ปรบั แต่ง Sidebar ใหเ้ หมาะกบั การค้าขาย

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

SU3703 Create and Managing Website for Business

บทท่ี 7 ปรบั แตง่ หนา้ รา้ น 79

WooCommerce ต่างกันอาจมีวิดเจ็ตบางตัวที่ไมเ่ หมือนกัน วิดเจ็ตที่มาพร้อมกับ WooCommerce
มีอยูด่ ว้ ยกนั หลายตวั ไดแ้ ก่

• Cart คอื วดิ เจต็ แสดงตะกรา้ สินคา้
• Featured products คอื วิดเจ็ตแสดงรายการสนิ คา้ แนะนำ
• Price Filter คอื วิดเจ็ตสำหรับเลอื กสนิ ค้าโดยกำหนดช่วงราคา
• Product คือวิดเจต็ แสดงรายการสนิ ค้า
• Product Search คือวดิ เจ็ตแสดงช่องคน้ หาสนิ ค้า
• Product Categories คอื วิดเจต็ แสดงประเภทสินค้า
• Recent Viewed Products คือวดิ เจต็ แสดงสินค้าทีล่ กู ค้าเพิง่ เข้าไปดูมา
• Recently Reviews คอื วดิ เจ็ตใช้แสดงรายการสินคา้ ทเ่ี พิ่งถกู รวี วิ มา
• Top Rated Products คือวดิ เจค็ ที่ใชแ้ สดงรายการสินค้าทม่ี ีผใู้ ห้คะแนนมากทีส่ ดุ ลำดับแรก ๆ

SU3703 Create and Managing Website for Business

บทที่ 7 ปรบั แต่งหน้าร้าน 80

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

1. เมนู Appearance > เลอื กคำส่ัง Widgets

2. ลากวิดเจ็ตทตี่ ้องการไปวางในตำแหน่งของ Sidebar

SU3703 Create and Managing Website for Business