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

สรา้ งเวบ็ ไซต์ขายของออนไลน์ WOOCOMMERCE

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

อ.ปยิ นชุ ศิริพลับ

SU3703 Creating and Managing Website for Business

บทที่ 1
เปดิ ร้านคา้ ออนไลนด์ ้วย WooCommerce

การเปิดร้านค้าแบบอีคอมเมิร์ซ (e-Commerce) จะเริ่มต้นจากการเตรียมโครงสร้างพื้นฐานของงาน
ด้านค้าขาย เช่นตั้งค่าเกี่ยวกับสกุลเงิน ระบบภาษี คลังสินค้า รูปแบบการชำระเงินและการขนส่ง โดยส่วนนี้
เปน็ ส่วนของการต้งั ค่าซึ่งแตล่ ะรูปแบบร้านคา้ มีรูปแบบไม่เหมอื นกัน เม่ือปรับแตง่ สว่ นนเ้ี สร็จแล้วจึงทำข้ันตอน
เกี่ยวกับการขายจริง ได้แก่ การเพิ่มสินค้า การทำโปรโมชัน การติดตามงานขาย และการทำรายงานสรุป
ยอดขาย

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

รู้จกั กับ WooCommerce

WooCommerce เป็นปลั๊กอินที่ช่วยให้ WordPress กลายเป็นเว็บในแบบอีคอมเมิร์ซได้อย่างง่าย
โดยผู้ใช้ไม่จำเป็นต้องมีพื้นฐานการเขียนโค้ด HTML, PHP, CSS หรือ JavaScript ก็สามารถสร้างเว็บไซต์
คา้ ขายท่สี มบรู ณ์แบบได้

WooCommerce เป็นปลั๊กอินที่เราสามารถดาวน์โหลดมาติดตั้งกับ WordPress ได้อย่างฟรี ๆ ไม่มี
คา่ ใช้จ่าย โดยเมื่อเข้าไปดูท่ีเวบ็ ไซต์ www.woocommerce.com เมนู Marketplace > เลือก All Extension
จะพบปล๊กั อินที่พัฒนามาใช้กับ WordPress ทเ่ี นน้ เร่ืองการคา้ ขายบนอนิ เทอรเ์ นต็ ดงั นี้

บทท่ี 1 เปดิ รา้ นค้าออนไลนด์ ว้ ย WooCommerce 2

จะพบกับปลั๊กอินที่จะนำมาใช้กับ WordPress ซึ่งมีทั้งแบบฟรีและเสียค่าใช้จ่าย ซึ่งส่วนใหญ่จะเน้น
การเพม่ิ ฟังก์ชันการทำงานของ WordPress

นอกจากปลั๊กอินที่จะนำมาใช้กับ WordPress แล้วที่เว็บไซต์ www.woocommerce.com เมนู
Marketplace > Theme > All Theme ยงั มธี ีมสวย ๆ ท่ีออกแบบมาสำหรบั ใชง้ านรว่ มกับ WooCommerce
โดยเฉพาะ ซึ่งธีมเหล่านมี้ ัน่ ใจได้เลยว่ารองรบั คณุ สมบตั ขิ อง WooCommerce อย่างครบถ้วน

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

SU3703 Create and Managing Website for Business

บทที่ 1 เปดิ ร้านค้าออนไลนด์ ้วย WooCommerce 3

ดาวนโ์ หลด WooCommerce จาก wordpress.org

การนำเอา WooCommerce มาตดิ ตั้งใน WordPress สามารถทำได้หลายวธิ ีซ่ึงวิธีหนึ่งคือ การดาวน์
โหลดจาก wordpress.org

1. ไปท่เี ว็บไซต์ wordpress.org > คลกิ เมนู Plugins
2. พมิ พ์คำคน้ หา woocommerce จากนัน้ กดปุ่ม <Enter>

3. คลกิ ทปี่ ลกั๊ อนิ WooCommerce

SU3703 Create and Managing Website for Business

บทท่ี 1 เปิดร้านค้าออนไลนด์ ้วย WooCommerce 4
4. คลกิ ปุ่ม Download

5. ไฟลถ์ กู บันทกึ ในรปู แบบ .zip

ตดิ ตงั้ ปลัก๊ อนิ WooCommerce

หลงั จากทีไ่ ดด้ าวน์โหลดไฟล์ woocommerce.zip มาแลว้ ก็ให้นำไปตดิ ตัง้ ลงใน WordPress ซ่งึ
ขั้นตอนการติดตงั้ กจ็ ะเหมอื นกบั การติดตั้งปลก๊ั อินต่าง ๆ ของ WordPress

1. คลกิ เมนู Plugins > จากน้นั คลกิ ปุ่ม Add New

2. คลกิ ปมุ่ Upload Plugin 3. คลิกปุ่ม เลอื กไฟล์

SU3703 Create and Managing Website for Business

บทท่ี 1 เปดิ ร้านค้าออนไลนด์ ้วย WooCommerce 5

5. คลิกป่มุ Install Now

4. เลอื กไฟล์ woocommerce.zip ท่ดี าวน์โหลดเก็บไว้

6. คลกิ ปุ่ม Activate Plugin

หลังจากทีต่ ิดตัง้ เสร็จและได้ Activate Plugin เป็นที่เรียบรอ้ ยแล้ว เราจะพบตัวช่วยสำหรับการสร้าง
เพจ การต้ังค่าพืน้ ฐานใหก้ บั WooCommerce

SU3703 Create and Managing Website for Business

บทที่ 1 เปดิ รา้ นค้าออนไลนด์ ้วย WooCommerce 6

ตง้ั คา่ พ้ืนฐานสำหรับ WooCommerce

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

1. คลกิ เมนู WooCommerce ในคร้ังแรกจะปรากฏตัวช่วยในการตง้ั ค่าพนื้ ฐาน

2. ขนั้ ตอนท่ี 1 ปอ้ นข้อมูลเกี่ยวกบั ท่ีอยูร่ ้านคา้ > จากนนั้ คลิกปมุ่ Continue

3. ขัน้ ตอนที่ 2 เลอื กประเภทของรา้ นคา้ > จากนั้นคลกิ ปมุ่ Continue

SU3703 Create and Managing Website for Business

บทท่ี 1 เปดิ ร้านค้าออนไลนด์ ว้ ย WooCommerce 7

4. ขนั้ ตอนที่ 3 เลอื กลกั ษณะของสินค้า > จากน้นั คลกิ ปมุ่ Continue

