วิธีสร้าง Invoices (ใบแจ้งหนี้) และ Packing Slips บน WooCommerce

ใบแจ้งหนี้ Woocommerce

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

วิธีการสร้าง Invoices และ Packing Slips เป็นอย่างไร มาดูกันเลย

ติดตั้งปลั๊กอิน WooCommerce PDF Invoices & Packing Slips

WooCommerce PDF Invoice

ตั้งค่าการใช้งานปลั๊กอิน

ไปที่ WooCommerce > PDF Invoices แล้วตั้งค่าตามรูปได้เลยครับ

ใบแจ้งหนี้ Woocommerce

ขั้นตอนต่อมาให้คลิกที่ Tab Documents เพื่อเปิดการใช้งาน Invoice

  • คลิก Enable เพื่อเปิดใช้งาน
  • ตั้งค่า Attach to: คือจะให้มีการแสดงใบ Invoice ในขั้นตอนไหน จุดนี้คุณอาจต้องลองทดสอบเล่นดูนะ แต่ผมขอเลือกติ๊กที่ช่อง Customer invoice / Order details (Manual email)
  • เลือกการแสดงที่อยู่ อีเมล เบอร์โทรศัพท์ วันที่ และเลขที่ order

ตั้งค่าใบแจ้งหนี้

ขั้นตอนต่อมาให้คลิกที่ Tab Documents เลือก Packing Slip เพื่อเปิดการใช้งานสร้างใบปะหน้ากล่องพัสดุ แล้วติ๊กตั้งค่าตามรูปได้เลยครับ

สร้าง Packing slip

ทดสอบการใช้งาน

ให้คุณลองสั่งซื้อสินค้าบนเว็บตัวเองให้เรียบร้อย จากนั้นให้ไปที่ WooCommerce > Order > ดูที่ด้านบนมุมขวา คลิกคำว่า Screen Options > จากนั้นให้ไปติ๊กที่ช่อง Action

เปิดการใช้งาน

การติ๊กเลือก Actions เพื่อเป็นแสดง Invoices และ Packing Slips ของรายการสั่งซื้อสินค้านั้นๆ

action pdf packing slip

รูปที่มีสีแดงทางซ้าย คือปุ่มโชว์ PDF Invoice ส่วนรูปทางขวา คือปุ่มโชว์ PDF Packing Slip ลองกดทดสอบดูครับ

Woocommerce invoice
Woocommerce packing slip

ตอนนี้เราก็จะได้ PDF Invoice และ PDF Packing Slip มาแล้ว แต่ยังมีปัญหาที่ภาษาไทยยังไม่แสดง

วิธีแก้ปัญหา Invoice Packing Slip ภาษาไทย ไม่แสดง

อันดับแรกคุณต้องโหลดตัวแปลภาษาไทยมาติดตั้งบนเว็บของเราก่อน

โหลดตัวแปลภาษาไทย >> คลิกที่นี่

พอได้ไฟล์ภาษาไทยมาแล้ว ให้มองว่าไฟล์นี้คือปลั๊กอิน ดังนั้นให้ไปที่ Upload Plugin แล้วติดตั้งปลั๊กอินไฟล์ภาษาไทยนั้นให้เรียบร้อยครับ

ภาษาไทย Packing slip

ตัวปลั๊กอินแปลภาษา เขาจะทำงานเองอัตโนมัติ โดยที่เราไม่ต้องตั้งค่าอะไรเลย

ให้เรากลับไปที่ WooCommerce > Order เพื่อทดสอบการทำงานดูว่าภาษาไทยแสดงรึยัง

packing slip ภาษาไทย

ตอนนี้ที่ใบ PDF Invoice และ PDF Packing Slip ภาษาไทยทำงานเรียบร้อยแล้ว

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

วิธีส่ง Invoice ไปให้ลูกค้า

ไม่ใช่ลูกค้าทุกคนที่เขาต้องการ Invoice (ใบแจ้งหนี้) หากมีลูกค้าต้องการ ให้คุณกลับไปที่ WooCommerce > เลือก order รายการสั่งซื้อสินค้าของลูกค้าคนนั้น

customer invoice

ดูที่ช่อง Send order email > เลือก Customer invoice จากนั้นคลิก Save order & send email

ที่ฝั่งอีเมลลูกค้า เขาก็จะได้รับ PDF Invoice ที่เราส่งไปให้เขา

สรุป

สำหรับขั้นตอนการสร้าง PDF Invoice และ PDF Packing Slip บน WooCommerce ก็มีเพียงเท่านี้ จะเห็นได้ว่ามีขั้นตอนที่ไม่ซับซ้อนทำเองได้ง่ายๆ และตัวปลั๊กอินนั้นฟรีอีกด้วยครับ

เรียนออนไลน์ฟรี คอร์สเรียนสร้างเว็บ WordPress+Woocommerce 

คลิกเข้าเรียนที่นี่
  • การจดโดเมนและเช่าโฮส
  • การทำ HTTPS
  • การติดตั้ง Wordpress
  • การใช้ WordPress พื้นฐาน
  • การติดตั้งและตั้งค่าพื้นฐาน Woocommerce
  • การลงสินค้าประเภทต่างๆ
  • การตั้งค่าจัดส่งประเภทต่างๆ
  • การตั้งค่าชำระเงิน 3 แบบ
    โอนเงิน paypal และบัตรเครดิต
  • การสร้างหน้าฟอร์มแจ้งชำระเงิน
  • การสร้าง Contact Form
  • การย้ายเว็บและการ backup เว็บ
  • การติดตั้ง Google Analytic
    และ Google Search Console

บทเรียนทั้งหมดนี้ ทุกคนสามารถเข้าเรียนได้ฟรี โดยไม่ต้องสมัครเรียน

ความแตกต่างระหว่าง แค่ทำเว็บได้ กับทำเว็บให้ดี ขึ้นอยู่กับความรู้พื้นฐานนั้นเอง
พื้นฐานต้องแน่นก่อน ถึงจะสามารถต่อยอดทำเว็บให้ดีในอนาคตได้ครับ

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

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

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

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

สอน Woocommerce

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

  ทุกคอร์สเรียนรอบสอนสด ได้คอร์สเรียนออนไลน์แถมฟรีครับ  

  ทุกคอร์สเรียนรอบสอนสด  
 ได้คอร์สเรียนออนไลน์แถมฟรีครับ  

สอบถามเพิ่มเติม ดูตารางเรียนรอบถัดไป

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

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

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

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

แผนที่สถานที่เรียน (รอบสอนกลุ่ม)

สถานที่เรียน Seatz Station

ปากซอยงามวงศ์วาน 44 ก่อนถึง รพ.วิภาวดี
ฝั่งตรงข้าม ม.เกษตรประตูงามวงศ์วาน 3

seat-station

บรรยากาศคลาสเรียน

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *