วิธีสร้างการค้นหาผลิตภัณฑ์ใน WooCommerce (ทีละขั้นตอน)

เผยแพร่แล้ว: 2022-06-27

คุณต้องการทราบวิธีการสร้างการค้นหาผลิตภัณฑ์ใน WooCommerce หรือไม่?

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

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

เอาล่ะ!

ทำไมต้องสร้างการค้นหาผลิตภัณฑ์ใน WooCommerce?

เครื่องมือค้นหา WordPress เริ่มต้นไม่เห็นความแตกต่างระหว่างผลิตภัณฑ์ WooCommerce กับโพสต์และหน้าปกติ

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

นอกจากนี้ WordPress ยังเพิกเฉยต่อคุณลักษณะของผลิตภัณฑ์ WooCommerce เมื่อทำการค้นหา

ด้วยเหตุนี้ ลูกค้าของคุณจึงไม่สามารถค้นหาผลิตภัณฑ์ตามตัวเลือกสี ขนาด SKU และอื่นๆ

โชคดีที่คุณสามารถจัดการกับปัญหาทั้งสองนี้ได้อย่างง่ายดายด้วย การสร้างการค้นหาผลิตภัณฑ์ มันจะช่วยคุณ:

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

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

วิธีสร้างการค้นหาผลิตภัณฑ์ WooCommerce อัจฉริยะ

วิธีที่ง่ายที่สุดในการค้นหาผลิตภัณฑ์ WooCommerce บนไซต์ของคุณคือการใช้ปลั๊กอิน เช่น SearchWP

SearchWP logo

นี่คือปลั๊กอินการค้นหา WordPress ที่ทรงพลังและใช้งานง่ายที่สุดที่ได้รับความไว้วางใจจากเจ้าของเว็บไซต์กว่า 30,000 รายทั่วโลก

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

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

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

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

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

ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน SearchWP

ในการเริ่มต้น คุณสามารถไปรับสำเนาของ SearchWP ได้ที่นี่

เมื่อเสร็จแล้ว ให้ลงชื่อเข้าใช้บัญชี SearchWP ของคุณและไปที่แท็บ ดาวน์โหลด

click Downloads

ถัดไป ให้กดปุ่ม Download SearchWP เพื่อเริ่มดาวน์โหลดไฟล์ ZIP ของปลั๊กอินลงในคอมพิวเตอร์ของคุณ

press Download SearchWP

หลังจากดาวน์โหลดแล้ว ให้คัดลอกรหัสใบอนุญาตที่มุมล่างซ้ายในหน้าเดียวกัน

copy your license key

ขั้นตอนต่อไปคือการอัปโหลดไฟล์ ZIP ที่คุณดาวน์โหลดไปยังไซต์ของคุณ และติดตั้ง SearchWP

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

หลังจากติดตั้งปลั๊กอิน คุณจะต้องเปิดใช้งานด้วยรหัสใบอนุญาตที่คุณคัดลอกไว้ในขั้นตอนก่อนหน้า

ในการเริ่มต้น ให้ไปที่แดชบอร์ด WordPress แล้ววางเมาส์เหนือปุ่ม SearchWP ที่แถบด้านบน

click SearchWP at the top bar

จากนั้นคลิกตัวเลือก เปิดใช้งานใบอนุญาต จากเมนูแบบเลื่อนลง

click Activate License

เมื่อคุณไปที่หน้าใบอนุญาตแล้ว ให้วางรหัสใบอนุญาตของคุณลงในช่อง ใบอนุญาต แล้วคลิก เปิดใช้งาน เพื่อเปิดใช้งานใบอนุญาต SearchWP ของคุณ

click Activate

หลังจากติดตั้งและเปิดใช้งาน SearchWP บนไซต์ของคุณ ขั้นตอนต่อไปคือการติดตั้งส่วนขยายการรวม WooCommerce

ขั้นตอนที่ 2: ติดตั้งส่วนขยายการรวม SearchWP WooCommerce

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

ในการติดตั้ง ให้ไปที่ SearchWP » Extensions ในแผงด้านซ้ายของแดชบอร์ด WordPress ของคุณ

navigate to Extensions

จากนั้นค้นหาส่วนขยาย WooCommerce Integration และคลิก ติดตั้ง ใต้ส่วน

install the WooCommerce extension

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

ขั้นตอนที่ 3: ตั้งค่า Custom Search Engine ของคุณ

ในการเริ่มต้น ให้คลิก SearchWP ในแผงด้านซ้ายของแดชบอร์ด WordPress

click SearchWP

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

your search engines

เครื่องมือค้นหาประกอบด้วยชุดของกฎและเงื่อนไขที่ WordPress ใช้เมื่อทำการค้นหา

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

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

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

