คู่มือที่สมบูรณ์ WooCommerce Block

WooCommerce เป็นหนึ่งในปลั๊กอินที่ได้รับความนิยมสำหรับการสร้างเว็บไซต์อีคอมเมิร์ซบน WordPress WooCommerce Blocks เป็นหนึ่งในปลั๊กอินใน WooCommerce ที่ออกแบบมาเพื่อให้ผู้ใช้สามารถสร้างร้านค้าออนไลน์บน WordPress ได้ง่ายขึ้น WooCommerce Blocks ช่วยในการสร้างหน้าร้านค้าแบบกำหนดเอง แสดงสินค้าของคุณ และเพิ่มคุณสมบัติอีคอมเมิร์ซขั้นสูง เช่น การกรองสินค้าและการค้นหา - ทั้งหมดนี้สามารถทำได้โดยไม่ต้องเขียนโค้ดแม้แต่บรรทัดเดียว. 

คุณต้องติดตั้งปลั๊กอิน WordPress WooCommerce Blocks เพื่อใช้บล็อกใหม่เหล่านี้ ปลั๊กอินนี้เป็นพื้นที่ทดสอบสำหรับคุณสมบัติทดลองที่อาจถูกเพิ่มเข้าไปใน WooCommerce หลัก.

ในคู่มือนี้ เราจะพูดถึงคุณสมบัติของ WooCommerce block และวิธีการปรับแต่งพวกมัน. 

WooCommerce Block คืออะไร

WooCommerce Blocks คือชุดของบล็อกที่รวมเข้ากับ ตัวแก้ไขบล็อก WordPress (Gutenberg) ที่ช่วยให้คุณสามารถเพิ่มคุณสมบัติและฟังก์ชัน WooCommerce ต่างๆ ไปยังหน้าและโพสต์ของคุณได้อย่างง่ายดาย โดยไม่ต้องเขียนโค้ด บล็อกเหล่านี้ช่วยให้คุณสามารถแสดงสินค้า หมวดหมู่สินค้า ตัวกรองการค้นหา รถเข็นช็อปปิ้ง การชำระเงิน และอื่นๆ

พูดง่ายๆ ก็คือ WooCommerce Blocks เป็นคอมโพเนนต์ที่สร้างไว้ล่วงหน้าซึ่งคุณสามารถแทรกเข้าไปในไซต์ WordPress ของคุณโดยใช้ตัวแก้ไขบล็อก ทำให้ง่ายต่อการรวมฟังก์ชันอีคอมเมิร์ซที่ขับเคลื่อนโดย WooCommerce นี่เป็นส่วนหนึ่งของปลั๊กอิน WooCommerce หลัก ดังนั้นคุณจะได้รับโดยอัตโนมัติเมื่อคุณติดตั้งและเปิดใช้งาน WooCommerce บนไซต์ WordPress ของคุณ.

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

รายการคุณสมบัติของ WooCommerce Block

หลังจากเข้าใจว่า WooCommerce block คืออะไร ต่อไปเราจะพูดถึงคุณสมบัติที่ให้บริการทีละรายการ

