ตั้งค่าพื้นฐาน woocommerce เพื่อใช้งาน woocommerce ได้อย่างถูกต้อง

ตั้งค่าพื้นฐาน woocommerce

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

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

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

วิธีการเปลี่ยนภาษาบนเว็บของเรา ให้เราไปที่ Settings > General > Site Language

เปลี่ยนภาษาเว็บไซต์

แต่ผมมีคำแนะนำเล็กๆน้อย เราควรตั้งค่าเว็บให้เป็นภาษาไทย แต่พวกเมนูการใช้งานบนหน้าควบคุม (Dashboard) เราควรตั้งค่าเป็นภาษาอังกฤษ ชื่อเรียกฟังชั่นต่างๆ มันจะได้เป็นสากล ติดขัดอะไรไปเสริจหาบน google จะเจอคำตอบได้ง่ายกว่าครับ

วิธีการเปลียนภาษาเมนูบนหน้าควบคุมให้เราไปเปลี่ยนที่ส่วนของ User ครับ

user language

การติดตั้งปลั๊กอิน Woocommerce เวอร์ชั่น 3.4+

1. สำหรับเว็บใครที่ยังไม่ได้ลงปลั๊กอินตัวนี้ ให้เราไปที่ plugin > add new > ค้นหาชื่อปลั๊กอิน Woocommerce > แล้วคลิก install กับ Activate ได้เลยครับ

ติดตั้ง woocommerce

เมื่อเราคลิก Activate ระบบจะพาเราเข้าสู่หน้า Wizard เราต้องกรอกข้อมูลใส่ให้ครบทุกช่องก่อน จะใส่คำภาษาไทยลงไปก็ได้ หากใส่ไม่ครบมันจะคลิกไปต่อไม่ได้

คู่มือ woocommerce ภาษาไทย

**หมายเหตุ

หากเว็บใครที่ตัว Woocommerce ได้ถูกติดตั้งไปแล้วในระหว่างที่เราลงธีม ให้เรากลับไปหลังบ้าน คลิก Dashbord (หน้าควบคุม) ให้เราคลิก Run the Setup Wizard เพื่อจะได้เข้าสู่โหมด ตั้งค่าพื้นฐาน Woocommerce ไปพร้อมๆ กัน

ตั้งค่าพื้นฐาน Woocommerce

2. ให้เราคลิก Let’s go! ต่อได้เลย

3. เมื่อเข้าสู่หน้าตั้งค่า payment ให้ติ๊กเปิดใช้งาน Bank transfer (BACS) payments จากนั้น คลิก Continue

ปรับ แต่ง woocommerce

4. ในส่วนของ Shipping ให้เราปิดการใช้งานก่อนจะได้ไม่งง แล้วเดี๋ยวเราค่อยมาตั้งค่าจัดส่งกันใหม่ในตอนต่อไปครับ จากนั้น คลิก Continue

ปลั๊กอิน woocommerce

5. ในหน้า Recommended setup ให้เราคลิก Skip this step เพื่อข้ามขั้นตอนนี้ไปได้เลย

woocommerce คือ

6. เมื่อเจอหน้าที่มีคำว่า Jetpack ให้เรารีบคลิก Skip this step ไปได้เลย ตัว Jetpack เรายังไม่จำเป็นต้องใช้ในตอนนี้นั้นเอง

woocommerce สอน

7. เมื่อเข้าสู่หน้าสุดท้ายของขั้นตอนติดตั้งปลั๊กอิน Woocommerce ให้เราคลิกที่คำว่า Visit Dashboard เพื่อเข้าสู่ขั้นตอนตั้งค่า Woocommerce กันต่อได้เลย

คู่มือ woocommerce ภาษาไทย pdf

ก่อนจะดำเนินการขั้นตอนต่อไปเราต้องมาเช็คก่อน ว่าตอนนี้เรามีหน้า (page) ที่เป็นหน้าระบบขายสินค้าครบหมดรึยัง ซึ่งจะประกอบไปด้วย 4 หน้านี้ครับ Cart, Checkout, My Account และ Shop ซึ่งหน้าเรานี้ถูกสร้างอัตโนมัติผ่านขั้นตอน wizard ลงปลั๊กอินนั้นเอง

woocommerce ค่าขนส่ง

คอร์สเรียน SEO WordPress

ตั้งค่าพื้นฐาน Woocommerce

หลังจากเราลงปลั๊กอินเรียบร้อย ให้ไปดูที่ส่วน setting ของ woocommerce ได้เลยครับ เราจะไล่ตั้งค่าพื้นฐานที่จำเป็นที่ละส่วนกัน

ตั้งค่าทั่วไป (General options)

ในหน้า General options ค่าพื้นฐานที่เราควรกำหนดมีดังนี้ครับ

Base location: ที่ตั้งร้านค้าของเราอยู่ที่ใด

Selling location(s): เปิดขายของให้กับประเทศใดบ้าง (เลือกได้หลายประเทศ)

Shipping location(s): จะเลือกจัดส่งให้กับประเทศใดบ้าง (เลือกได้หลายประเทศ)

Currency: เลือกเป็น Thai baht

Currency position: แนะนำว่าให้เลือกเป็น Right with space

Number of decimals: คือจุดทศนิยม ให้เราใส่เป็น 0 ไปก็ได้ครับ

ตั้งค่า Woocommerce

ตั้งค่า Products

Products > General

หากเราเป็นร้านค้าหน้าใหม่ผมแนะนำให้เราปิดฟังชั่นนี้ไปก่อนดีกว่า เพื่อป้องกันคนมาคอมเมนต์ หรือรีวิวสินค้าของเราในแง่ลบครับ ก็คือไม่ต้องติ๊กช่อง Enable ratings นั้นเอง

