33
สร้างร้านออนไลน์ ใช้วูคอมเมิร์ซ จักรกฤษณ์ ตาฬวัฒน์ ( เม่น ) @MennBlog • @SeedThemes WOOCOMMERCE BEST PRACTICE FOR THAI SHOP  KEYNOTE FOR WORDCAMP BANGKOK 2019

สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

สรางรานออนไลน ใชวคอมเมรซ

จกรกฤษณ ตาฬวฒน (เมน)@MennBlog • @SeedThemes

WOOCOMMERCE BEST PRACTICE FOR THAI SHOP 

KEYNOTE FOR WORDCAMP BANGKOK 2019

Page 2: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

จกรกฤษณ ตาฬวฒน (เมน)

ธมเวรดเพรสสาหรบคนไทย

M E N N

ดาวนโหลดสไลดท • SeedThemes.com/WCBKK2019

ผกอตง

KEYNOTE FOR WORDCAMP BANGKOK 2019

Page 3: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

อยากขายของออนไลน ขายทางไหนไดบาง

โซเชยล เวบสาเรจรป เวบของเราเอง

(พฒนาระบบเอง)

Page 4: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ขอดขอเสย

(พฒนาระบบเอง)

ฟร งาย เรมไดเรว ถก พรอมใช

ตองเรยนร, ลงทน ดแล & อพเดท

ตองพงคนอน ขายเยอะจะยงยาก

อยบนระบบคนอน ปรบแตงมากไมได

ปรบแตงไดอสระ

โซเชยล เวบสาเรจรป เวบของเราเอง

Page 5: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

เมอเลอก WooCommerce

สงทตองทาเพม ปญหาสาหรบคนไทย การปรบแตงระบบ

ตวชวยอานวยความสะดวก สาหรบโจทยเฉพาะดาน

ขอด ใชงาย พฒนางาย

ทาเวบไดเรว ตอยอดงาย ปลกอน เยอะ

หาคนทาและดแลตอไมยากนก

Page 6: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ปญหาสาหรบคนไทย

Page 7: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

คาแปลภาษาไทย

ชวยกนแปลท https://translate.wordpress.org/projects/wp-plugins/woocommerce/stable/th/default

อพเดทคาแปลโดยใชปลกอน Force Update Translations (ฟร)

Page 8: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

การโอนเงน • แจงชาระเงน

ปลกอนแจงชาระเงน • WPDT-Payment (ฟร) • Seed Confirm Pro (เสยตงค)

รองรบ QR Code พรอมเพย

ตงคา โอนเงนเขาบญชธนาคาร (BACS)

Page 9: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

การตดบตรเครดต

ถายอดขายไมถงเดอนละลาน คาธรรมเนยม ~4%ปลกอนเชอมกบธนาคาร แนะนา boostpress.com (เสยเงน)

Page 10: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

การสงของ แจงเลขพสด (แนะนา 3 วธ)

1. แบบงายสด ใสเพมในบนทกคาสงซอ (Order Note)

2. ลงปลกอนฟร MIMO WooCommerce Order Tracking คลกแลวลงกไปเวบนนๆ เชน เวบไปรษณย, เวบเคอรร

3. ลงปลกอน AfterShip (ฟร แตถาสงเยอะเสยเงน) สามารถคลกทปม Track แลวแสดงผลในหนาเวบของเราเลย

Page 11: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

รานคาหลายภาษา

สนคาเยอะ ลกคาเยอะ ไมแนะนาใหทา

สนคายอดนยม รปภาพ แบนเนอร

คปอง สวนลด โปรโมชน อเมลทจะสงใหลกคา บทความ เนอหาสนคา

ความยาวคาในเมนและดไซน ชองทางซพพอรท

(Facebook / Line / WeChat)

แตละภาษา ขอมลพรอมแคไหน? ทาเหมอนกนจรงหรอเปลา?}

ถาอยากทาจรงๆ แนะนาปลกอน Polylang , WPML (เสยเงน)และตองตรวจสอบดวยวาปลกอนอนๆ ทใชอย รองรบหรอเปลา

Page 12: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ลอกอนดวยโซเชยล

หมายเหต: การลอกอนดวยโซเชยลหลายๆ อยาง อาจมผลเสยทผใชจาไมไดวาลอกอนผานอะไรไว

ถาแคเฟซบค แนะนาปลกอน Wp Facebook Login for WordPress (มทงแบบฟรและเสยเงน)

ถาอยากมหลายโซเชยล แนะนาปลกอน Nextend Social Login and Register (มทงแบบฟรและเสยเงน)

Page 13: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

การปรบแตงระบบ

Page 14: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ระบบอเมล

ปรบแตงคาและรปแบบเมล แนะนา Kadence WooCommerce Email Designer ฟร แตดกวาตวเสยตงค

สงเมลไมใหตดแสปม 1. เซรฟเวอรทวไป สงเมลจะตดสแปม ควรใชเซรฟเวอรสงเมลโดยเฉพาะ 2. เซรฟเวอรสงเมลดๆ อยเมองนอก (เชน Gmail, Mailgun, Amazon SES)

3. ดงนน แนะนาใหใชเซรฟเวอรทสงคโปร 4. ปลกอน แนะนา Post SMTP หรอไมก WP SES

เนตไทยออกนอก ชา

เรว

Gmail, Mailgun Amazon SES (สงเดอนละหลายหมนอเมล)

Page 15: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ระบบเซรฟเวอร