• สินค้าทั้งหมด: แสดงสินค้าทั้งหมดในรูปแบบตาราง
• ตัวกรองสินค้าที่ใช้งานอยู่: แสดงตัวกรองสินค้าที่ใช้งานอยู่ในรูปแบบรายการหรือเป็นชิป (คล้ายปุ่ม)
• รีวิวทั้งหมด: แสดงรีวิวสินค้าทั้งหมด
• สินค้าขายดี: แสดงสินค้าขายดีในรูปแบบตาราง
• ชำระเงิน: แสดงแบบฟอร์มที่ให้ลูกค้าสามารถสั่งซื้อสินค้าได้สำเร็จ
• ตะกร้าสินค้า: แสดงตะกร้าสินค้า
• หมวดหมู่สินค้าที่แนะนำ: เน้นหมวดหมู่สินค้าเฉพาะพร้อมปุ่มกระตุ้นการตัดสินใจ
• สินค้าแนะนำ: แสดงสินค้าที่แนะนำที่เลือก
• กรองตามราคา: แสดงช่วงราคาที่ลูกค้าสามารถกรองสินค้าได้ คุณสามารถเปิดใช้งานช่วงราคาแบบแก้ไขได้โดยคลิกปุ่มหรือข้อความที่นี่
• กรองตามสถานะสินค้า: อนุญาตให้กรองสินค้าตามสถานะสินค้าในสต็อก ตัวเลือกนี้มีตัวเลือกในการแสดงสินค้าในสต็อก สินค้าหมด หรือกำลังสั่งซื้อใหม่
• กรองตามคะแนน: อนุญาตให้ลูกค้ากรองสินค้าตามคะแนน
• กรองตามคุณลักษณะ: กรองสินค้าตามขนาดหรือสี
• สินค้าที่คัดเลือก: แสดงสินค้าที่คัดเลือกในรูปแบบตาราง ทำให้คุณสามารถเลือกสินค้าที่จะแสดงได้โดยเฉพาะ
• ตะกร้าสินค้าแบบย่อ: แสดงมุมมองโดยย่อของตะกร้าสินค้า
• สินค้าใหม่ล่าสุด: แสดงสินค้าล่าสุดที่จัดเรียงในรูปแบบตาราง สามารถปรับแต่งได้โดยการเพิ่ม/เอาองค์ประกอบต่างๆ เช่น ชื่อสินค้า ราคา คะแนน และปุ่มซื้อ
• สินค้าลดราคา: แสดงสินค้าที่ลดราคาในรูปแบบตารางและสามารถปรับแต่งได้โดยการเพิ่ม/ลบองค์ประกอบ เช่น ชื่อ ราคา คะแนน และปุ่มซื้อ
• ค้นหาสินค้า: เพิ่มแถบค้นหาเพื่ออำนวยความสะดวกให้ลูกค้าในการค้นหาสินค้า
• สินค้าตามแท็ก: แสดงสินค้าที่มีแท็ก/ป้ายกำกับเฉพาะในรูปแบบตาราง
• สินค้าตามคุณลักษณะ: แสดงสินค้าที่มีคุณลักษณะเฉพาะ (สี ขนาด ฯลฯ) ในรูปแบบตาราง
• สินค้าตามหมวดหมู่: แสดงสินค้าตามหมวดหมู่ในรูปแบบตาราง
• รีวิวตามสินค้า: แสดงรีวิวที่จัดกลุ่มตามสินค้า
• รีวิวตามหมวดหมู่: แสดงรีวิวสินค้าจากหมวดหมู่เฉพาะ
• สินค้าเดียว: แสดงรายละเอียดของสินค้าเดียว
• สินค้าที่ได้รับการจัดอันดับสูงสุด: แสดงสินค้าที่มีการจัดอันดับสูงสุดในรูปแบบตาราง

วิธีใช้บล็อกตารางผลิตภัณฑ์ใน WooCommerce

นอกจากการเรียนรู้เกี่ยวกับคุณสมบัติที่มีอยู่ในบล็อก WooCommerce แล้ว ลองใช้หรือเพิ่มตารางสินค้าใน WooCommerce ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งปลั๊กอินบล็อก WooCommerce บนเว็บไซต์ของคุณแล้ว นี่คือวิธีการเพิ่ม

1. เปิดหน้าเว็บหรือบทความที่คุณต้องการแสดงตารางสินค้า จากนั้นป้อนชื่อเรื่อง "สินค้า"

2. ในการนำทางด้านซ้าย คลิกปุ่ม (+) > เลื่อนลงไปที่ส่วน WooCommerce > เลือก "ตารางผลิตภัณฑ์"

3. ต่อไป เพื่อ กำหนดค่าบล็อก, ไปที่แผงด้านขวา

ในแผงนี้ คุณสามารถปรับแต่งหลายอย่างได้ รวมถึง:

• การตั้งค่าเค้าโครง: คุณสามารถปรับแต่งจำนวนแถวและคอลัมน์ที่แสดงในตารางผลิตภัณฑ์ได้ ตัวอย่างเช่น การตั้งค่าทั้งสองเป็น 2 เพื่อให้ได้มุมมองที่สมดุล
• การตั้งค่าเนื้อหา:
• การปรับแต่งขั้นสูง: คุณสามารถเพิ่มคลาส CSS เพื่อปรับแต่งลักษณะที่ปรากฏ

วิธีการเพิ่มสินค้าที่แนะนำลงในหน้าเพจของคุณ

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

หากต้องการเพิ่มบล็อกสินค้าแนะนำ ให้ทำตามขั้นตอนเหล่านี้

1. เปิดหน้าเว็บหรือโพสต์ที่คุณต้องการเพิ่ม ตัวอย่างเช่น หากคุณวางไว้เหนือตารางผลิตภัณฑ์ ให้สร้างพื้นที่ในส่วนนั้นแล้วคลิกปุ่ม "+" ที่ปรากฏ.

