WooCommerce: วิธีเริ่มต้นใช้งาน WooCommerce Blocks – ตอนที่ 1

ตั้งแต่ WordPress 5.0 ตัวแก้ไขหน้า/โพสต์เริ่มต้นได้รับการพัฒนาใหม่ทั้งหมด แน่นอน คุณเคยได้ยินเกี่ยวกับกูเตนเบิร์ก

ข่าวร้ายคือ WooCommerce เข้าร่วมประสบการณ์การแก้ไขแบบใหม่ช้ากว่ามาก และยังมีสิ่งสำคัญที่ต้องพัฒนาเพื่อให้เป็นมิตรกับ Gutenberg

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

ในบทความนี้ เราจะเจาะลึกลงไปในบล็อกของ WooCommerce ว่ามันคืออะไร มีความสำคัญอย่างไร มีกี่บล็อก และคุณจะใช้งานได้อย่างไร

เนื่องจากนี่เป็นหัวข้อที่ใหญ่มาก – เรามี WooCommerce Blocks ถึง 20 บล็อกที่จะกล่าวถึง – เราแบ่งออกเป็นสองส่วน บทความนี้จะประเมินสิบบล็อกแรกที่คุณสามารถใช้ได้ในร้านค้าของคุณ แต่ก่อนอื่น มาระบุกันก่อนว่าบล็อกของ WooCommerce คืออะไร และตรวจสอบว่าเหตุใดจึงมีความสำคัญมาก

WooCommerce Blocks คืออะไร และเหตุใดจึงมีความสำคัญมาก

WooCommerce สร้างหน้าต่างๆ โดยอัตโนมัติ เช่น หน้าหมวดหมู่และหน้าร้านค้าเพื่อแสดงผลิตภัณฑ์ของคุณ อย่างไรก็ตาม มีความเป็นไปได้ที่เว็บไซต์ WooCommerce อื่นอาจดูเหมือนกับร้านค้าอีคอมเมิร์ซของคุณ – หากพวกเขาเลือกหน้าและรูปแบบผลิตภัณฑ์เดียวกันกับของคุณ

อย่างไรก็ตาม ด้วย WooCommerce Blocks คุณสามารถทำให้ร้านค้าของคุณไม่เหมือนใคร และแสดงผลิตภัณฑ์ของคุณในลักษณะและเลย์เอาต์ที่คุณต้องการ

WooCommerce Blocks ช่วยให้คุณควบคุมการออกแบบร้านค้าของคุณได้มากขึ้น การผสานรวมกับ Block Editor ช่วยให้คุณสามารถปรับแต่งร้านค้าของคุณโดยไม่ต้องเขียน CSS แม้แต่บรรทัดเดียว เพิ่มโค้ด หรือต้องการความเชี่ยวชาญด้านการออกแบบกราฟิก

คุณสามารถเพิ่มบล็อกได้ง่ายๆ ด้วยวิธีการลากแล้ววาง การใช้อินเทอร์เฟซที่ใช้งานง่ายของ WooCommerce Block คุณสามารถ:

• สร้างหน้าร้านค้าแบบกำหนดเอง
• สร้างหน้า Landing Page เพื่อแสดงชุดผลิตภัณฑ์
• เพิ่มบล็อคผลิตภัณฑ์ในหน้าเฉพาะหรือแม้แต่โพสต์ในบล็อก
• เพิ่มคำแนะนำผลิตภัณฑ์ รีวิวผลิตภัณฑ์ และแบนเนอร์โปรโมชันได้ทุกที่ที่คุณต้องการ

ลองมาดูที่ WooCommerce Blocks ที่แตกต่างกัน คุณได้รับ 20 WooCommerce Blocks ที่สร้างขึ้นเมื่อคุณติดตั้ง WooCommerce มาดูสิบบล็อกแรกและวิธีใช้งาน

รายการบล็อก WooCommerce ที่จำเป็น [ตอนที่ 1]

1. ตัวกรองผลิตภัณฑ์ที่ใช้งานอยู่

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

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

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

2. รีวิวทั้งหมด

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

จากข้อมูลของ Trustpilot ลูกค้า 89% อ่านบทวิจารณ์ออนไลน์ก่อนซื้อผลิตภัณฑ์ สิ่งนี้แสดงให้เห็นบทบาทสำคัญที่บทวิจารณ์ของลูกค้ามีต่อการขายอีคอมเมิร์ซของคุณ

ดังนั้น การรวมบล็อกรีวิวทั้งหมดบนเว็บไซต์ WooCommerce ของคุณสามารถทำหน้าที่เป็นตัวเปลี่ยนเกมสำหรับการขายผลิตภัณฑ์ของคุณ