5. ข้ันตอนที่ 4 บอกลกั ษณะของธุรกจิ เชน่ สนิ ค้าพรอ้ มขายหรือไม่
มีการวางขายทอ่ี ื่นอีกหรอื ไม่ > จากนั้นคลกิ ปมุ่ Continue

6. ข้นั ตอนที่ 5 เลือกธีมทจี่ ะนำมาใชง้ าน ในท่นี เี้ ลอื กธมี เดมิ > คลิกปุ่ม Continue with
my active theme

SU3703 Create and Managing Website for Business

บทท่ี 1 เปดิ รา้ นค้าออนไลนด์ ว้ ย WooCommerce 8

7. ตอ้ งการให้ Jetpack และ WooCommerce จดั การเรื่องการขนสง่ หรอื ไม่
ในท่นี คี้ ลิกปมุ่ No thanks

8. คลิกปมุ่ Let’s go

เพจที่ WooCommerce สร้างมาให้เราโดยอัตโนมัตินั้นมีอยู่ด้วยกัน 4 เพจ ได้แก่ Shop, Cart,
Checkout และ My Account

• เพจ Shop ใชแ้ สดงสินค้าซ่ึงลกู ค้าสามารถเขา้ มาเลือกสนิ คา้ ที่ต้องการ
• เพจ Cart แสดงตะกรา้ สนิ คา้
• เพจ Checkout สำหรบั สง่ั คดิ เงนิ ค่าสนิ ค้า
• เพจ My Account แสดงข้อมูลของลูกค้า เช่น ที่อยู่การจัดส่ง ประวัติการสั่งซื้อสินค้า สินค้าที่

ลูกคา้ สามารถดาวน์โหลด เปน็ ตน้

SU3703 Create and Managing Website for Business

บทท่ี 1 เปดิ ร้านค้าออนไลนด์ ้วย WooCommerce 9

สรา้ งเมนูเพอ่ื เขา้ ใชง้ านร้านคา้

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

1. คลกิ เมนู Appearance > เลือกคำสง่ั Menus
2. เลือกเพจท่ีตอ้ งการแสดงบนแถบเมนู > คลกิ ปมุ่ Add to Menu
3. คลิกปุ่ม Save Menu

SU3703 Create and Managing Website for Business

บทที่ 2
ตดิ ต้งั ตัวอยา่ งและทดลองใช้งาน

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

ติดต้ังตัวอย่างสินค้า WooCommerce

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

การติดตั้งตัวอย่างสินค้านั้นจะใช้ปลั๊กอิน WordPress Importer เพื่อดาวน์โหลดรูปภาพและข้อมูล
สินคา้ มาจาก WooCommerce ซึ่งมีขน้ั ตอนดังตอ่ ไปนี้

1. เมนู Plugins > คลกิ ปุ่ม Add New

บทท่ี 2 ติดต้งั ตวั อยา่ งและทดลองใช้งาน 12
2. คน้ หาปลกั๊ อินช่ือ WordPress Importer จากน้นั คลกิ ปมุ่ Install

3. คลิกปมุ่ Activate

หลังจากติดตั้ง WordPress Import เรียบร้อย ขั้นตอนถัดไปก็จะเป็นการนำเข้าข้อมูลสินค้าตัวอย่าง
จาก WooCommerce ซ่งึ มขี ้นั ตอนการนำเขา้ ข้อมูลดงั นี้

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

2. คลิกท่ี Run Importer ในส่วนของ WordPress

SU3703 Create and Managing Website for Business

บทท่ี 2 ติดตั้งตวั อย่างและทดลองใช้งาน 13

4. เลือกไฟลต์ วั อยาง โดยเขา้ ไปที่ C:\xampp\htdocs\โฟลเดอร์
เว็บไซต์\wp-content\plugins\woocommerce\sample-
data

3. คลกิ ปุม่ เลอื กไฟล์
5. เลอื กไฟล์ sample_product.xml > แล้วคลกิ ปุม่ Open

6. คลกิ ปมุ่ Upload file and import 7. กรณเี ว็บไซตม์ ผี ้ใู ช้หลายคน ใหเ้ ลอื กผใู้ ช้ท่ีมสี ิทธป์ิ ้อนข้อมลู
สนิ ค้า

8. คลิกเลือก  Download and import file attachment

9. คลิกปุม่ Submit

SU3703 Create and Managing Website for Business

บทที่ 2 ติดตงั้ ตวั อย่างและทดลองใช้งาน 14

10. แสดงหน้าจอนำเขา้ ข้อมลู สำเรจ็

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

สำรวจร้านค้าในครงั้ แรก

WooCommerce จัดว่าเป็นปลั๊กอินที่ช่วยให้ WordPress กลายเป็นเว็บไซต์อีคอมเมิร์ซที่รองรับ

คุณสมบัติพื้นฐานของเว็บไซต์ขายของออนไลน์ไดอ้ ย่างครบถ้วน เช่น แสดงชื่อสินค้า ราคา รายละเอียดสินคา้

พร้อมรปู สินคา้ 1. คลิกเมนู Shop (รา้ นคา้ ) เพอ่ื เขา้ สหู่ นา้ รา้ นค้าออนไลน์

2. แสดงรายการสนิ คา้ โดยแบ่งตามกลมุ่ หรือคลกิ เพื่อเลือกรายการจัดเรยี ง

SU3703 Create and Managing Website for Business

บทท่ี 2 ติดต้งั ตวั อยา่ งและทดลองใชง้ าน 15

การเรียงสินค้าทำได้หลายแบบ เช่น เลือกตามความนิยม (Popularity) เลือกตามคะแนนที่เกิดจากการที่
ลกู คา้ เข้ามาให้คะแนน (Rating) เร่มิ วนั เวลาทีเ่ ร่ิมจำหน่ายสินค้า (Newness) หรอื จะใชก้ ารเรียงตามราคา
สินค้า จากน้อยไปหามาก (Low to High) หรอื มากไปหาน้อย (High to Low) เป็นต้น

เมื่อลูกค้าคลิกเลือกสินค้ารายการใด ก็จะมีรายละเอียดเก่ียวกบั สินคา้ นั้น ๆ โดยจะแสดงรายละเอียด
สนิ คา้ ในแบบย่อ (Short Description) ทด่ี า้ นข้าง และมีคำอธิบายสนิ คา้ โดยละเอียด (Product Description)
ทดี่ ้านลา่ ง

SU3703 Create and Managing Website for Business

บทท่ี 3
ปรบั แต่ง WooCommerce

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

ปรับแต่งรา้ นคา้ ใหเ้ หมาะสมกบั เรา

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

WooCommerce แบง่ การปรับแต่งออกเป็นหลายแท็บ โดยแต่ละแท็บมีหน้าทค่ี วบคมุ การทำงานของ
WooCommerce แท็บท่ีสำคญั ๆ ได้แก่

• แท็บ General (ทั่วไป) ใช้ปรับแต่งค่าพื้นฐานทั่วไป เช่น กำหนดประเทศ สกุลเงิน สีสันที่ใช้ใน
หน้าเพจแสดงสนิ ค้า เปน็ ต้น

• แท็บ Products (สินค้า) ใช้ปรับแต่งเกี่ยวกับตัวสินค้า เช่น ขนาดของรูปภาพที่ใช้ หน่วยของ
น้ำหนัก หรือหนว่ ยของขนาดสินค้า เป็นต้น

• แท็บ Tax (ภาษี) ใช้ปรับแต่งการคิดภาษี เช่น ราคาสินค้ารวมภาษีหรือไม่ หรือมีวิธีการคิดภาษี
ดว้ ยอัตราท่ีเท่าไหร่ เป็นตน้

• แท็บ Shipping (การจัดส่ง) ใช้ปรับแต่งรูปแบบการคิดเงินค่าขนส่งสินค้า เช่น จัดส่งฟรี จัดส่ง
โดยคดิ ตามน้ำหนัก หรือคิดคา่ จดั ส่งตามระยะทาง เปน็ ตน้

• แท็บ Payment (ช่องทางการชำระเงิน) ใช้ปรับแต่งเกี่ยวกับการชำระค่าสินค้า และการใช้
คูปอง เช่น อนุญาตให้ชำระเงินผา่ นทาง PayPal หรือจะชำระผ่านการโอนเข้าบัญชีธนาคาร เป็น
ตน้

• แท็บ Account and Privacy (บัญชี) ใช้กำหนดเงื่อนไขในการใช้งานระบบสมาชิก เช่น
อนญุ าตให้สมัครสมาชิกในขณะคดิ เงินคา่ สนิ ค้า เปน็ ตน้

• แท็บ E-mail (อีเมล์) ใช้กำหนดเกี่ยวกับการรับส่งอีเมล์ผ่าน WooCommerce เช่น เมื่อลูกค้า
สั่งสินค้าสามารกำหนดให้ส่งอีเมล์อัตโนมัติไปแจ้งลูกค้า ส่งอีเมล์เมื่อมีการรีเซ็ตรหัสผ่าน หรือใช้
เพื่อปรับแต่งสสี ันของข้อความในอเี มล์ เป็นต้น

บทท่ี 3 ปรับแตง่ WooCommerce 18
คลกิ เมนู WooCommerce > เลอื กคำส่งั Settings

การปรบั แต่งค่าพ้นื ฐาน

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

1. คลิกเมนู WooCommerce > เลือกคำสง่ั Settings

2. คลิกแทบ็ General

SU3703 Create and Managing Website for Business

บทที่ 3 ปรบั แต่ง WooCommerce 19

3. Store Address กำหนดสถานทต่ี ั้ง

4. General Options กำหนดวา่ ขายสินคา้ ให้ประเทศใดได้บา้ ง / ประเทศ
ทสี่ ามารถส่งสินคา้ ไปขายได้ / วิธีตรวจสอบตำแหนง่ ของลูกคา้ / การ
กำหนดภาษี / และการใชค้ ปู อง

5. Currency Options กำหนดสกุลเงินทใ่ี ช้ / ตำแน่งสญั ลักษส์ กลุ เงนิ /
สัญลกั ษณ์คน่ั หลกั พนั / สญั ลักษณ์ค่นั ทศนิยม / ตำแหน่งทศนิยม

6. คลิกปุ่ม Save Change

ปรับแตง่ คลังสนิ ค้า

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

SU3703 Create and Managing Website for Business

บทท่ี 3 ปรับแต่ง WooCommerce 20
1. คลิกเมนู WooCommerce > เลอื กคำส่งั Settings
2. คลิกแทบ็ Products

3. คลกิ ที่ Inventory
4.  คลกิ Enable stock เปดิ การใช้งานตวั จดั การสต๊อกสนิ ค้า
5. ระยะเวลาที่สินคา้ จะคา้ งในตะกร้าสนิ คา้ หากยังไม่ชำระ
6. เตอื นเมอ่ื สนิ คา้ เหลือน้อยตามทกี่ ำหนด
7. เตอื นเม่อื สินคา้ หมดสตอ๊ กทางเมล์ท่กี ำหนด

8. กำหนดจำนวนสนิ ค้าเหลือน้อย /
กำหนดจำนวนสอนค้าหมดสตอ๊ ก

9. ซ่อนสนิ คา้ ท่ีหนา้ รา้ นกรณีทสี่ นิ ค้าหมดคลัง
10. กำหนดรูปแบบในการแสดงจำนวนสต๊อกสินคา้
11. คลกิ ปมุ่ Save changes

SU3703 Create and Managing Website for Business

บทท่ี 3 ปรบั แตง่ WooCommerce 21

จัดการเร่ืองของภาษี

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

1. คลกิ เมนู WooCommerce > เลอื กคำสั่ง Settings

2. คลิกแท็บ General

3.  คลิกเลือก Enable tax rates and calculations

4. คลิกปมุ่ Save changes

SU3703 Create and Managing Website for Business

บทที่ 3 ปรับแตง่ WooCommerce 22
5. จะพบแท็บ Tax สำหรับจัดการภาษี

เมื่อต้องการปรับแต่งเกี่ยวกับเรื่องของภาษีใหค้ ลิกที่แทบ็ Tax (ภาษี) ซึ่งจะปรากฏแท็บย่อย ๆ อีก 4
แทบ็ ไดแ้ ก่ Tax Options, Standard Rates, Reduce Rate Rates และ Zero Rate Rates

1. คลิกท่ีแท็บ Tax

2. แทบ็ ยอ่ ยเกย่ี วกบั การปรบั แต่งภาษี