ด้วยวิธีนี้ คุณสามารถสร้างฟอร์มการค้นหาที่กำหนดเองได้อย่างเต็มที่ด้วยชุดกฎและเงื่อนไขเฉพาะ

ขณะนี้มีเพียงเครื่องมือค้นหา เริ่มต้น ซึ่ง SearchWP สร้างขึ้นโดยอัตโนมัติหลังการติดตั้ง

มีการเชื่อมโยงกับทุกแบบฟอร์มการค้นหาที่มีอยู่บนไซต์ของคุณ ดังนั้นด้วยการปรับแต่งเครื่องมือค้นหานี้ คุณสามารถควบคุมวิธีการทำงานของการค้นหาทั่วทั้งไซต์ของคุณได้

จำกัดการค้นหาเฉพาะผลิตภัณฑ์ WooCommerce

อย่างที่คุณเห็น เครื่องมือค้นหา เริ่มต้น ในปัจจุบันมีแหล่งที่มาของการค้นหา 3 แหล่ง: โพสต์ หน้า และ สื่อ

the list of your search engines

ในการสร้างการค้นหาผลิตภัณฑ์อัจฉริยะ ก่อนอื่นเราต้องเพิ่มผลิตภัณฑ์ WooCommerce ลงในรายการนี้เป็นแหล่งค้นหา

ในการเริ่มต้น ให้คลิกปุ่ม แหล่งที่มาและการตั้งค่า

click Sources & Settings

จากนั้นทำเครื่องหมายที่ช่องถัดจากแหล่ง ผลิตภัณฑ์ เพื่อให้ใช้งานได้

check the Products search source

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

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

uncheck search sources

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

click Done when you're finished managing sources

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

อย่างที่คุณเห็น แหล่งที่มาของการค้นหาแต่ละแห่งมีรายการแอตทริบิวต์

attributes of a search source

คุณลักษณะคือส่วนของหน้าหรือผลิตภัณฑ์ที่ WordPress พิจารณาเมื่อทำการค้นหา

ยิ่งน้ำหนักที่เกี่ยวข้องของแอตทริบิวต์ยิ่งสูง ก็ยิ่งให้ความสำคัญกับ WordPress มากขึ้นเท่านั้น

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

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

ในการทำเช่นนั้น ให้เลื่อนตัวเลื่อนถัดจากแอตทริบิวต์ทั้งหมด ยกเว้น ชื่อ ไปจนสุดทางซ้าย

you can adjust the attributes relevance weight

ทำให้สามารถค้นหาแอตทริบิวต์ของผลิตภัณฑ์ใหม่ได้

คุณยังสามารถลบแอตทริบิวต์ออกจากแหล่งการค้นหาหรือเพิ่มแอตทริบิวต์ใหม่ได้อย่างสมบูรณ์ ในการเริ่มต้น ให้กดปุ่ม Add/Remove Attributes

press Add Remove attributes

หากคุณต้องการลบแอตทริบิวต์เริ่มต้น ให้ยกเลิกการเลือกช่องถัดจากแอตทริบิวต์ดังกล่าวทางด้านซ้าย

remove search sources

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

remove search sources

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

find an attribute

คลิกตัวเลือกที่ปรากฏพร้อมคำนำหน้า “_” ตัวอย่างเช่น ในกรณีของเราคือ _sku เนื่องจากเราต้องการทำให้ SKU ของผลิตภัณฑ์สามารถค้นหาได้บนเว็บไซต์ของเรา

choose the SKU attribute

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

โดยคลิกที่ ฟิลด์ Custom Fields อีกครั้งและเลือกทางลัด Any Meta Key

click Any Meta Key

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

ให้ลูกค้าของคุณค้นหาด้วยแท็กสินค้า

ให้ลูกค้าของเราค้นหาด้วยแท็กสินค้า ขั้นแรก ให้คลิกที่ฟิลด์ Taxonomies

click Taxonomies

จากนั้น ค้นหาตัวเลือก Product tags และคลิกเพื่อเพิ่มแท็กเป็นแอตทริบิวต์ในเครื่องมือค้นหา เริ่มต้น

choose the products tag attribute

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

press Done when you're finished

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

จัดการหมวดหมู่ WooCommerce ที่คุณต้องการให้ปรากฏในการค้นหา

ในการเริ่มต้น ให้กดปุ่ม แก้ไขกฎ

click Edit Rules

ถัดไป คลิก เพิ่มกฎ

click Add Rule

จากนั้น คลิกที่เมนู แสดงรายการเฉพาะถ้า: และเปลี่ยนเป็น รายการยกเว้นหาก:

choose Exclude entries if