2. เลือกปุ่ม "+" บนแถบเครื่องมือบล็อกเพื่อเปิดรายการบล็อก จากนั้นค้นหาและเลือก "สินค้าแนะนำ"

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

• แสดงหรือซ่อนรายละเอียดสินค้าและราคา.
• กำหนดค่าการแสดงผลสื่อ (ภาพและวิดีโอ).
• เพิ่มข้อความสำรองสำหรับรูปภาพผลิตภัณฑ์.
• เลือกสีพื้นหลังของบล็อก.
• ปรับความทึบของบล็อก.

5. หลังจากปรับแต่งแล้ว คุณสามารถเผยแพร่หรืออัปเดตหน้าเพื่อดูบล็อกสินค้าที่แนะนำของคุณ.

วิธีเพิ่มบล็อกตัวกรองใน WooCommerce

บล็อกตัวกรอง WooCommerce ทำให้ลูกค้าสามารถค้นหาผลิตภัณฑ์ที่ตรงตามเกณฑ์การค้นหาของตนได้อย่างง่ายดาย โดยการให้ตัวเลือกการกรอง ลูกค้าสามารถจำกัดผลการค้นหาให้แคบลงจนถึงผลิตภัณฑ์ที่เกี่ยวข้องได้อย่างรวดเร็ว.

หากต้องการเพิ่มบล็อกตัวกรอง ให้ทำตามขั้นตอนเหล่านี้:

1. เปิดหน้าเว็บหรือโพสต์ที่คุณต้องการวางบล็อกตัวกรอง.
2. กำหนดตำแหน่งที่ต้องการวางบล็อกตัวกรอง.
3. บนแถบเครื่องมือของตัวแก้ไขบล็อก คลิกปุ่ม "+" และค้นหาตัวเลือกตัวกรอง WooCommerce เช่น ตัวกรองราคา ตัวกรองสต็อก ตัวกรองคุณลักษณะ และตัวกรองการให้คะแนน.

ตอนนี้ เรามาพูดถึงตัวกรองแต่ละประเภทที่มีอยู่. 

การเพิ่มตัวกรองตามราคา

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

การเพิ่มตัวกรองตามคุณลักษณะ

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

การเพิ่มตัวกรองตามสถานะสินค้า

บล็อกตัวกรองสถานะสินค้าในสต็อกช่วยให้ผู้ใช้สามารถแสดงสินค้าตามสถานะความพร้อมจำหน่าย สามารถแสดงสินค้าที่มีอยู่ (ในสต็อก), สินค้าหมด (หมดสต็อก), หรือสินค้ารอส่ง คุณสามารถกำหนดค่าเพื่อแสดงจำนวนสินค้า, เลือกระดับหัวข้อ, และเพิ่มปุ่มได้ บล็อกนี้สามารถใช้ร่วมกับบล็อกอื่นๆ ของ WooCommerce เช่น สินค้าทั้งหมด น่าเสียดายที่บล็อกนี้ไม่มีตัวอย่างให้ดูเมื่อเพิ่มลงในหน้า.

บล็อกตะกร้าและชำระเงิน

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

ในระหว่างนี้ บล็อกการชำระเงินจะแสดงแบบฟอร์มการชำระเงินสำหรับตะกร้าสินค้าของคุณ คุณจะได้รับแจ้งว่าหน้านี้สามารถตั้งค่าเป็นหน้าการชำระเงินเริ่มต้นในการตั้งค่า WooCommerce นอกจากนี้ยังมีตัวเลือกสำหรับการแสดงผลในโหมดมืด บล็อกนี้ประกอบด้วยองค์ประกอบหลายอย่างที่คุณสามารถปรับแต่งได้ทีละรายการ น่าเสียดายที่บล็อกนี้ไม่ได้ให้ตัวอย่างหลังจากเพิ่มลงในหน้าแล้ว.

วิธีปรับแต่งหน้า Shop บน WooCommerce

หลังจากเรียนรู้วิธีใช้ WooCommerce Blocks ต่างๆ แล้ว คุณสามารถรวมหลายๆ อย่างเข้าด้วยกันเพื่อสร้างหน้าร้านที่กำหนดเองได้ง่ายต่อการใช้งาน หากต้องการสร้างเค้าโครงหน้าร้านนี้ ให้ทำตามขั้นตอนเหล่านี้.

1. สร้างหน้าใหม่และตั้งชื่อว่า "ร้านค้า"

2. เพิ่ม การค้นหาผลิตภัณฑ์ .

