O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
พระนครซอฟต์
PhranakornSoft.com
คู่มือการใช้งานระบบ E-Commerce
โดย พระนครซอฟต์
พระนครซอฟต์
PhranakornSoft.com
สารบัญ
1. เกี่ยวกับระบบเว็บไซต์ WordPress
2. หน้าหลักของระบบ WordPress
3. การเข้าใช้งานผู้ด...
พระนครซอฟต์
PhranakornSoft.com
ระบบเว็บไซต์โดย CMS WordPress
WordPress เป็นระบบเว็บไซต์ที่ได้รับความนิยมสูงสุดปัจจุบัน โดย...
พระนครซอฟต์
PhranakornSoft.com
หน้าหลักระบบ WordPress
หน้าระบบหลักของการจัดการเนื้อหาโดยระบบ WordPress นั้นจะแสดงผลรายละเอ...
พระนครซอฟต์
PhranakornSoft.com
รูปแบบการจัดการเนื้อใน WordPress
ระบบการจัดการเนื้อหาของเว็บไซต์ของ WordPress นั้นสามารถแบ่...
พระนครซอฟต์
PhranakornSoft.com
ภาพที่ 3 แสดงเมนู Post เพื่อเพิ่มบทความใหม่ของเว็บไซต์
ระบบการจัดการบทความหรือเนื้อหาข่าวสา...
พระนครซอฟต์
PhranakornSoft.com
หลักจากการกรอกเนื้อหาบทความที่จาเป็นต่อบทความข่าวสารเสร็จเรียบร้อยแล้ว ให้ทาการกด
Publish เ...
พระนครซอฟต์
PhranakornSoft.com
รูปแบบการจัดการเนื้อหาแบบ Page
การทางานของการจัดการเนื้อหาแบบ Page นั้นจะเป็นการจัดการเนื้อ...
พระนครซอฟต์
PhranakornSoft.com
การจัดการสินค้าใน WooCommerce
ระบบสินค้าของระบบ WooCommerce นั้นมีสามารถจัดการสินค้าได้ดังน...
พระนครซอฟต์
PhranakornSoft.com
ขั้นตอนการเพิ่มสินค้าสามารถทาได้ดังขันตอนต่อไปนี้
1. เลือกเมนู Product
2. เลือกเมนู Add Pro...
พระนครซอฟต์
PhranakornSoft.com
ภาพที่ 10 หน้าเพิ่มสินค้า แสดงถึงหมวดหมูสินค้า Product Tags รูป Featured Image แสดง
ภาพแนะน...
พระนครซอฟต์
PhranakornSoft.com
การจัดการ Order สินค้า
การจัดการ Order สินค้าจากที่ลูกค้านั้นทาการสั่งซื้อมาแล้วนั้นสามารถจ...
พระนครซอฟต์
PhranakornSoft.com
ภาพที่ 12 แสดงหน้ารายละเอียดของการสั่งซื้อของลูกค้า
รายละเอียดข้อมูล Billing Details ข้อมูล...
พระนครซอฟต์
PhranakornSoft.com
ภาพที่ 14 แสดงรายการสินค้าที่ลูกค้าสั่งซื้อ
ภาพที่ 15 จากหน้าแสดงรายละเอียดของ Order สินค้า...
พระนครซอฟต์
PhranakornSoft.com
การจัดการ Coupon
การจัดการคูปองส่วนลดของสินค้าสามารถทาส่วนลดของสินค้า โดยสามารถกาหนด
ส่วนลด...
พระนครซอฟต์
PhranakornSoft.com
//Digital studio and Advertising
Address : 155/88 หมู่ที่ 5 ต.บางไผ่ อ.เมืองนนทบุรี นนทบุรี...
Próximos SlideShares
Carregando em…5
×

คู่มือการใช้งานระบบ E commerce

6.171 visualizações

Publicada em

คู่มือการใช้งาน WordPress กับ WooCommerce ทั้งการ Add Product การจัดการหมวดหมู่สินค้าและรูปแบบ Post กับ Page แตกต่างกันอย่างไร

Publicada em: Software
  • Seja o primeiro a comentar

คู่มือการใช้งานระบบ E commerce

  1. 1. พระนครซอฟต์ PhranakornSoft.com คู่มือการใช้งานระบบ E-Commerce โดย พระนครซอฟต์
  2. 2. พระนครซอฟต์ PhranakornSoft.com สารบัญ 1. เกี่ยวกับระบบเว็บไซต์ WordPress 2. หน้าหลักของระบบ WordPress 3. การเข้าใช้งานผู้ดูแลระบบเว็บไซต์ WordPress 4. การจัดการเนื้อหาโดย Post 5. การจัดการเนื้อหาโดย Page 6. การจัดการสินค้าใน WooCommerce 7. การจัดการ Coupon
  3. 3. พระนครซอฟต์ PhranakornSoft.com ระบบเว็บไซต์โดย CMS WordPress WordPress เป็นระบบเว็บไซต์ที่ได้รับความนิยมสูงสุดปัจจุบัน โดยระบบโครงสร้างของตัวระบบ เว็บไซต์ CMS WordPress นั้นจัดทาขึ้นมาเพื่อใช้ในการสร้างบล็อก จัดการเนื้อหาบทความบนเว็บไซต์ และได้รับการพันนามาอย่างต่อเนื่อง โดยได้มีการพันนา Plugin ในการทาระบบ E-Commerce และ ระบบอื่นๆเข้ามาต่อเพิ่มเติม ทาให้การนิยมในการใช้งานตัวระบบ WordPress สูงขึ้นไปอีก พร้อมทั้งการ รองรับระบบ SEO (Search Engine Optimization)
  4. 4. พระนครซอฟต์ PhranakornSoft.com หน้าหลักระบบ WordPress หน้าระบบหลักของการจัดการเนื้อหาโดยระบบ WordPress นั้นจะแสดงผลรายละเอียด ต่างๆของตัวเว็บไซต์เพื่อให้ผู้ดูแลระบบตรวจสอบอย่างเช่น จานวนการโพส บทความ จานวนของ หน้า จานวนของการคอมเม้น และ ถ้าท่านติดตั้งระบบ Plugin WooCommerceไว้ด้วยแล้วหน้า ระบบหลักจะแสดงเนื้อหาของจานวนสินค้าให้เราได้รับทราพอีกด้วยครับ ดังภาพตัวอย่างที่ 1 ภาพที่ 1 หน้าหลักการแสดงผลรายละเอียดระบบเว็บไซต์โดยรวม การเข้าใช้งานผู้ดูแลระบบ การเข้าสู่ระบบผู้ดูแลระบบเว็บไซต์ด้วย WordPress นั้นสามารถทาได้โดยการพิมพ์ URL ได้ดังนี้เช่น http://example.com/wp-admin การพิมพ์เข้า wp-admin ต่อท้าย URL นั้นสามารถเข้าไปหน้า ผู้ดูแลระบบได้โดยถ้าผู้ดูแลล ระบบเข้าใช้งานระบบอยู่แล้ว ก็สามารถจัดการระบบได้เลย แต่ถ้ายังไม่ได้ Login เข้าระบบหน้า เว็บไซต์จะทาการเปลี่ยนหน้าเว็บเป็นหน้า Login เว็บไซต์
  5. 5. พระนครซอฟต์ PhranakornSoft.com รูปแบบการจัดการเนื้อใน WordPress ระบบการจัดการเนื้อหาของเว็บไซต์ของ WordPress นั้นสามารถแบ่งได้เป็น 2 รูปแบบคือ รูปแบบ Post และ รูปแบบ Page 1. รูปแบบ Post คือ รูปแบบเนื้อหาที่เป็นบทความ หรือ ข่าวสารประกาศต่างๆนั้นที่สามารถ อัพเดทและทาการแบ่งออกเป็นหมวดหมูได้ 2. รูปแบบ Page คือ รูปแบบเนื้อหาข้อมูลที่แบ่งออกมาเป็นหน้า รายละเอียดเนื้อความหรือ ข้อความที่นิ่ง ไม่มีการอัพเดทมากนัก รูปแบบการจัดการเนื้อหาแบบ Post การจัดการเนื้อหาด้วยรูปแบบ Post นั้นสามารถทาได้โดยการเลือกเมนู Post > All ผู้ดูแล ระบบเว็บไซต์จะสามารถเข้าจัดบทความ แก้ไขบทความ หรือ เข้าดูบทความทั้งหมดที่มีอยู่ใน เว็บไซต์ได้ ดังภาพที่ 2 ภาพที่ 2 แสดงหน้าจัดการบทความ หรือ เนื้อหาข่าวทั้งหมดในเว็บไซต์ เมื่อผู้ดูแลระบบนั้นต้องการที่จะเพิ่มเนื้อหาใหม่ของเว็บไซต์ สามารถเข้าไปเพิ่มเนื้อหาหรือ บทความได้ที่เมนู Post > Add New ดังภาพที่ 3
  6. 6. พระนครซอฟต์ PhranakornSoft.com ภาพที่ 3 แสดงเมนู Post เพื่อเพิ่มบทความใหม่ของเว็บไซต์ ระบบการจัดการบทความหรือเนื้อหาข่าวสารในเว็บไซต์นั้นสามารถเพิ่มได้จากเมนูนี้ทั้งหมด เช่น การเพิ่มไฟล์สื่อรูปภาพ การเพิ่มวีดีโอ การใส่ Link เพื่อเชื่อมโยงไปที่เว็บอื่นๆ หรือแม้กระทั่งการ เพิ่มไฟล์เอกสารก็สามารถทาได้ ดังภาพตัวอย่างที่ 4 ภาพที่ 4 แสดงหน้าการเพิ่มบทความหรือเนื้อหาข่าวใหม่ การเพิ่มเนื้อหาข่าวสารใหม่นั้น จะต้องทาการกรอกเนื้อหาที่จาเป็นดังนี้ 1. หัวข้อเรื่อง สามารถเขียนได้ที่ช่อง Enter title here 2. เนื้อหา ผู้ดูแลระบบสามารถพิมพ์เนื้อหาลงในช่องของกรอบข้อความ 3. เลือกหมวดหมู่ เนื้อหาหรือบทความข่าวสารนั้นจะต้องมีหมวดหมู่ของเนื้อหาเสมอ โดย สามารถเลือกหมวดหมู่เนื้อหาข่าวสารได้ที่ Category 4. การเพิ่มสื่อหรือไฟล์เอกสาร ท่านสามารถใส่ไฟล์เอกสารหรือใส่ไฟล์รูปภาพประกอบเนื้อหา ข่าวสารได้ การเมนู Add Media
  7. 7. พระนครซอฟต์ PhranakornSoft.com หลักจากการกรอกเนื้อหาบทความที่จาเป็นต่อบทความข่าวสารเสร็จเรียบร้อยแล้ว ให้ทาการกด Publish เพื่อทาการเผยแพร่เนื้อหาข่าวสารออกทางหน้าเว็บไซต์ หมวดหมู่ของ Post หมวดหมู่ของ Post มีหน้าที่สาหรับการแบ่งเนื้อหาบทความ หรือ ข่าวสารต่างๆที่ได้ถูก เผยแพร่ออกไป ให้แสดงออกได้เป็นหมวดหมู่และง่ายต่อการเข้าถึงของบทความนั้นเอง เช่น ข่าว ประกาศ , ข่าวโปรโมชั่น , บทความสาระความรู้ เป็นต้น โดยที่ผู้ดูแลระบบนั้นสามารถเข้าไปเพิ่ม หมวดหมู่หรือแก้ไขหมวดหมูได้ที่เมนู Category โดยการเข้าไปที่ Post > Category ดังภาพที่ 5 ภาพที่ 5 แสดงถึงหน้าจัดการหมวดหมู่ Post
  8. 8. พระนครซอฟต์ PhranakornSoft.com รูปแบบการจัดการเนื้อหาแบบ Page การทางานของการจัดการเนื้อหาแบบ Page นั้นจะเป็นการจัดการเนื้อหาที่ถูกสร้างขึ้นมา เพื่อรองรับเนื้อหาที่อยู่นิ่ง มากกว่า เช่น หน้าเกี่ยวกับบริษัท หน้าติดต่อกลับ หน้าแสดงสินค้า ทั้งหมด เป็นต้น ดังรูปตัวอย่างที่ 6 ภาพที่ 6 แสดงหน้าทั้งหมดที่มีอยู่ในเว็บไซต์ หลักการเพิ่มหน้า Page ในเว็บไซต์นั้น จะมีรูปแบบๆเดียวกันกับ Post โดยการเพิ่มจาก เมนู Add New ได้ และเมื่อทาการกด Publish สามารถใช้งานหน้านั้นๆได้เลยโดยไม่ต้องทาการ เลือกหมวดหมู่ของหน้าขั้นตอนการเพิ่มหน้าสามารถทาได้ดังนี้ 1. เลือกเมนู Page 2. ทาการเลือกที่เมนู Add New 3. ใส่ชื่อของหน้านั้นที่ช่อง Enter title here 4. ใส่เนื้อหาหรือรูปประกอบที่ช่องของเนื้อหา 5. ทาการกดปุ่ม Publish
  9. 9. พระนครซอฟต์ PhranakornSoft.com การจัดการสินค้าใน WooCommerce ระบบสินค้าของระบบ WooCommerce นั้นมีสามารถจัดการสินค้าได้ดังนี้ 1. การเพิ่ม แก้ไข ลบ สินค้า 2. การจัดหมวดหมูสินค้า 3. การกาหนด Tag หรือ ป้ายชื่อของสินค้านั้นๆ 4. กาหนดรูปแบบการส่งสินค้า 5. การจัดการ Order สินค้า 6. การจัดการ Coupons การจัดการสินค้าในระบบ E-Commerce ของ WooCommerce ใน WordPress นั้นง่าย มากๆ โดยรูปแบบของการกรอกรายละเอียดของสินค้านั้นจะเหมือนกันกับระบบจัดการข้อมูลใน รูปแบบ Post และ Page ดังรูปตัวอย่างที่ 7 รูปที่ 7 แสดงถึงหน้าเพิ่มสินค้าใหม่
  10. 10. พระนครซอฟต์ PhranakornSoft.com ขั้นตอนการเพิ่มสินค้าสามารถทาได้ดังขันตอนต่อไปนี้ 1. เลือกเมนู Product 2. เลือกเมนู Add Product 3. ใส่ชื่อสินค้าที่ ชื่อสินค้า 4. ใส่ช่องรายละเอียดสินค้า 5. ใส่ราคาสินที่ช่อง Regular Price 6. ถ้าต้องการลดราคาสินค้าสามารถใส่ราคาลดได้ที่ช่อง Sale Price 7. เลือกหมวดหมู่สินค้า 8. ใส่รูป Featured Image เพื่อแสดงรูปแนะนาสินค้า ภาพที่ 8 ช่องกรอกชื่อสินค้าและรายละเอียดสินค้า ภาพที่ 9 ช่องกรอกจานวนสินค้า ราคาสินค้า และ ราคา Sale
  11. 11. พระนครซอฟต์ PhranakornSoft.com ภาพที่ 10 หน้าเพิ่มสินค้า แสดงถึงหมวดหมูสินค้า Product Tags รูป Featured Image แสดง ภาพแนะนาสินค้า และ Product Gallery
  12. 12. พระนครซอฟต์ PhranakornSoft.com การจัดการ Order สินค้า การจัดการ Order สินค้าจากที่ลูกค้านั้นทาการสั่งซื้อมาแล้วนั้นสามารถจัดการได้ที่เมนู Order ของเมนูหลักที่ WooCommerce ได้ดังขั้นตอนต่อไปนี้ 1. เลือกเมนู WooCommerce 2. เลือกเมนู Order จะแสดงหน้ารายการ Order ทั้งหมด ภาพที่ 11 หน้าแสดงรายการ Order ทั้งหมดของการสั่งซื้อจากลูกค้า การจัดการกับ Order สามารถเลือกดูรายละเอียดจากแต่ละ Order ได้โดยการเลือกที่ Order number ทาการคลิกที่ Order #XXXX ระบบจะทาการแสดงหน้ารายละเอียดของการ สั่งซื้อจากลูกค้าดังรูปที่ 12
  13. 13. พระนครซอฟต์ PhranakornSoft.com ภาพที่ 12 แสดงหน้ารายละเอียดของการสั่งซื้อของลูกค้า รายละเอียดข้อมูล Billing Details ข้อมูลที่อยู่การส่ง Shipping Details วันและเวลาที่ทา การสั่งซื้อ และการเลือกกาหนด Order Status ของสินค้าเพื่อให้ลูกค้าได้รับทราบเกี่ยวกับการ ดาเนินการของ Order ที่ลูกค้าทาการสั่งซื้อมานั้นเอง ดังรูปที่ 13 ภาพที่ 13 แสดงรายละเอียดการส่งสินค้า Status ของ Order
  14. 14. พระนครซอฟต์ PhranakornSoft.com ภาพที่ 14 แสดงรายการสินค้าที่ลูกค้าสั่งซื้อ ภาพที่ 15 จากหน้าแสดงรายละเอียดของ Order สินค้านั้นสามารถตั้งค่า Order Action และ แสดงยอดรวมการสั่งซื้อ พร้อมสามารถลดหรือเพิ่มราคาส่งสินค้าได้จากเมนูนี้
  15. 15. พระนครซอฟต์ PhranakornSoft.com การจัดการ Coupon การจัดการคูปองส่วนลดของสินค้าสามารถทาส่วนลดของสินค้า โดยสามารถกาหนด ส่วนลดของสินค้าได้หลายรูปแบบเช่น Cart Discount , Cart % Discount , Product Discount และ Product % Discount ดังขั้นตอนการ Add Coupon ต่อไปนี้ 1. เข้าที่เมนู WooCommerce 2. เลือกเมนู Coupon 3. คลิกปุ่ม Add Coupon ภาพที่ 16 หน้า Add Coupon รายละเอียดของหน้า Add Coupon สามารถแบ่งออกเป็นรายละเอียดขั้นตอนดังต่อไปนี้ 1. Coupon code ช่องกรอกชื่อของ Coupon 2. Discount type เลือกรูปแบบของส่วนลด 3. Enable free shipping สามารถเลือกรูปแบบการส่งแบบฟรีได้ 4. สินค้า เลือกสินค้าที่ต้องการลด 5. หมวดหมู่สินค้า เลือกลดตามหมวดหมู่สินค้า 6. Usage limit กาหนดการใช้ของ Coupon 7. Expiry date กาหนดวันหมดอายุของ Coupon ได้ 8. กดที่ Publish เพื่อเริ่มใช้งาน
  16. 16. พระนครซอฟต์ PhranakornSoft.com //Digital studio and Advertising Address : 155/88 หมู่ที่ 5 ต.บางไผ่ อ.เมืองนนทบุรี นนทบุรี 11000 Phone : 089-016-9712 , 085-542-2420 Email : info@phranakornsoft.com Website : PhranakornSoft.com

×