เมื่อคุณทำเสร็จแล้ว ให้คลิกที่เมนู ประเภทผลิตภัณฑ์

click on the product type field

จากนั้นเลือกตัวเลือก หมวดหมู่สินค้า

select product categories

ถัดไป ป้อนชื่อหมวดหมู่ที่คุณต้องการแยกออกจากการค้นหาในช่องขวาสุด

type the name of category you want to exclude

ตัวอย่างเช่น สมมติว่าเราต้องการยกเว้นหมวดหมู่ กางเกงยีนส์ ที่เรามีบนไซต์ทดสอบของเราออกจากการค้นหา

we excluded a category

เมื่อคุณพอใจกับหมวดหมู่ที่ยกเว้นแล้ว ให้กด เสร็จสิ้น

press Done

บันทึกเครื่องมือค้นหาที่กำหนดเองของคุณ

ขั้นตอนสุดท้ายคือการบันทึกการเปลี่ยนแปลงทั้งหมดที่คุณทำกับเครื่องมือค้นหาของคุณ ในการทำเช่นนั้น ให้กดปุ่ม Save Engines ที่มุมขวาบน

click Save Engines

จากนั้นคลิกปุ่ม Rebuild Index ที่อยู่ข้างๆ เพื่อให้ WordPress ทำดัชนีหน้าและผลิตภัณฑ์ทั้งหมดของคุณใหม่โดยพิจารณาจากการปรับแต่งของคุณ

click Rebuild Index

แค่นั้นแหละ. ตอนนี้คุณมีการค้นหาผลิตภัณฑ์ WooCommerce ที่ชาญฉลาดบนไซต์ของคุณแล้ว

มาทดสอบกันดูว่ามันทำงานอย่างไร

ขั้นตอนที่ 4: ทดสอบการค้นหาผลิตภัณฑ์ใหม่ของคุณ

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

click Visit Site

มีโพสต์หลายโพสต์ในไซต์ทดสอบของเราเกี่ยวกับวิธีเลือกหมวกบีนนี่ที่เหมาะกับแต่ละฤดูกาล

มาลองค้นหาคำว่า “beanie” กันดีกว่า ว่าได้ผลลัพธ์อะไรบ้าง

we search for beanie

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

how to create product search in WooCommerce

หมายความว่ากฎที่เราเพิ่มลงในเครื่องมือค้นหาของเราใช้งานได้ และ WordPress จะทำการค้นหาเฉพาะในผลิตภัณฑ์ต่างๆ

ลองตรวจสอบว่าเราสามารถค้นหาผลิตภัณฑ์จากแท็กได้หรือไม่ เรามีผลิตภัณฑ์บนไซต์ทดสอบของเราชื่อ Warm Jacket

ไม่มีคำอธิบายใด ๆ ยังไม่ได้เพิ่มในหมวดหมู่ใด ๆ แต่มีแท็ก Winter Clothes

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

click Find Results

อย่างที่คุณเห็น เราพบผลิตภัณฑ์สำเร็จแล้ว

we found our product

หมายความว่าตอนนี้ WordPress พิจารณาแท็กผลิตภัณฑ์เมื่อทำการค้นหา

วิธีสร้างหน้าค้นหาใน WooCommerce

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

มาดูกันว่าคุณจะทำทีละขั้นตอนได้อย่างไร

ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน SearchWP

ขั้นตอนแรกคือการคว้าสำเนาของ SearchWP และติดตั้งบนเว็บไซต์ของคุณ

เราได้กล่าวถึงวิธีการดำเนินการดังกล่าวแล้วในตอนต้นของบทความนี้ ดังนั้นอย่าลังเลที่จะตรวจสอบวิธีการติดตั้งและเปิดใช้งาน SearchWP

ขั้นตอนที่ 2: สร้างหน้าค้นหา

หลังจากติดตั้ง SearchWP บนไซต์ของคุณ คุณก็พร้อมที่จะสร้างหน้าการค้นหาของคุณ

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

นี่คือตัวอย่างลักษณะที่ปรากฏบนเว็บไซต์ทดสอบของเรา:

search page with products

สำหรับข้อมูลเพิ่มเติม โปรดดูคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีสร้างหน้าค้นหาใน WordPress

ในคู่มือนี้ คุณได้เรียนรู้วิธีสร้างการค้นหาผลิตภัณฑ์ใน WooCommerce ในไม่กี่ขั้นตอนง่ายๆ

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

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

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

กำลังมองหาวิธีเพิ่มแบบฟอร์มการค้นหาในหน้าร้านค้า WooCommerce ของคุณหรือไม่? ทำตามวิธีการเพิ่มแบบฟอร์มการค้นหา WooCommerce ในหน้าร้านค้าของคุณการสอนทีละขั้นตอน