เซรฟเวอร แนะนา VPS (อยาใชแบบแชรกบคนอนเลย)

เชควาสเปคผานหรอเปลาท WooCommerce สถานะ

ความปลอดภย ตองม SSL เวลาเขาเวบจะเปน https

ประสทธภาพ ตองม Cache แนะนาปลกอน • บบอดดวย Autoptimize • แคชดวยตวใดตวหนง ‣ Breeze ‣ WP-Rocket ‣ WP Fastest Cache

Page 16: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ระบบสถตและโฆษณา

เราควรตดตงระบบสถตจากหลายเจา เชน Google Analytics, Facebook Pixel, Google Ads, Remarketing ตางๆ

ดงนน ใช Google Tag Manger ใสโคดทเดยว แลวไปจดการเพมลดโคดอน จะงายกวา

แนะนาปลกอน DuracellTomi's Google Tag Manager for WordPress

{

Page 17: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

เครองมอชวยอานวยความสะดวก

Page 18: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

จดการขอมลสนคาจานวนมาก

สนคาหลกพนหลกหมน ใช Import / Export • Product CSV Import Suite (เสยเงน ใชงาย)

• WP All Import (มทงฟรและเสยเงน ใชยาก แตครบ)

สนคาหลกรอย ใช Bulk Edit • WooCommerce Advanced Bulk Edit (เสยเงน ไมสวยแตด)

Page 19: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ลอกอนเปนผใช

ปลกอน User Switching (ฟร) จะทาใหเราลอกอนเปนผใชคนนนๆ ได เพอตรวจสอบวา เคาเหนขอมลตางๆ อยางไร

Page 20: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

คปอง สวนลด และของแถม

WooCommerce มระบบคปองอยแลว และดพอสมควร แตถาตองการปรบแตงละเอยด แนะนา WooCommerce Extended Coupon Features PRO

✓ ตงเงอนไขซบซอนได ✓ ระบบของแถม, ซอ 1 แถม 1 ✓ ระบบใสคปองใหอตโนมต (Auto Coupon)

Page 21: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

โจทยเฉพาะดาน

Page 22: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

สนคามหลายแบบ เชน ส, ขนาด

แนะนา WooCommerce Variation Swatches (มทงฟรและเสยเงน)

WooCommerce ปกต ลงปลกอนเพม

คาแนะนา: อยาใหลกคาเลอกหลายตวเลอก (เชนทงส ทงขนาด) แยกเปนคนละสนคาดกวา

Page 23: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

อยากกาหนดรหสคาสงซอไดเอง

แนะนา Sequential Order Numbers for WooCommerce (ฟร) Woo Custom and Sequential Order Number (เสยเงน)

Page 24: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ตองการใหลกคากรอกขอมลเพมเตม

แนะนา Checkout Field Editor (Checkout Manager) for WooCommerce (มทงฟรและเสยเงน)

คาแนะนา: ลกคายงกรอกเยอะ ยงขเกยจซอ!

Page 25: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ขอใบเสนอราคา

แนะนา WooCommerce Request a Quote (เสยเงน)

Page 26: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

จายเงนสด มสวนลด

แนะนา Payment Gateway Based Fees and Discounts for WooCommerce (มทงฟรและเสยเงน)

ตงคาสวนลด หรอ คดเงนเพม ในแตละชองทางการชาระเงน

คาแนะนา: ตามกฏทตกลงกบบรษทบตรเครดต รานคาไมมสทธคดเงนเพมในการตดบตร

Page 27: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ระบบตลาด • Marketplace

คาแนะนา: อยาทาเลย

ถาอยากทาจรงๆ แนะนาปลกอน WC Marketplace (มทงฟรและเสยเงน)

เปนตวกลางใหคนอนมาเปดรานขายของได

WooCommerce ยงไมเหมาะกบมสนคาหลายหมนชน ลกคาหลายหมนราย ปญหาจกจกจะเยอะมาก

Page 28: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

เรยงลาดบจงหวด

เพมโคดในไฟล functions.php ของธมทใชงานอย (หรอใชปลกอน My Custom Functions)

https://gist.github.com/MennStudio/b7febfdc71d1f192d0e4496828319b66

Page 29: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ตวอยางโคด (Snippets) อนๆ

https://docs.woocommerce.com/documentation/plugins/woocommerce/woocommerce-codex/snippets/

ใหดทเวบ WooCommerce ไดเลย มเยอะมาก

Page 30: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ปรบแตงธมและเทมเพลต

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

Page 31: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

คาเตอน • อยาใสเยอะ!

Page 32: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

คาเตอน • อยาใสเยอะ!

ฟเจอรเยอะ ปลกอนเยอะ ระบบยงอด

และปลกอนอาจตกนเอง

ลกคาตองกรอกฟอรมเยอะ เลอกตวเลอกจายเงนเยอะ อาจลงเล และเลกซอไปกอน

อยากมรววเยอะๆ แตถามแลวไมด ไมครบ ปดไปกอนดกวา

หนาจอคอม อยากใสเนอหาเยอะๆ แตคน 80% เขาเวบผานมอถอนะ!

Page 33: สร้างร้านออนไลน์ ใช้วู ... › wp-content › uploads › 2019 › 02 › Woo...Woo Custom and Sequential Order Number (เส ยเง น)

ถาม-ตอบ

จกรกฤษณ ตาฬวฒน (เมน)WOOCOMMERCE BEST PRACTICE FOR THAI SHOP  @MennBlog • @SeedThemes