แท็บ Tax Options (ตัวเลือกภาษ)ี ใช้เพื่อปรับแต่งตัวเลือกทั่วไป เช่น เลือกที่จะคิดภาษีหรอื ไม่ และ
จะคิดภาษีอย่างไร ส่วนอีก 3 แท็บที่เหลือคือ Standard rates (ราคามาตรฐาน) Reduce rate rates (อัตรา
ลด อตั ราภาษ)ี และ Zero rate rates (อัตรารอ้ ยละศนู ย์ อตั ราภาษี) เปน็ รปู แบบของการคิดอัตราภาษี ซ่ึงเรา
สามารถเพิ่มรูปแบบการคิดอัตราภาษีในแบบอื่น ๆ เพิ่มเข้ามาได้ เช่น Thai rates สำหรับการคิดอัตราภาษีที่
เป็นของประเทศไทยโดยเฉพาะ เป็นตน้

SU3703 Create and Managing Website for Business

บทที่ 3 ปรับแตง่ WooCommerce 23

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

• Yes I will enter prices inclusive of tax เลือกใส่ราคาสินค้าที่รวมเอาภาษีไว้แล้ว ซ่ึง
หมายความวา่ เมื่อมีการเพ่ิมรายการสินคา้ การกรอกราคาสินค้าจะคดิ ภาษีไว้แลว้

• No, I will enter prices exclusive of tax เลือกใส่ราคาสนิ ค้าทย่ี ังไม่รวมภาษี ซึ่งเหมาะกับบาง
ประเทศ เชน่ สหรฐั อเมรกิ า เป็นตน้

• Calculate tax based on เป็นการคดิ อตั ราภาษีตามถิ่นท่ีอยู่ โดยสามารถกำหนดได้ 3 แบบ คือ
คดิ ภาษจี ากสถานทสี่ ่งสินค้า คดิ ภาษจี ากสถานทีเ่ ก็บเงนิ หรอื คดิ ภาษีจากท่ีอยูข่ องร้านคา้

• Shipping tax class คอื วิธีการคำนวณภาษีจากการสง่ สินค้า เชน่ เลอื กคำนวณจากสินค้าที่อยู่ใน
ตะกรา้ ใช้ภาษีเปน็ ศูนย์ ฯลฯ

• Rounding คำนวณภาษีทีผ่ ลรวมยอ่ ย ไมใ่ ชค่ ำนวณภาษีในสนิ คา้ แต่ละตวั
• Additional tax classes รูปแบบภาษีที่ใช้ ซึ่งหากประเทศใดมีภาษีหลายแบบก็สามารถกรอก

เพม่ิ เติมลงไปได้
• Display price in the shop กำหนดรปู แบบการแสดงราคาสินค้าในรา้ นคา้ วา่ จะให้รวมภาษีหรือ

ไมใ่ ห้รวมภาษี
• Display prices during cart and checkout กำหนดรปู แบบการแสดงราคาสินค้าในตกรา้ หรือ

ในระหวา่ งเช็คเอาท์วา่ จะใหร้ วมภาษีหรือไม่ใหร้ วมภาษี
• Price display suffix กรอกข้อความที่ต้องการให้แสดงต่อท้ายราคาสินค้า เช่น หากกรอกเป็น

“รวมภาษี” หากสินคา้ ราคา 120 บาท ทีส่ ินคา้ จะแสดงเป็น “120 รวมภาษ”ี เปน็ ต้น

SU3703 Create and Managing Website for Business

บทท่ี 3 ปรับแตง่ WooCommerce 24

• Display tax totals เลือกรูปแบบการแสดงผลรวมภาษี โดยสามารถแสดงภาษีรวมของสินค้าแต่
ละรายการ หรือภาษีรวมทัง้ หมด

วิธรี วมภาษี
ในตอนแรกทาง WooCommerce จะใช้รูปแบบการคำนวณภาษีเป็นแบบ Standard rates แต่ก็ได้
เตรียมรูปแบบภาษีมาให้ใช้เพิ่มเติมอีก 2 รูปแบบ คือ Reduce Rate และ Zero Rate ซึ่งถ้าต้องการรูปแบบ
อื่น ๆ เชน่ เราจะกำหนดแบบสำหรับใชใ้ นประเทศไทย รียกว่า Thai VAT ก็ใหก้ ำหนดเพ่ิมเติมลงไปได้

กรอกรปู แบบเพิม่ ลงไปในชอ่ ง Additional tax classes เชน่ Thai VAT

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

1. คลกิ แท็บย่อย Thai VAT rate

2. คลกิ ปุม่ Insert row

SU3703 Create and Managing Website for Business

บทที่ 3 ปรบั แตง่ WooCommerce 25

3. กำหนดรายละเอยี ดของวิธกี ารคำนวณภาษี
• Country Code รหัสประเทศ
• Rate % อัตราภาษี เชน่ 7% กรอก 7.0000
• Tax Name ชอ่ื รูปแบบภาษี
• Priority กำหนดระดบั ความสำคญั
• Compound การเรยี กเกบ็ ภาษหี ลายแบบพรอ้ มกัน
• Shipping การคดิ ภาษีรวมค่าขนสง่ ดว้ ยหรอื ไม่

4. คลกิ ปมุ่ Save changes

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

1. คลกิ เมนู Products

2. คลิกที่ Edit ของรายการสนิ คา้

3. ท่ี Tax classes เลอื กเปน็ Thai VAT

SU3703 Create and Managing Website for Business

บทท่ี 3 ปรบั แต่ง WooCommerce 26

ชอ่ งทางการชำระเงิน

สิ่งหนึ่งที่ช่วยให้เว็บไซต์ที่เป็นอีคอมเมิร์ซประสบความสำเร็จคือ การเลือกใช้วิธีการชำระเงินให้
เหมาะสมกับสินค้า และที่สำคัญต้องสะดวกกับลูกค้าด้วย เช่น หากเป็นสินค้าทั่วไป เช่น เสื้อผ้า กระเป๋า
นาฬิกา ลูกค้าอาจสะดวกที่จะโอนเงินมากกว่า แต่หากลูกค้าซื้อสินค้าประเภทเทคโนโลยี เช่น Digital
Download ก็จะสะดวกทจี่ ะชำระเงินดว้ ยการตดั เงินจากบัตรเครดติ หรือซอ้ื ผา่ นระบบ PayPal เป็นตน้

WooCommerce ได้เตรียมช่องทางพื้นฐานสำหรับการชำระสินค้า (เรียกว่า Payment Gateways)
ไว้ 4 ช่องทาง ได้แก่ การโอนเงินผ่านธนาคาร การใช้เช็ค เก็บเงินปลายทาง และชำระผ่าน PayPal ซึ่งเรา
สามารถเพม่ิ ชอ่ งทางอืน่ ๆ ได้ ด้วยการเพ่มิ สว่ นประกอบในภายหลังได้ (เรียกวา่ Extension)

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

2. คลกิ แทบ็ Payments

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

การปรับแตง่ WooCommerce ให้เปน็ ไปตามที่เราต้องการข้างต้นนัน้ โดยจะแบ่งเป็น 2 ข้ันตอนย่อย
ดังน้ี

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

• ขั้นตอนที่ 2 เลือกว่าใช้งานช่องทางใดเป็นหลัก สำหรับร้านค้าส่วนใหญ่นั้นชอบที่จะรับเงินสด
มากกวา่ ดังนัน้ จงึ ใชก้ ารโอนเงนิ เปน็ ช่องทางหลกั

SU3703 Create and Managing Website for Business

บทที่ 3 ปรับแตง่ WooCommerce 27

ขั้นตอนท่ี 1 เปิดใชง้ านเฉพาะชอ่ งทางทตี่ ้องการ
ในการใชง้ านจรงิ เราคงไมใ่ ช้การชำระเงนิ ครบทงั้ 4 ช่องทาง แต่จะเลอื กเฉพาะช่องทางท่เี หมาะสมกับ
สินค้า ความพร้อม และความสะดวกขณะนั้น ๆ เป็นสำคัญ สำหรับตัวอย่างต่อไปนี้จะเลือกใช้เฉพาะ Direct
Bank Transfer และ PayPal ซึ่งก็คอื การชำระด้วยการโอนเงนิ และชำระผา่ นระบบ PayPal ตามลำดับ
เริ่มต้นด้วยการเปิดใช้การโอนเงินเข้าบัญชี จากนั้นก็ให้กรอกรายละเอียดว่าจะให้ลูกค้าโอนเงินบัญชี
อะไร ธนาคารไหน ซงึ่ มีรายละเอยี ดดังนี้

1. คลกิ เพ่ือเปดิ การใชง้ าน Direct Bank Transfer 2. คลิกปุม่ Setup

3. กรอกขอ้ มูลของการชำระเงนิ ผา่ นบญั ชีธนาคาร

4. คลกิ ปมุ่ Save changes

• Title ช่ือชอ่ งทางการชำระเงิน
• Description คำอธิบายเกี่ยวกบั วิธกี ารชำระเงนิ
• Instruction ขอ้ ความทีบ่ อกลูกคา้ ทเ่ี กีย่ วกบั ข้นั ตอนการโอน หรือข้ันตอนการตรวจสอบตา่ ง ๆ
• Account details บญั ชกี ารโอนเงนิ กรณมี ีหลายบญั ชีใหค้ ลิกปุ่ม +Add account

SU3703 Create and Managing Website for Business

บทท่ี 3 ปรับแตง่ WooCommerce 28

ถัดมาเป็นการเปิดการชำระเงินผ่าน PayPal พร้อมกับปรับแต่งตัวเลือกต่าง ๆ เช่น กรอกบัญชี
PayPal และกำหนดวธิ กี ารรับส่งเมล์เมื่อลูกคา้ ชำระเงินคา่ สนิ ค้าแล้ว เปน็ ต้น

1. เปดิ การใช้งาน PayPal 2. คลกิ ปุม่ Setup

3. กรอกข้อมูลของการชำระเงินผา่ น PayPal

4. คลกิ ปมุ่ Save changes

• Title ชอ่ื ช่องทางการชำระเงิน
• Description คำอธิบายเกี่ยวกบั วิธีการชำระเงิน
• PayPal Email อีเมลท์ ีส่ มคั รสมาชกิ กับ PayPal ซึง่ เป็นบัญชีที่เราตอ้ งดยู อดการโอน
• Receiver Email อีเมล์ท่ีผูใ้ ชร้ ับข้อมูลจาก PayPal ซ่งึ ไม่จำเป็นต้องเป็นอีเมล์เดียวกับที่เราสมัคร

PayPal ไว้
• Invoice Prefix อกั ษรที่ใช้เปน็ รหสั ใบสงั่ สินคา้ เปน็ เหมือนการแบ่งกลุ่มของ Invoice มีประโยชน์

ในการตดิ ตามเกย่ี วกบั การซื้อขายในภายหลงั

SU3703 Create and Managing Website for Business

บทที่ 3 ปรบั แต่ง WooCommerce 29

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

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

2. คลกิ แท็บ Payments

3. ลากยา้ ยตำแหน่งเพ่ือจัดลำดับความสำคญั ของช่องทาง

4. คลิกปุ่ม Save changes

เราสามารถเพิ่มรูปแบบการชำระเงินวิธีอื่น ๆ ด้วยการติดตั้งปลั๊กอินที่เป็นส่วนประกอบเสริม (เรียกว่า
Extension หรือ Addon) ของ WooCommerce เช่น Amazon Simple Pay เพื่อใช้ชำระเงินผ่านทาง
เวบ็ ไซต์ Amazon เป็นต้น

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

SU3703 Create and Managing Website for Business

บทท่ี 3 ปรบั แตง่ WooCommerce 30

ร้านคา้ กบั อเี มล์

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

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

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

2. คลิกแท็บ Emails

3. ตวั เลือกสำหรับจดั การอีเมลใ์ นสถานการณต์ า่ ง ๆ

4. คลิกปุ่ม Manage ของตวั เลอื ก

SU3703 Create and Managing Website for Business

บทที่ 3 ปรับแตง่ WooCommerce 31
5. กำหนดค่าตา่ ง ๆ ของเมล์ เชน่ ผสู้ ง่ หัวเรอ่ื ง ข้อความเพม่ิ เตมิ

6. คลกิ ปมุ่ Save changes

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

หรอื กำหนดคา่ เป็นแบบใด
• Processing Order (รอการตรวจสอบคำสั่งซื้อ) ส่งอีเมล์เมื่อลูกค้าสั่งซื้อสินค้า โดยแจ้งว่า

สนิ คา้ ทีล่ กู ค้าสงั่ ซ้อื มีสินค้าใดบ้าง และยอดรวมเปน็ เท่าไหร่
• Complete order (การสั่งซื้อเรียบร้อยแล้ว) ส่งอีเมล์เมื่อการสั่งซื้อสินค้าเสร็จสมบูรณ์แล้ว

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

วิธีคดิ ค่าส่งสนิ คา้

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

เน่ืองจากการคดิ คา่ ส่งสินคา้ มีหลายปัจจยั ที่เก่ยี วข้อง เราจึงควรพิจารณาให้รอบด้าน ดงั น้ี

SU3703 Create and Managing Website for Business

บทที่ 3 ปรบั แตง่ WooCommerce 32

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