3. เพิ่ม รายการหมวดหมู่สินค้า บล็อก

จากนั้น ตั้งค่ารูปแบบการแสดงผลเป็นดรอปดาวน์.

4. เพิ่ม ตัวกรองราคา
5. เพิ่ม ผลิตภัณฑ์แนะนำ และเลือกผลิตภัณฑ์ที่คุณต้องการเน้น กำหนดค่าได้ตามต้องการ

6. เพิ่ม บล็อกสินค้าทั้งหมด

ตั้งค่าจำนวนคอลัมน์และแถวเป็น 2 และปิดใช้งานตัวเลือกการเรียงลำดับแบบเลื่อนลง.

7. สุดท้าย ให้เผยแพร่หน้าเพื่อดูเลย์เอาท์สุดท้ายของหน้าร้านค้าที่คุณสร้างขึ้น.

สร้างร้านค้าออนไลน์ของคุณด้วย WooCommerce Block และขายสินค้าของคุณ

หลังจากสร้างหน้าร้านที่กำหนดเองด้วย WooCommerce Blocks สำเร็จแล้ว คุณสามารถเริ่มขายสินค้าทางกายภาพและดิจิทัลได้แล้ว โดยเฉพาะอย่างยิ่งสำหรับผลิตภัณฑ์ดิจิทัล การเพิ่มปลั๊กอินดาวน์โหลดไฟล์เช่น WP File Download Addon.

ปลั๊กอินนี้ช่วยให้คุณสามารถขายผลิตภัณฑ์ดาวน์โหลดดิจิทัลใน WooCommerce ได้ WP File Download Addon ทำให้การจัดการไฟล์และหมวดหมู่ไฟล์สำหรับผลิตภัณฑ์ดิจิทัลของ WooCommerce เป็นเรื่องง่าย คุณสามารถสร้างผลิตภัณฑ์ดาวน์โหลดดิจิทัลจำนวนมากที่เชื่อมโยงกับไฟล์เดียวหรือหลายไฟล์ได้อย่างรวดเร็ว.

นอกจากนี้ ปลั๊กอินนี้ยังรวมเข้ากับ Dropbox, Google Drive, Microsoft OneDrive และคุณสมบัติ Social Locker คุณสามารถจัดเตรียมไฟล์จากบริการคลาวด์เหล่านี้เป็นดาวน์โหลดดิจิทัลของ WooCommerce โดยมีการจำกัดการเข้าถึงอย่างมากผ่านตัวเชื่อมต่อ API ของคลาวด์.

ด้วย WP File Download Addon การขายสินค้าดิจิทัลในร้านค้าออนไลน์ WooCommerce ของคุณกลายเป็นเรื่องที่ง่ายและมีประสิทธิภาพมากขึ้น หลังจากสร้างร้านค้าของคุณด้วย WooCommerce Blocks แล้ว ปลั๊กอินนี้ช่วยเสริมการขายเนื้อหาดิจิทัลของคุณได้อย่างสมบูรณ์แบบ.

สรุป

WooCommerce Blocks เป็นปลั๊กอินที่ช่วยให้คุณสร้างร้านค้าออนไลน์ที่สมบูรณ์แบบใน WordPress โดยไม่ต้องเขียนโค้ด ด้วยบล็อกต่างๆ เช่น ตารางสินค้า ตัวกรอง และแสดงสินค้าที่น่าสนใจ คุณสามารถสร้างประสบการณ์ช็อปปิ้งที่น่าสนใจและใช้งานง่ายได้อย่างง่ายดาย อินเทอร์เฟซแบบลากและวางที่คุ้นเคยทำให้การพัฒนาร้านค้าออนไลน์เร็วขึ้นและมีประสิทธิภาพมากขึ้น.

หลังจากสร้างร้านค้าออนไลน์ของคุณแล้ว ขั้นตอนต่อไปคือการขายสินค้าทางกายภาพและดิจิทัล คุณสามารถใช้ WP File Download ปลั๊กอินเสริมเพื่อ ขายสินค้าดิจิทัลด้วย WooCommerce เช่น ebooks ซอฟต์แวร์ หรือเนื้อหามัลติมีเดีย

WP File Download Addon มีให้บริการโดยเริ่มต้นที่ $49 ต่อปี และมีผู้ใช้งานมากกว่า 60,000 คน ดังนั้นคุณกำลังรออะไรอยู่? เข้าร่วมกับเราเพื่อการขายผลิตภัณฑ์ดิจิทัลที่ดีขึ้น!