พวกมันคืออะไรและใช้งานอย่างไร

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

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

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

สารบัญ:

บทนำสู่บล็อกตัวกรองผลิตภัณฑ์ WooCommerce

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

ต่อไปนี้คือภาพรวมโดยย่อของบล็อกตัวกรองผลิตภัณฑ์ WooCommerce ฟรี:

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

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

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

ทำไมคุณอาจพิจารณาใช้บล็อกตัวกรองผลิตภัณฑ์ WooCommerce

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

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

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

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

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

คุณสามารถค้นหาบล็อคทั้งหมดเหล่านี้ใน WordPress โดยคลิกที่ปุ่ม + เพื่อแทรกบล็อกใหม่และค้นหา “ตัวกรอง WooCommerce:”

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

ตอนนี้ มาดูวิธีการใช้บล็อกตัวกรองผลิตภัณฑ์ WooCommerce เราจะใช้องค์ประกอบ กรองผลิตภัณฑ์ตามแอตทริบิวต์ เป็นตัวอย่าง

ขั้นตอนที่ 1: เพิ่มแอตทริบิวต์ให้กับผลิตภัณฑ์ WooCommerce ของคุณ

️ หมายเหตุ – สำหรับตัวกรองอื่นๆ (เช่น ราคาหรือหุ้น) คุณไม่จำเป็นต้องตั้งค่าแอตทริบิวต์ใดๆ

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

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

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

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

ตอนนี้ให้เลื่อนลงไปที่ส่วน ข้อมูลผลิตภัณฑ์ และเปิดเมนู แอตทริบิวต์ :

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

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

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

ขั้นตอนที่ 2: ใส่บล็อกตัวกรองผลิตภัณฑ์ของคุณ

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

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

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

ถัดไป ค้นหา "แอตทริบิวต์ตัวกรอง WooCommerce:"

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

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

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

ขั้นตอนที่ 3: กำหนดการตั้งค่าบล็อก

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

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

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

หากคุณเลื่อนลงมา คุณจะเห็นการกำหนดค่าเพิ่มเติมบางอย่างภายใต้ การตั้งค่าการบล็อก :

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

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

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

แค่นั้นแหละ! บล็อกตัวกรองผลิตภัณฑ์ WooCommerce ของคุณพร้อมสำหรับการดำเนินการแล้ว:

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

ภาพรวมของปลั๊กอินตัวกรองผลิตภัณฑ์ WooCommerce

นอกเหนือจากบล็อก WooCommerce ฟรี คุณยังสามารถเข้าถึงปลั๊กอินของบุคคลที่สามเพื่อเพิ่มความยืดหยุ่นในการตั้งค่าตัวกรองของคุณ ตัวอย่างเช่น ปลั๊กอิน WooCommerce Product Search มีตัวเลือกตัวกรองต่อไปนี้:

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

หรือคุณอาจลองใช้ตัวกรองผลิตภัณฑ์ WOOF สำหรับปลั๊กอิน WooCommerce:

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

ตัวกรองผลิตภัณฑ์ WooCommerce โดย WooBeWoo เป็นอีกหนึ่งตัวเลือก freemium ที่ยอดเยี่ยม:

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

เริ่มต้นใช้งานตัวกรองผลิตภัณฑ์ WooCommerce วันนี้

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

เพื่อความยืดหยุ่นที่มากขึ้น คุณยังสามารถติดตั้งปลั๊กอินตัวกรองผลิตภัณฑ์ WooCommerce โดยเฉพาะ

หากคุณต้องการหาวิธีเพิ่มเติมในการสร้างร้านค้า WooCommerce ที่ดีขึ้น คุณยังสามารถตรวจสอบคอลเลกชันของปลั๊กอิน WooCommerce ที่ต้องมี

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