• สินค้าของทางร้านเป็นอะไร มีขนาดเล็กหรือใหญ่ สามารถบรรจุใส่กล่องได้หรือไม่ และในการ
จัดส่งแต่ละครั้งสามารถบรรจุลงในกล่องเดียวกันได้หรือไม่ หากบรรจุภายในกล่องเดียวกันได้ ก็
อาจคดิ ราคาเดยี ว เปน็ ต้น

กำหนด Shipping Zone และ Shopping Method

เพื่อความสะดวกในการจัดส่งสินค้า เราจะต้องแบ่งการจัดส่งสินค้าออกเป็นกลุ่ม (เรียกว่า Shipping
Zone) เช่น แบ่งเปน็ โซนกรงุ เทพฯ ปรมิ ณฑล และต่างจังหวัด เปน็ ต้น ซึ่งแต่ละโซนสามารถกำหนดราคาค่าส่ง
ที่แตกต่างกันออกไป เช่น ถ้าเป็นโซนกรุงเทพฯ ปริมณฑล ไม่คิดค่าจัดส่ง แต่ถ้าเป็นโซนต่างจังหวัด คิดค่าส่ง
100 บาท เป็นตน้

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

• Flat Rate คิดคา่ ขนส่งในอตั ราคงที่

• Free Shipping ไม่คดิ ค่าขนสง่ หรอื ไม่คิดคา่ ขนส่งเมื่อซ้ือครบตามจำนวนท่ีกำหนด เช่น ซื้อครบ
500 บาทจัดส่งฟรี หรือซื้อครบ 6 ชิน้ จัดสง่ ฟรี เปน็ ตน้

• Local Pickup ใช้เมือ่ ต้องการให้ลกคา้ มารบั สินคา้ เอง
ดังน้ันการคิดค่าขนส่งใน WooCommerce จึงถูกแบ่งเป็น 2 ขั้นตอน ขั้นตอนแรกคือการแบ่งโซน
สำหรับคิดค่าขนส่งตามเขตพน้ื ที่ (Shipping Zone) ส่วนขนั้ ตอนที่ 2 คือการกำหนดเงอ่ื นไขในการคิดค่าขนส่ง
ในโซนนั้น ๆ (Shipping Method)

ขั้นตอนท่ี 1 กำหนด Shipping Zone
การแบ่งโซนจะคิดตามตำแหน่งทางภูมิศาสตร์ โดยเราสามารถแบ่งโซนโดยละเอียด หรือแบ่งเป็น 6
โซน เช่น ภาคเหนอื ภาคตะวนั ออกเฉยี งเหนอื ภาคกลาง ภาคตะวนั ออก ภาคตะวันตก และภาคใต้ เป็นตน้

SU3703 Create and Managing Website for Business

บทที่ 3 ปรับแต่ง WooCommerce 33
1. เมนู WooCommerce > เลือกคำสั่ง Settings
2. คลิกแท็บ Shipping

3. คลิกปุม่ Add shipping zone
4. ต้ังชื่อโซน และเลือกจังหวดั ท่ีเกยี่ วขอ้ งกบั โซนนี้

ขน้ั ตอนที่ 2 กำหนด Shipping Method
เป็นการกำหนดเง่อื นไขในการคดิ คา่ ขนส่ง ซึ่งในตวั อย่างกำหนดให้โซนกรุงเทพฯ และปริมณฑล จัดส่ง
ฟรี แตก่ รณที ่ีเปน็ โซนต่างจงั หวัดคิดค่าจดั ส่ง 200 บาท

1. คลกิ ปุ่ม Add shipping method

SU3703 Create and Managing Website for Business

บทที่ 3 ปรับแตง่ WooCommerce 34

2. เลอื ก Free shipping
3. คลกิ ปมุ่ Add shipping method

4. คลกิ ท่ี Edit 5. กำหนดรายละเอียดเพิม่ เตมิ

6. คลิกปุม่ Save changes

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

จากนัน้ ทำการเพ่มิ โซนอ่นื ๆ เช่น โซนตา่ งจังหวัด โซนภาคเหนือ โซนภาคใต้ เปน็ ตน้

SU3703 Create and Managing Website for Business

บทที่ 3 ปรบั แตง่ WooCommerce 35

คิดค่าขนสง่ ด้วย Shipping Class

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

Shipping Class เป็นวิธีแบ่งกลุ่มสินค้า (คล้าย ๆ การแบ่งกลุ่มสินค้าออกเป็น Category) การสร้าง
Shipping Class ช่วยให้ทางร้านสามารถทราบว่า สินค้าที่ลูกค้าสั่งนั้นจะส่งสินค้าผ่านทางใด และมีวิธีคิดค่า
ขนส่งดว้ ยวิธไี หนไดอ้ ย่างง่าย

ขั้นตอนที่ 1 กำหนด Shipping Class
ในท่ีนย้ี กตัวอยา่ งการสร้าง Shipping Class โดยแบ่งออกเปน็ 3 กลมุ่ คือ สินค้าขนาดเลก็ สินค้าขนาด
ใหญ่ และสนิ ค้าแตกหกั งา่ ย

1. เมนู WooCommerce > เลือกคำสงั่ Settings
2. คลกิ แทบ็ Shipping

3. คลิกที่ Shipping classes

4. คลกิ ปมุ่ Add shipping class

SU3703 Create and Managing Website for Business

บทท่ี 3 ปรบั แต่ง WooCommerce 36
5. เพม่ิ รายละเอียดของ Shipping class

6. คลิกปมุ่ Save shipping class

ข้ันตอนท่ี 2 กำหนดราคาคา่ จัดสง่ ในโซนทีต่ ้องการ
เมอ่ื เราไดก้ ำหนด Shipping Class เรียบรอ้ ยแล้ว ขั้นตอนตอ่ ไปใหก้ ำหนด Shipping Class ไปยังโซน
ที่ต้องการ ซึ่งจะต้องกำหนดค่าจัดส่งสินค้าลงในแต่ละ Shipping Class ด้วย จากตัวอย่างเช่นหากเป็นสินค้า
ขนาดเล็กจะคิดเพิ่มจากเดิม 100 บาทต่อชิ้น หากเป็นสินค้าขนาดใหญ่คิดเพิ่ม 200 บาทต่อชิ้น แต่ถ้าเป็น
สินคา้ แตกหักงา่ ยจะคดิ เพ่มิ 300 บาทตอ่ ชิน้ เป็นตน้

1. เมนWู ooCommerce > เลอื กคำส่ัง Settings