บล็อกนี้จะช่วยให้คุณแสดงรายการรีวิวผลิตภัณฑ์ทั้งหมดที่คุณได้รับจากทุกที่ในร้านค้าของคุณ เช่น บล็อกโพสต์หรือหน้า Landing Page

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

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

3. สินค้าทั้งหมด

All Products Block แสดงผลิตภัณฑ์ทั้งหมดในร้าน WooCommerce ของคุณและมีตัวเลือกการเรียงลำดับและการแบ่งหน้า คุณสามารถจัดแนวบล็อกนี้กับบล็อก Active Product Filters เพื่อแสดงรายการดรอปดาวน์การเรียงลำดับ

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

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

4. หมวดหมู่เด่น

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

เป็นโซลูชันที่สมบูรณ์แบบในการเน้นหมวดหมู่ผลิตภัณฑ์เฉพาะบนหน้า Landing Page หรือบล็อกโพสต์ เพื่อเพิ่มการเข้าชมและเพิ่มยอดขายให้กับหมวดหมู่ผลิตภัณฑ์เฉพาะนั้นๆ

หนึ่งในคุณสมบัติที่จำเป็นที่สุดคือ Focal Point Picker ที่ให้คุณลากจุดโฟกัสของรูปภาพเพื่อวางลงในคอนเทนเนอร์พื้นหลังได้อย่างสมบูรณ์แบบ บล็อกนี้ยังให้ตัวเลือกแก่คุณ เช่น การซ่อนหรือแสดงคำอธิบายผลิตภัณฑ์ การเพิ่มสีซ้อนทับ และการเปลี่ยนแปลงความทึบ

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

5. สินค้าแนะนำ

บล็อกผลิตภัณฑ์เด่นช่วยให้คุณสามารถแสดงผลิตภัณฑ์ร้านค้าของคุณในแบนเนอร์ที่เรียบร้อย มีผลกระทบอย่างสวยงาม และออกแบบมาอย่างสวยงามด้วยคำกระตุ้นการตัดสินใจ (CTA)

มาพร้อมกับการตั้งค่าและตัวเลือกมากมายเพื่อแสดงหรือซ่อนราคาและคำอธิบายของผลิตภัณฑ์ ควบคุมการจัดแนวข้อความ เพิ่มสีซ้อนทับ ปรับตำแหน่งและความทึบของพื้นหลัง แทนที่รูปภาพผลิตภัณฑ์ และเปลี่ยนปุ่ม CTA

บล็อกนี้เป็นวิธีที่สมบูรณ์แบบในการแสดงผลิตภัณฑ์เฉพาะบนโพสต์บล็อกหรือหน้า Landing Page และดึงดูดความสนใจของลูกค้า - ดึงพวกเขาเพื่อทำการซื้อ

6. สินค้าตามหมวดหมู่

กลุ่มผลิตภัณฑ์ตามประเภทช่วยให้คุณสามารถแสดงสินค้าจากประเภทที่เลือกหรือประเภทในตาราง

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

7. สินค้าขายดี

Best Selling Products Block ช่วยให้คุณสามารถแสดงสินค้าขายดีของร้านค้าของคุณในแบบตาราง

การออกแบบบล็อกนี้คล้ายกับบล็อก Products By Category โดยมีตัวเลือกการปรับแต่งเหมือนกัน ตัวอย่างเช่น คุณสามารถตั้งค่าตัวเลือกตัวกรองที่เหมาะสมสำหรับผลิตภัณฑ์ เช่น ตัวกรองตามสี ขนาด และราคา

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

8. กรองสินค้าตามราคา

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

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

9. กรองผลิตภัณฑ์ตามคุณสมบัติ

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

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

10. สินค้าใหม่ล่าสุด

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

บล็อกนี้เหมาะอย่างยิ่งสำหรับการแสดงและทำการตลาดสต็อกสินค้าใหม่ของร้านค้าของคุณในหน้าแรกและดึงดูดสายตามากขึ้น ตัวเลือกการปรับแต่งนั้นคล้ายกับตัวเลือกของ Best Selling Products Block

บทสรุป

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

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

ดังนั้น หากคุณต้องการเพิ่มร้านค้า WooCommerce ของคุณและดึงดูดความสนใจมากขึ้น – ใช้ WooCommerce Blocks ที่กล่าวถึงข้างต้น

นอกจากนี้เรายังมีส่วนที่ 2 ของบทความนี้พร้อมด้วย WooCommerce Blocks อีก 10 บล็อกและวิธีเพิ่มและแก้ไขได้อย่างง่ายดาย รับชมพร้อมกันได้ในสัปดาห์หน้า!