Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

สร้างร้านออนไลน์ ใช้วูคอมเมิร์ซ

370 views

Published on

WooCommerce Best Practice for Thai Shop - Presentation for WordCamp Bangkok 2019.

By Chakkrisn Talawat - Founder of SeedThemes.com

  • Be the first to comment

  • Be the first to like this

สร้างร้านออนไลน์ ใช้วูคอมเมิร์ซ

  1. 1. สร้างร้านออนไลน์ ใช้วูคอมเมิร์ซ จักรกฤษณ์ ตาฬวัฒน์ (เม่น)@MennBlog • @SeedThemes WOOCOMMERCE BEST PRACTICE FOR THAI SHOP  KEYNOTE FOR WORDCAMP BANGKOK 2019
  2. 2. จักรกฤษณ์ ตาฬวัฒน์ (เม่น) ธีมเวิร์ดเพรสสําหรับคนไทย MENN ดาวน์โหลดสไลด์ที่ • SeedThemes.com/WCBKK2019 ผู้ก่อตั้ง KEYNOTE FOR WORDCAMP BANGKOK 2019
  3. 3. อยากขายของออนไลน์ ขายทางไหนได้บ้าง โซเชียล เว็บสําเร็จรูป เว็บของเราเอง (พัฒนาระบบเอง)
  4. 4. ข้อดีข้อเสีย (พัฒนาระบบเอง) ฟรี ง่าย เริ่มได้เร็ว ถูก พร้อมใช้ ต้องเรียนรู้, ลงทุน ดูแล & อัพเดท ต้องพึ่งคนอื่น ขายเยอะจะยุ่งยาก อยู่บนระบบคนอื่น ปรับแต่งมากไม่ได้ ปรับแต่งได้อิสระ โซเชียล เว็บสําเร็จรูป เว็บของเราเอง
  5. 5. เมื่อเลือก WooCommerce สิ่งที่ต้องทําเพิ่ม ปัญหาสําหรับคนไทย การปรับแต่งระบบ ตัวช่วยอํานวยความสะดวก สําหรับโจทย์เฉพาะด้าน ข้อดี ใช้ง่าย พัฒนาง่าย ทําเว็บได้เร็ว ต่อยอดง่าย ปลั๊กอิน เยอะ หาคนทําและดูแลต่อไม่ยากนัก
  6. 6. ปัญหาสําหรับคนไทย
  7. 7. คําแปลภาษาไทย ช่วยกันแปลที่ https://translate.wordpress.org/projects/wp-plugins/woocommerce/stable/th/default อัพเดทคําแปลโดยใช้ปลั๊กอิน Force Update Translations (ฟรี)
  8. 8. การโอนเงิน • แจ้งชําระเงิน ปลั๊กอินแจ้งชําระเงิน • WPDT-Payment (ฟรี) • Seed Confirm Pro (เสียตังค์)
 รองรับ QR Code พร้อมเพย์ ตั้งค่า โอนเงินเข้าบัญชีธนาคาร (BACS)
  9. 9. การตัดบัตรเครดิต ถ้ายอดขายไม่ถึงเดือนละล้าน ค่าธรรมเนียม ~4% ปลั๊กอินเชื่อมกับธนาคาร แนะนํา boostpress.com (เสียเงิน)
  10. 10. การส่งของ แจ้งเลขพัสดุ (แนะนํา 3 วิธี) 1. แบบง่ายสุด ใส่เพิ่มในบันทึกคําสั่งซื้อ (Order Note) 2. ลงปลั๊กอินฟรี MIMO WooCommerce Order Tracking คลิกแล้วลิงก์ไปเว็บนั้นๆ เช่น เว็บไปรษณีย์, เว็บเคอร์รี่ 3. ลงปลั๊กอิน AfterShip (ฟรี แต่ถ้าส่งเยอะเสียเงิน) สามารถคลิกที่ปุ่ม Track แล้วแสดงผลในหน้าเว็บของเราเลย
  11. 11. ร้านค้าหลายภาษา สินค้าเยอะ ลูกค้าเยอะ ไม่แนะนําให้ทํา สินค้ายอดนิยม รูปภาพ แบนเนอร์ คูปอง ส่วนลด โปรโมชั่น อีเมลที่จะส่งให้ลูกค้า บทความ เนื้อหาสินค้า ความยาวคําในเมนูและดีไซน์ ช่องทางซัพพอร์ท 
 (Facebook / Line / WeChat) แต่ละภาษา ข้อมูลพร้อมแค่ไหน? ทําเหมือนกันจริงหรือเปล่า? } ถ้าอยากทําจริงๆ แนะนําปลั๊กอิน Polylang , WPML (เสียเงิน) และต้องตรวจสอบด้วยว่าปลั๊กอินอื่นๆ ที่ใช้อยู่ รองรับหรือเปล่า
  12. 12. ล็อกอินด้วยโซเชียล หมายเหตุ: การล็อกอินด้วยโซเชียลหลายๆ อย่าง อาจมีผลเสียที่ผู้ใช้จําไม่ได้ว่าล็อกอินผ่านอะไรไว้ ถ้าแค่เฟซบุ๊ค แนะนําปลั๊กอิน Wp Facebook Login for WordPress (มีทั้งแบบฟรีและเสียเงิน) ถ้าอยากมีหลายโซเชียล แนะนําปลั๊กอิน Nextend Social Login and Register (มีทั้งแบบฟรีและเสียเงิน)
  13. 13. การปรับแต่งระบบ
  14. 14. ระบบอีเมล ปรับแต่งคําและรูปแบบเมล แนะนํา Kadence WooCommerce Email Designer ฟรี แต่ดีกว่าตัวเสียตังค์ ส่งเมลไม่ให้ติดแสปม 1. เซิร์ฟเวอร์ทั่วไป ส่งเมลจะติดสแปม ควรใช้เซิร์ฟเวอร์ส่งเมลโดยเฉพาะ 2. เซิร์ฟเวอร์ส่งเมลดีๆ อยู่เมืองนอก (เช่น Gmail, Mailgun, Amazon SES) 3. ดังนั้น แนะนําให้ใช้เซิร์ฟเวอร์ที่สิงคโปร์ 4. ปลั๊กอิน แนะนํา Post SMTP หรือไม่ก็ WP SES เน็ตไทยออกนอก ช้า เร็ว Gmail, Mailgun Amazon SES (ส่งเดือนละหลายหมื่นอีเมล)
  15. 15. ระบบเซิร์ฟเวอร์ เซิร์ฟเวอร์ แนะนํา VPS (อย่าใช้แบบแชร์กับคนอื่นเลย) เช็คว่าสเปคผ่านหรือเปล่าที่ WooCommerce สถานะ ความปลอดภัย ต้องมี SSL เวลาเข้าเว็บจะเป็น https ประสิทธิภาพ ต้องมี Cache แนะนําปลั๊กอิน • บีบอัดด้วย Autoptimize • แคชด้วยตัวใดตัวหนึ่ง ‣ Breeze ‣ WP-Rocket ‣ WP Fastest Cache
  16. 16. ระบบสถิติและโฆษณา เราควรติดตั้งระบบสถิติจากหลายเจ้า เช่น Google Analytics, Facebook Pixel, Google Ads, Remarketing ต่างๆ ดังนั้น ใช้ Google Tag Manger ใส่โค้ดทีเดียว แล้วไปจัดการเพิ่มลดโค้ดอื่น จะง่ายกว่า แนะนําปลั๊กอิน DuracellTomi's Google Tag Manager for WordPress {
  17. 17. เครื่องมือช่วยอํานวยความสะดวก
  18. 18. จัดการข้อมูลสินค้าจํานวนมาก สินค้าหลักพันหลักหมื่น ใช้ Import / Export • Product CSV Import Suite (เสียเงิน ใช้ง่าย) • WP All Import (มีทั้งฟรีและเสียเงิน ใช้ยาก แต่ครบ) สินค้าหลักร้อย ใช้ Bulk Edit • WooCommerce Advanced Bulk Edit (เสียเงิน ไม่สวยแต่ดี)
  19. 19. ล็อกอินเป็นผู้ใช้ ปลั๊กอิน User Switching (ฟรี) จะทําให้เราล็อกอินเป็นผู้ใช้คนนั้นๆ ได้ เพื่อตรวจสอบว่า เค้าเห็นข้อมูลต่างๆ อย่างไร
  20. 20. คูปอง ส่วนลด และของแถม WooCommerce มีระบบคูปองอยู่แล้ว และดีพอสมควร แต่ถ้าต้องการปรับแต่งละเอียด แนะนํา WooCommerce Extended Coupon Features PRO ✓ ตั้งเงื่อนไขซับซ้อนได้ ✓ ระบบของแถม, ซื้อ 1 แถม 1 ✓ ระบบใส่คูปองให้อัตโนมัติ (Auto Coupon)
  21. 21. โจทย์เฉพาะด้าน
  22. 22. สินค้ามีหลายแบบ เช่น สี, ขนาด แนะนํา WooCommerce Variation Swatches (มีทั้งฟรีและเสียเงิน) WooCommerce ปกติ ลงปลั๊กอินเพิ่ม คําแนะนํา: อย่าให้ลูกค้าเลือกหลายตัวเลือก (เช่นทั้งสี ทั้งขนาด) แยกเป็นคนละสินค้าดีกว่า
  23. 23. อยากกําหนดรหัสคําสั่งซื้อได้เอง แนะนํา Sequential Order Numbers for WooCommerce (ฟรี) Woo Custom and Sequential Order Number (เสียเงิน)
  24. 24. ต้องการให้ลูกค้ากรอกข้อมูลเพิ่มเติม แนะนํา Checkout Field Editor (Checkout Manager) for WooCommerce (มีทั้งฟรีและเสียเงิน) คําแนะนํา: ลูกค้ายิ่งกรอกเยอะ ยิ่งขี้เกียจซื้อ!
  25. 25. ขอใบเสนอราคา แนะนํา WooCommerce Request a Quote (เสียเงิน)
  26. 26. จ่ายเงินสด มีส่วนลด แนะนํา Payment Gateway Based Fees and Discounts for WooCommerce (มีทั้งฟรีและเสียเงิน) ตั้งค่าส่วนลด หรือ คิดเงินเพิ่ม ในแต่ละช่องทางการชําระเงิน คําแนะนํา: ตามกฏที่ตกลงกับบริษัทบัตรเครดิต ร้านค้าไม่มีสิทธิคิดเงินเพิ่มในการตัดบัตร
  27. 27. ระบบตลาด • Marketplace คําแนะนํา: อย่าทําเลย ถ้าอยากทําจริงๆ แนะนําปลั๊กอิน WC Marketplace (มีทั้งฟรีและเสียเงิน) เป็นตัวกลางให้คนอื่นมาเปิดร้านขายของได้ WooCommerce ยังไม่เหมาะกับมีสินค้าหลายหมื่นชิ้น ลูกค้าหลายหมื่นราย ปัญหาจุกจิกจะเยอะมาก
  28. 28. เรียงลําดับจังหวัด เพิ่มโค้ดในไฟล์ functions.php ของธีมที่ใช้งานอยู่ (หรือใช้ปลั๊กอิน My Custom Functions) https://gist.github.com/MennStudio/b7febfdc71d1f192d0e4496828319b66
  29. 29. ตัวอย่างโค้ด (Snippets) อื่นๆ https://docs.woocommerce.com/documentation/plugins/woocommerce/woocommerce-codex/snippets/ ให้ดูที่เว็บ WooCommerce ได้เลย มีเยอะมาก
  30. 30. ปรับแต่งธีมและเทมเพลต https://docs.woocommerce.com/document/woocommerce-theme-developer-handbook/ แก้ธีม: หลักการคือ อยากแก้ไฟล์ไหนให้ไปก๊อบไฟล์จากปลั๊กอินมาไว้ในธีม เช่น เอาจาก /wp-content/plugins/woocommerce/templates/global/breadcrumb.php มาไว้ที่ /wp-content/themes/yourtheme/woocommerce/global/breadcrumb.php
  31. 31. คําเตือน • อย่าใส่เยอะ!
  32. 32. คําเตือน • อย่าใส่เยอะ! ฟี เจอร์เยอะ ปลั๊กอินเยอะ ระบบยิ่งอืด และปลั๊กอินอาจตีกันเอง ลูกค้าต้องกรอกฟอร์มเยอะ เลือกตัวเลือกจ่ายเงินเยอะ อาจลังเล และเลิกซื้อไปก่อน อยากมีรีวิวเยอะๆ แต่ถ้ามีแล้วไม่ดี ไม่ครบ ปิดไปก่อนดีกว่า หน้าจอคอม อยากใส่เนื้อหาเยอะๆ แต่คน 80% เข้าเว็บผ่านมือถือนะ!
  33. 33. ถาม-ตอบ จักรกฤษณ์ ตาฬวัฒน์ (เม่น)WOOCOMMERCE BEST PRACTICE FOR THAI SHOP  @MennBlog • @SeedThemes

×