wordpress ecommerce สอน

ตั้งค่า Products  Display option

ตรงจุดนี้คือการแสดงรูปภาพของสินค้าที่เราต้องการโชว์ที่เว็บของเราว่าอยากให้แสดงไซต์ขนาดไหน สินค้าไหนเรียงก่อน เรียงหลัง ดูภาพด้านบนนะ ให้คลิกที่คำว่า Go see them in action here. เราจะเข้าสู่หน้า Woocommerce customizing

ปรับแต่ง Woocommerce

จากนั้นให้เราคลิก Product Catalog ตรงตำแหน่ง Default product sorting ซึ่งเป็น option ในหน้าแสดงสินค้า (catalog page) ผมแนะนำให้เราเลือกเป็น Sort by most recent หมายความว่าเราได้กำหนดการเรียงสินค้า โดยให้สินค้าใหม่อยู่ตำแหน่งแรกสุดในหน้าแสดงสินค้า (catalog page) นั้นเอง

ตั้งค่าพื้นฐาน Woocommerce

จากนั้นให้เราคลิกถอยกลับเพื่อเข้าสู่หน้า Woocommerce customizing ต่อมาให้คลิก Product Images

หน้าแสดงสินค้า

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

หากเราต้องการรูปแสดงสินค้าเป็น รูปสีเหลี่ยมจตุรัส ขนาดไซต์รูปที่ผมแนะนำ คือ 800 x 800 pixel ให้ออกแบบรูปเตรียมไว้ให้เรียบร้อย และในส่วนของการตั้งค่า Product images ให้เราเลือกตรง Thumbnail cropping เป็น 1:1

สอน woocommerce

หากเราต้องการรูปแสดงสินค้าเป็น รูปสีเหลี่ยมผืนผ้า ขนาดไซต์รูปที่ผมแนะนำ คือ 613 x 800 pixel ให้ออกแบบรูปเตรียมไว้ให้เรียบร้อย และในส่วนของการตั้งค่า Product images ให้เราเลือกตรง Thumbnail cropping ให้ที่ custom > เป็นเลือกอัตราส่วนเป็น 3:4

ตัวอย่างหน้าแสดงสินค้า (catalog page) ที่ใช้รูปแบบสีเหลี่ยมจัตุรัส

สรุป

การติดตั้งและตั้งค่า Woocommerce ตอนที่ 1 ก็จบเพียงเท่านี้ แต่เนื่องจาก Woocommerc เป็นปลั๊กอินที่มีรายละเอียดค่อนข้างมาก ยังมีอีกหลายส่วนที่เราต้องตั้งค่ากันต่อ ไล่ทำที่ละ Step ตามลิงค์ด้านล่างนี้ได้เลยครับผม

เข้าสู่เนื้อหาตอนต่อไป

ประชาสัมพันธ์

สำหรับท่านใดที่อ่านบทความนี้แล้ว สนใจการสร้างเว็บร้านค้าออนไลน์ด้วย WordPress + Woocommerce แบบมืออาชีพ ในวันที่ 9 - 10 กุมภาพันธ์ 2562 นี้ ผมได้เปิดคอร์สสอน Woocommerce Expert  แบบกลุ่มเล็กๆ 1 รอบ สอนสดรอบละ 5 คน เพื่อให้ผู้เรียนได้ประโยชน์สูงสุด เรียนรู้และทำตามไปพร้อมๆ กันได้ 

รายละเอียดคอร์สเรียน

สร้างเว็บร้านค้าออนไลน์ Woocommerce expert

สอน Woocommerce

  • ค่าเรียน 9,500 บาท
  • เรียนวันเสาร์-อาทิตย์ที่ 9 - 10 กุมภาพันธ์ 2562
  • เวลาเรียน 10.00- 16.000 น. 
  • เรียนกลุ่มเล็กรอบละ 5 คนเท่านั้น (ว่าง)
  • เราสอนด้วยธีม Flatsome Theme
    (No.1 Best selling Woocommerce Theme 2018)
  • สถานที่เรียน Seatz Station
  • ปากซอยงามวงศ์วาน 44 ก่อนถึง รพ.วิภาวดี ฝั่งตรงข้าม ม.เกษตรประตูงามวงศ์วาน 3
  • จองที่นั่งเรียนผ่าน Lind ID : padveewebschool ได้เลยครับ
สอบถามเพิ่มเติม

คอร์สเรียนนี้เหมาะกับใคร ?

  • เนื่องจากคอร์สเรียนนี้เราสอนเป็นกลุ่ม จึงไม่เหมาะกับทุกคน
  • คอร์สนี้เหมาะสำหรับผู้ที่เคยใช้งาน WordPress มาบ้าง รู้พื้นฐานแบบงูๆปลาๆ หากคุณเคยลง WordPress เอง ลงปลั๊กอินได้ เคยสร้าง page หรือ post แบบนี้เรียนได้
  • หรือหากคุณไม่เคยใช้งาน WordPress มาก่อนเลย แต่คุณมีทักษะไอที เช่น เคยใช้พวกโปรแกรมกราฟฟิค Photoshop, illustrator เคยใช้พวกโปรแกรมตัดต่อวีดีโอ อะไรก็ได้มาบ้าง
  • ถ้าคุณเคยใช้โปรแกรมดังกล่าวข้างต้น แสดงว่าคุณมีทักษะไอที สามารถลงเรียนคอร์สนี้ได้
  • เนื่องจากเราเรียนกันหลายคน หากผู้เรียนไม่มีทักษะไอทีเลยจะทำให้เรียนรู้ตามเพื่อนไม่ทันนั้นเอง

คอร์สเรียนนี้ไม่เหมาะกับใครบ้าง ?

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