2. คลกิ แท็บ Shipping > แท็บย่อย Shipping zone

3. คลิกท่ี Edit ของโซนทีต่ อ้ งการแกไ้ ข

SU3703 Create and Managing Website for Business

บทท่ี 3 ปรบั แตง่ WooCommerce 37

4. คลิกที่ Edit ของ Shipping method ท่ีตอ้ งการแก้ไข

5. กำหนดค่าขนส่งของ Shipping class ในแตล่ ะรายการ

6 คลิกปมุ่ Save changes

ขน้ั ตอนท่ี 3 กำหนด Shipping Class ไปยังสนิ คา้

เมื่อได้กำหนด Shipping Class และราคาค่าจัดส่งเรียบร้อยแล้ว ขั้นตอนสุดท้ายคือ ต้องกำหนด

Shipping Class นี้ไปยังสินค้าแต่ละรายการ ซึ่งจะทำให้สินค้าเหล่านั้นคิดค่าขนส่งตาม Shipping Class ท่ี

กำหนดทนั ที 1. เมนู Products > เลอื กคำสั่ง All Products

2. คลกิ ท่ี Edit ของรายการสินค้าท่ีตอ้ งการกำหนด

SU3703 Create and Managing Website for Business

บทที่ 3 ปรับแตง่ WooCommerce 38
2. คลกิ ทตี่ ัวเลอื ก Shipping
3. คลิกเลือกรูปแบบ Shipping class ทตี่ ้องการกำหนดใหก้ ับสินคา้

4. คลกิ ปุ่ม Update

SU3703 Create and Managing Website for Business

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

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

เพิ่มสินค้าใหม่

การเพ่มิ สินค้าของเราเข้าไปใน WooCommerce นัน้ ทำได้ 2 วิธี
วธิ ีท่ี 1 ใช้ป่มุ คำสั่งบน WordPress Toolbar

1. คลกิ เครอื่ งมือ New > เลือกคำส่งั Product

2. ปอ้ นรายละเอียดเกย่ี วกบั ตัวสนิ ค้าลงไป

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

วิธีท่ี 2 เลือกคำสง่ั Add Product จากเมนูของ Dashboard

1. คลิกเมนู Product > เลือกคำส่ัง Add New
2. ป้อนรายละเอยี ดเกยี่ วกับตัวสนิ ค้าลงไป

ปอ้ นข้อมูลพื้นฐานเก่ยี วกับตวั สินคา้

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

• ขั้นตอนที่ 1 ป้อนช่ือ และรายละเอยี ดสนิ คา้
• ขน้ั ตอนที่ 2 กำหนดประเภทของสินคา้
• ขน้ั ตอนที่ 3 กำหนดราคาสนิ ค้า
• ขน้ั ตอนที่ 4 รูปภาพประกอบตวั สนิ คา้
ดังนั้นเวลาที่เราป้อนข้อมูลเกี่ยวกับสินค้า เราสามารถทำขั้นตอนใดก่อนหรือหลังก็ได้ เช่น เราอาจ
เตรียมประเภทสินค้าก่อนที่จะป้อนรายละเอียดสินค้า หรือกำหนดรูปภาพสินค้าเป็นขัน้ ตอนแรกก็สามารถทำ
ได้

ข้นั ตอนท่ี 1 ปอ้ นชือ่ และรายละเอียดสนิ คา้
การป้อนคำอธิบายเกี่ยวกับตัวสินค้าใน WooCommerce จะมี 2 ส่วน ส่วนแรกคือ Product Short
Description ใช้แสดงข้อมูลของสินค้าอย่างย่อ ว่าสินค้าคืออะไร มีข้อดีหรือจุดน่าสนใจอะไรบ้าง และส่วนที่
สองคือ Description ใชแ้ สดงรายละเอียดเกี่ยวกับตัวสนิ คา้ ทงั้ หมด

SU3703 Create and Managing Website for Business

บทที่ 4 สนิ คา้ และสต๊อกสินคา้ 41
1. พมิ พช์ อื่ สินคา้
2. ปอ้ นรายละเอียดสนิ ค้า เชน่ คณุ สมบตั ิ ประโยชน์ จุดเด่น ฯลฯ รายละเอยี ดทงั้ หมด

3. ป้อนขอ้ มลู อยา่ งย่อ รายละเอยี ดที่สำคัญของสินคา้

ขั้นตอนที่ 2 กำหนดประเภทของสินค้า

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

ง่าย ซึ่ง WooCommerce อนุญาตให้เราสร้างประเภทสินค้าใหม่ ๆ ได้ตลอดเวลา หรือแม้กระทั่งการใส่ป้าย

กำกบั (Tags) ให้กับสินค้า

1. คลิกที่ Add new categories

SU3703 Create and Managing Website for Business

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

3. คลิกเลอื กประเภทของสินค้าท่ีสรา้ ง

2. พมิ พ์ช่ือประเภทสนิ คา้ > คลกิ ปมุ่ Add new category

เราสามารถเพิ่มป้ายกำกับ (Tag) ให้กับสินค้าได้โดยการพิมพ์ลงไปในส่วนของ Product tags ซึ่งแต่
ละป้ายกำกับค่ันด้วยเคร่ืองหมาย , หรือกดแปน้ <Enter>

พมิ พป์ ้ายกำกับ คน่ั ด้วยเคร่ืองหมาย , แล้วคลิกปมุ่ Add

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

SU3703 Create and Managing Website for Business

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

1. เลอื ก Product data เป็น Simple product

2. คลิกแท็บ General

3. ปอ้ นราคาสนิ ค้าในชอ่ งราคาปกติ และราคาหลงั หกั สว่ นลด (ถา้ ม)ี

4. กรณีตอ้ งการกำหนดช่วงเวลาลดราคาคลกิ ท่ี Schedule

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

1. คลิกที่ Set product image

2. เลอื กรปู ภาพของสนิ คา้

3. คลิกป่มุ Set product image

SU3703 Create and Managing Website for Business

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

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

2. เลือกรปู ภาพที่ต้องการเพิ่มไปในแกลอรี 1. คลกิ ที่ Add product gallery images

3. คลกิ ปุ่ม Add to gallery

เมื่อกำหนดรายละเอียดในในขั้นตอนทั้ง 4 ครบและต้องการนำไปเผยแพร่ให้คลิกที่ปุ่ม Publish ที่
หนา้ ต่างเพ่ิมสนิ คา้

คลกิ ปมุ่ Publish เพือ่ เผยแพร่

