WooCommerce Blocks: พวกมันคืออะไรและใช้งานอย่างไรให้มีประสิทธิภาพ

เผยแพร่แล้ว: 2022-08-28

บทนำ

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

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

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

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

WooCommerce Blocks คืออะไร?

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

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

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

ประโยชน์ของการใช้บล็อคใน WooCommerce

บล็อกเป็นวิธีที่ดีในการเติมสีสันให้กับหน้าของคุณ นี่คือประโยชน์บางประการของการใช้สิ่งเหล่านี้!

  • ง่ายต่อการใช้

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

  • ให้คุณสร้างเพจได้เร็วขึ้น

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

  • **มีความยืดหยุ่นในการแสดงสินค้า

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

  • ไม่จำเป็นต้องมีประสบการณ์การเขียนโค้ด

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

บล็อก WooCommerce 7 อันดับแรก (และวิธีใช้งาน)

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

สินค้าขายดี บล๊อก

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

ดีที่สุด

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

บล็อกผลิตภัณฑ์ที่โดดเด่น

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

จุดเด่น

สินค้ายอดนิยม บล็อค

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

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

ระดับสูง

บล็อกรีวิวทั้งหมด

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

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

กรองสินค้าตามบล็อคราคา

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

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

กรอง

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

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

ผลิตภัณฑ์

สินค้าใหม่ล่าสุด บล็อค

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

ใหม่ล่าสุด

ข้อสังเกตสุดท้าย

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

บล็อกแบ่งออกเป็นสองประเภท: บล็อกพื้นฐาน ซึ่งมีเนื้อหาสำคัญของหน้าหรือโพสต์ และบล็อกขั้นสูง

บล็อกส่วนใหญ่มีทั้งในตัวแก้ไขแบบคลาสสิกและ Gutenberg นอกจากนี้ บล็อกยังใช้งานง่ายเพราะมีอินเทอร์เฟซที่ใช้งานง่าย คุณสามารถเพิ่มและแก้ไขบล็อคได้ด้วยการคลิกเพียงไม่กี่ครั้ง

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

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

ขอบคุณสำหรับการอ่าน!

บล็อก Gutenberg คืออะไร?

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

บล็อค Elementor คืออะไร?

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

จะแก้ไขบล็อก WooCommerce ได้อย่างไร

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

คู่มือ Fixed.net
คู่มือ Fixed.net