SU3703 Create and Managing Website for Business

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

ประเภทสนิ ค้า

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

1. คลิกเมนู Product > เลือกคำส่งั Categories

2. ชอื่ ประเภทสินคา้ ท่ี Name

3. ชอ่ื ลงิ คท์ ี่ Slug

4. กำหนด Parent กรณเี ป็นกลมุ่ ยอ่ ย

5. กำหนดคำอธบิ ายประเภทสินคา้

6. กำหนดรูปภาพนำไปใช้กบั ประเภทสินคา้
7. คลิกป่มุ Add new category

SU3703 Create and Managing Website for Business

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

กำหนดใหต้ ัดสตอ๊ กสนิ ค้า

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

1. เมนู Product > เลอื ก All Products

2. คลิกท่ี Edit
3. คลิกเลอื กแทบ็ Inventory
4. กำหนดรายละเอยี ดสตอ๊ กสนิ คา้

ตัวเลอื กการกำหนด Inventory ของสินคา้ ไดแ้ ก่

5. คลิกปุ่ม Update

SU3703 Create and Managing Website for Business

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

•  Enable stock management at product level เปิดการใช้งานคลังสินค้า เพื่อกำหนดให้
มกี ารตดั สตอ๊ กอตั โนมัติ

• Stock quality กำหนดจำนวนสนิ ค้าในสตอ๊ ก
• Allow backorders กรณีทีส่ ินคา้ ขาดสตอ๊ ก อนญุ าตใหล้ ูกคา้ สง่ั สนิ ค้าล่วงหนา้ ได้หรือไม่
• Low stock threshold กำหนดจำนวนสินค้าเหลือน้อย ซึ่งเมื่อจำนวนสินค้าเหลอื เท่ากับจำนวน

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

• Sold individual อนุญาตให้สั่งสินค้าได้เพียงชิ้นเดียวต่อหนึ่งออเดอร์ เช่น กรณีสินค้าลด 80%
หากตอ้ งการให้สนิ ค้ากระจายไปยังลูกค้าหลาย ๆ คน กใ็ ห้เลือกไว้เพอื่ จำกดั การซ้อื ของลูกค้า

สนิ คา้ ที่มหี ลายแบบหลายราคา

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

• ขัน้ ตอนที่ 1 เลือกสินคา้ เปน็ Variable Product (สนิ คา้ มีหลายแบบ)

• ขน้ั ตอนที่ 2 กำหนดคณุ สมบตั ขิ องสนิ คา้

• ขั้นตอนท่ี 3 เลอื กคุณสมบตั ขิ องสินคา้ ทีจ่ ะไปจำหน่าย

• ขน้ั ตอนท่ี 4 กำหนดราคาใหก้ บั สินค้าแตล่ ะแบบ

ข้นั ตอนท่ี 1 เลือกสินค้าเปน็ Variable Product (สนิ ค้ามหี ลายแบบ)
สำหรับสินค้าทั่วไปนั้น WooCommerce จะกำหนดสินค้าให้เป็นประเภท Simple Product แต่ถ้า
เปน็ สินคา้ ทีล่ กู ค้าสามารถเลอื กคณุ สมบัตไิ ด้ จะต้องเปลย่ี นเปน็ สินค้าประเภท Variable Product แทน

ที่ Product data เลอื ก Variable product

SU3703 Create and Managing Website for Business

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

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

1. คลกิ ที่ Attribute (คณุ สมบตั ิ) เพือ่ กำหนดคณุ สมบตั ิของสินคา้

2. คลกิ ปุม่ Add เพือ่ เพม่ิ คณุ สมบตั ิ

3. กำหนดรายละเอียดของคุณสมบตั ิสนิ ค้า

4. คลิกปมุ่ Save changes

รายละเอยี ดของคณุ สมบตั ิสนิ คา้ ได้แก่
• Name ชื่อของคณุ สมบตั ทิ ต่ี ้องการเพม่ิ เตมิ
• Value กำหนดข้อมูลคณุ สมบัติ คน่ั แตล่ ะรายการด้วย |
•  Visible on the product page คลกิ เลอื กถ้าตอ้ งการให้แสดงที่หน้าร้าน
•  Used for variations คลิกเลือกเพื่อกำหนดรายละเอียดข้อมูลแยกออกจากกันในกรณีที่

ลูกค้าเลอื กสตี า่ งกัน
ในกรณีที่สินค้าดังกล่าวมีคุณสมบัติอื่น ๆ เพิ่มเติม ก็สามารถคลิกปุ่ม Add เพื่อเพิ่มเติมคุณสมบัติได้
เช่น ขนาด

SU3703 Create and Managing Website for Business

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

ขนั้ ตอนท่ี 3 เลือกคุณสมบตั ิของสินคา้ ท่ีจะไปจำหน่าย
หลังจากที่ได้เพิ่มสี จำนวน 3 สี และขนาดจำนวน 2 ขนาด ลงไปเรียบร้อยแล้ว ดังนั้นในตอนนี้สินค้า
ของเรากจ็ ะมีทัง้ หมด 6 แบบ (3 สี x 2 ขนาด)

1. คลิกท่ี Variations (รปู แบบ)

2. คลิกเลือก Create variation from all attributes > คลิกปมุ่ Go

3. คลกิ ปมุ่ ตกลง 4. คลิกปุม่ ตกลง

SU3703 Create and Managing Website for Business

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

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

1. คลิกเลอื กรายการของรูปแบบทตี่ อ้ งการแก้ไข

2. กำหนดรายละเอยี ด เชน่ รหสั สนิ คา้ ราคาสนิ ค้า ราคาทลี่ ดแล้ว คำอธบิ าย เปน็ ตน้

เมื่อแก้ไขของรูปแบบที่ 1 เรียบร้อยแล้ว ก็แก้ไขรูปแบบอื่น ๆ จนครบทุกรายการ จากนั้นคลิกปุ่ม
Save changes และกรณีที่รูปแบบใดไม่มีจำหน่าย เช่น หลอดไฟสีเหลือง ขนาด 200W ก็สามารถลบได้ด้วย
การคลกิ ท่ี Remove

SU3703 Create and Managing Website for Business

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

คลิกท่ี Remove ในรปู แบบทไี่ มม่ สี ินคา้ จำหน่าย

ร้านค้าทีใ่ ห้บรกิ ารดาวน์โหลดไฟลห์ รือรูปภาพ

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

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

1. เมนู Products > คลกิ ปุ่ม Add New

SU3703 Create and Managing Website for Business