วิธีสร้างผลิตภัณฑ์ Divi Search WooCommerce (ไม่มีการเข้ารหัส)
เผยแพร่แล้ว: 2022-08-29ต้องการทราบวิธีการทำให้ Divi ค้นหาผลิตภัณฑ์ WooCommerce?
เป็นปัญหาที่เจ้าของร้านค้า WooCommerce ทุกคนที่ใช้ Divi เป็นเครื่องมือสร้างเพจหลักต้องแก้ไขหากต้องการประสบความสำเร็จทางออนไลน์
ในบทช่วยสอนนี้ เราจะแสดงวิธีเปิดใช้งานการค้นหาโดยผลิตภัณฑ์ WooCommerce บนไซต์ Divi ของคุณในไม่กี่ขั้นตอนง่ายๆ
มาดำดิ่งกัน!
ทำไมต้องค้นหา Divi สำหรับผลิตภัณฑ์ WooCommerce
เครื่องมือค้นหา WordPress เริ่มต้นค่อนข้างอ่อนแอและไม่ใช่ตัวเลือกที่ดีที่สุดหากคุณต้องการมอบประสบการณ์การใช้งานที่ดีแก่ลูกค้าของคุณ
ตัวอย่างเช่น จะไม่:
- พิจารณาคุณลักษณะของผลิตภัณฑ์เมื่อทำการค้นหา
- ให้ลูกค้าของคุณค้นหาตามแท็กสินค้า
- ใส่ใจกับหมวดสินค้า
- มองหาการจับคู่บางส่วนหากไม่มีการจับคู่ที่แน่นอน
- รวบรวมข้อมูลใด ๆ เกี่ยวกับกิจกรรมการค้นหาของผู้เยี่ยมชมของคุณ
- และอื่น ๆ อีกมากมาย…
เช่นเดียวกับโมดูลการค้นหา Divi เนื่องจาก Divi เป็นปลั๊กอินตัวสร้างเพจที่ใช้เครื่องมือค้นหา WordPress เริ่มต้นเดียวกัน
โชคดีที่มีวิธีทำให้การค้นหาบนไซต์ WooCommerce ของคุณฉลาดขึ้น และช่วยให้ผู้เยี่ยมชมของคุณค้นหาผลิตภัณฑ์ที่ต้องการได้เร็วขึ้น
มาดูกันว่าคุณจะทำได้อย่างไรในไม่กี่คลิก โดยไม่ต้องใช้ทักษะการเขียนโปรแกรมหรือเทคนิค
วิธีสร้าง Divi ค้นหาผลิตภัณฑ์ WooCommerce
วิธีที่ง่ายและรวดเร็วที่สุดในการค้นหา Divi สำหรับผลิตภัณฑ์ WooCommerce คือการใช้ SearchWP
SearchWP เป็นปลั๊กอินที่ทรงพลังสำหรับผู้เริ่มต้นใช้งาน พร้อมคุณสมบัติมากมายที่จะช่วยคุณปรับปรุงการค้นหา WordPress ของคุณ
ช่วยให้คุณไม่เพียงแต่ทำให้ผลิตภัณฑ์ WooCommerce สามารถค้นหาได้ แต่ยังปรับแต่งการค้นหาของคุณสำหรับความต้องการทางธุรกิจของคุณได้อย่างเต็มที่
ตัวอย่างเช่น คุณสามารถจำกัดการค้นหา เปิดใช้งานการค้นหาตามแท็กผลิตภัณฑ์ จัดลำดับความสำคัญของสินค้าเฉพาะในผลการค้นหา และอื่นๆ อีกมากมาย
เจ้าของเว็บไซต์ WordPress มากกว่า 30,000 รายใช้ SearchWP เพื่อนำเสนอผลการค้นหาที่เกี่ยวข้องมากที่สุดแก่ผู้เยี่ยมชม
นี่คือคุณสมบัติอื่น ๆ ของปลั๊กอินนี้ที่ทำให้เป็นที่นิยม:
- ผลการค้นหาสด ให้ผลการค้นหาลูกค้าของคุณในโหมดออนไลน์เพื่อช่วยให้พวกเขาพบสิ่งที่พวกเขากำลังมองหาได้เร็วขึ้นและเพิ่มยอดขายของคุณ
- การวิเคราะห์กิจกรรมการค้นหา รับรายงานโดยละเอียดเกี่ยวกับพฤติกรรมการค้นหาของผู้เข้าชมเพื่อดูว่าพวกเขาป้อนข้อความค้นหาใด ผลการค้นหาใดได้รับความนิยมสูงสุด และอื่นๆ
- แบบฟอร์มการค้นหาที่กำหนดเอง เพิ่มเครื่องมือค้นหาที่กำหนดเองหลายรายการและเชื่อมต่อกับแบบฟอร์มการค้นหาแต่ละรายการในไซต์ของคุณ
- ควบคุมผลการค้นหา เปลี่ยนลำดับของผลการค้นหาในไซต์ของคุณในแบบที่คุณต้องการโปรโมตหน้าเว็บเฉพาะและได้รับการดูหน้าเว็บมากขึ้น
ด้วยเหตุนี้ เรามาพูดถึงวิธีที่คุณสามารถใช้ SearchWP เพื่อทำให้ Divi ค้นหาผลิตภัณฑ์ WooCommerce
ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน SearchWP
สิ่งแรกที่คุณต้องทำคือคว้าสำเนา SearchWP ของคุณ
เมื่อคุณได้รับสำเนาของปลั๊กอินแล้ว ให้ไปที่บัญชี SearchWP ของคุณและไปที่แท็บ ดาวน์โหลด
จากนั้นกดปุ่ม Download SearchWP และดาวน์โหลดไฟล์ ZIP ของปลั๊กอินลงในคอมพิวเตอร์ของคุณ
หลังจากดาวน์โหลด ให้คัดลอกคีย์ใบอนุญาตของปลั๊กอินบนแท็บเดียวกัน
ถัดไป คุณจะต้องอัปโหลดไฟล์ ZIP ของ SearchWP ไปยังไซต์ของคุณและติดตั้งปลั๊กอิน ดูบทช่วยสอนโดยละเอียดเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress หากคุณต้องการความช่วยเหลือ
หลังจากที่คุณติดตั้งปลั๊กอิน คุณจะต้องเปิดใช้งานสำเนาของคุณด้วยรหัสใบอนุญาตของคุณ
ในการทำเช่นนั้น ไปที่แดชบอร์ด WordPress ของคุณและคลิก เปิดใช้งานใบอนุญาต ใต้ปุ่ม SearchWP ที่แผงด้านบน
ถัดไป วางคีย์ใบอนุญาต SearchWP ของคุณลงในช่อง ใบอนุญาต แล้วคลิก เปิดใช้งาน
หลังจากที่คุณเปิดใช้งานใบอนุญาต ขั้นตอนต่อไปคือการติดตั้งส่วนขยาย WooCommerce Integration
ขั้นตอนที่ 2: ติดตั้งส่วนขยายการรวม WooCommerce
การใช้ส่วนขยายนี้ทำให้คุณสามารถผสานรวม SearchWP กับ WooCommerce ได้อย่างราบรื่นและควบคุมการค้นหาผลิตภัณฑ์ของคุณได้อย่างสมบูรณ์
ในการติดตั้ง ให้ไปที่ SearchWP » Extensions ในแผงด้านซ้ายของแดชบอร์ด WordPress ของคุณ
จากนั้นค้นหาส่วนขยาย WooCommerce Integration แล้วคลิก ติดตั้ง
หลังจากที่คุณติดตั้งและเปิดใช้งานส่วนขยาย คุณก็พร้อมที่จะเริ่มทำการค้นหา Divi ผลิตภัณฑ์ WooCommerce
ขั้นตอนที่ 3: ปรับแต่งแหล่งที่มาของเครื่องมือค้นหาของเครื่องมือค้นหาของคุณ
ในการทำเช่นนั้น ก่อนอื่น ให้คลิกปุ่ม SearchWP ในแผงด้านซ้ายของแดชบอร์ดของคุณ
หลังจากนั้น คุณจะไปที่แท็บ Engines ในการตั้งค่า SearchWP ซึ่งคุณสามารถจัดการและปรับแต่งเครื่องมือค้นหาของคุณได้
เครื่องมือค้นหาคือชุดของการตั้งค่าและกฎที่ WordPress ปฏิบัติตามเมื่อทำการค้นหาในเว็บไซต์ของคุณ
ด้วย SearchWP คุณสามารถปรับแต่งได้อย่างเต็มที่เพื่อตอบสนองความต้องการทางธุรกิจของคุณ รวมถึงการค้นหา Divi สำหรับผลิตภัณฑ์ WooCommerce
นอกจากนี้ คุณยังสามารถซ่อนผลิตภัณฑ์เฉพาะจากผลการค้นหา เปิดใช้งานการค้นหาตาม SKU ของผลิตภัณฑ์ ทำการค้นหา WordPress สำหรับรายการที่ตรงกัน และอื่นๆ อีกมากมาย
เพื่อให้ผลิตภัณฑ์ WooCommerce สามารถค้นหาได้บนไซต์ Divi ของคุณ คุณจะต้องทำให้พวกเขาเป็นแหล่งค้นหาที่ใช้งานอยู่
ในการทำเช่นนั้น ให้คลิกปุ่ม แหล่งที่มาและการตั้งค่า
จากนั้นทำเครื่องหมายที่ช่องถัดจากแหล่ง ผลิตภัณฑ์ เพื่อให้ใช้งานได้ และกด เสร็จสิ้น เพื่อบันทึกการเปลี่ยนแปลงของคุณ

ตอนนี้ไซต์ Divi ของคุณจะค้นหาผลิตภัณฑ์ WooCommerce
มาทำให้คุณลักษณะของผลิตภัณฑ์ WooCommerce เช่น แท็ก หมวดหมู่ และฟิลด์ที่กำหนดเองสามารถค้นหาได้เพื่อเพิ่มการค้นพบของพวกเขาในไซต์ของคุณ
ในการเริ่มต้น ให้กดปุ่ม เพิ่ม/ลบแอตทริบิวต์ ใต้ส่วนแหล่งที่มาของการค้นหา ผลิตภัณฑ์
จากนั้นคลิกที่ ฟิลด์ Custom Fields
จากนั้นเลือกตัวเลือก Meta Key ใด ๆ จากเมนูแบบเลื่อนลง
นี่คือทางลัด SearchWP ที่ให้คุณสร้างเนื้อหาของฟิลด์ที่กำหนดเองที่คุณมีบนไซต์ของคุณสามารถค้นหาได้โดยอัตโนมัติ
ขั้นตอนต่อไปคือการเปิดใช้งานการค้นหาตามแท็กผลิตภัณฑ์และหมวดหมู่
โดยคลิกที่ฟิลด์ Taxonomies และเลือกสองตัวเลือก: Product Tags และ Product Categories
เมื่อคุณจัดการแอตทริบิวต์ของผลิตภัณฑ์ที่สามารถค้นหาได้เสร็จสิ้นแล้ว ให้กด เสร็จสิ้น เพื่อบันทึกการเปลี่ยนแปลงที่คุณได้ทำกับแหล่งที่มาของการค้นหา ผลิตภัณฑ์
ขั้นตอนสุดท้ายคือการบันทึกเครื่องมือค้นหาที่คุณกำหนดเอง คุณสามารถทำได้โดยกดปุ่ม Save Engines ที่มุมบนขวา
จากนั้นคลิกปุ่ม สร้างดัชนีใหม่ เพื่อให้ WordPress สร้างดัชนีผลิตภัณฑ์ WooCommerce ของคุณใหม่และตรวจสอบว่ามีคุณลักษณะใดบ้าง
แค่นั้นแหละ. การค้นหา Divi WooCommerce ของคุณฉลาดขึ้นมาก และตอนนี้ลูกค้าของคุณสามารถค้นหาผลิตภัณฑ์ที่เหมาะสมได้ง่ายขึ้น
มาสร้างหน้าค้นหา Divi ใหม่และเพิ่มแถบค้นหาที่ได้รับการปรับปรุงของคุณ
ขั้นตอนที่ 4: เพิ่มวิดเจ็ตการค้นหาไปยังหน้า Divi
ในการเริ่มต้น ให้ไปที่ หน้า » เพิ่มใหม่ ในแดชบอร์ด WordPress ของคุณ
เพิ่มชื่อในหน้าของคุณแล้วกดปุ่ม Use The Divi Builder เพื่อเปิดในเครื่องมือแก้ไข Divi
ถัดไป คลิก เริ่มสร้าง ภายใต้ส่วน สร้างจาก ศูนย์
เมื่อคุณอยู่ในตัวแก้ไข Divi ให้เลือกเค้าโครงของแถวแรกบนหน้าของคุณ ตัวอย่างเช่น เราจะเลือกเค้าโครงแรก
หลังจากนั้น คุณสามารถเลือกโมดูลที่คุณต้องการเพิ่มลงในเพจของคุณได้ ค้นหาโมดูลการ ค้นหา และคลิกที่มัน
จากนั้นกดปุ่ม เครื่องหมายถูกสีเขียว เพื่อบันทึกโมดูลใหม่ของคุณ
เมื่อคุณพอใจกับหน้าตาการค้นหาของคุณแล้ว ให้คลิกไอคอน สามจุด ที่ด้านล่างของโปรแกรมแก้ไข Divi
จากนั้นกดปุ่ม บันทึก ที่มุมล่างขวาของตัวแก้ไข Divi เพื่อบันทึกหน้าของคุณ
หลังจากบันทึกหน้าแล้ว ขั้นตอนสุดท้ายคือการทดสอบการค้นหา Divi ใหม่ของคุณ
ขั้นตอนที่ 5: ทดสอบ Divi Search ใหม่ของคุณ
ในการเริ่มต้น ให้คลิกปุ่ม ออกจาก Visual Builder ที่ด้านบนของ Divi Editor เพื่อไปที่เพจของคุณ
ถัดไป ค้นหาผลิตภัณฑ์ WooCommerce ที่คุณมีในร้านค้าของคุณ ตัวอย่างเช่น เราจะค้นหา Fancy Coat
อย่างที่คุณเห็น เราพบผลิตภัณฑ์โดยใช้แบบฟอร์มการค้นหา Divi ใหม่ของเรา เนื่องจากตอนนี้ค้นหาผลิตภัณฑ์ WooCommerce
เรามาลองค้นหาผลิตภัณฑ์ตามหมวดหมู่กัน เนื่องจากการค้นหา Divi ของเราซึ่งได้รับการปรับปรุงด้วย SearchWP นั้นฉลาดขึ้นมาก
ตัวอย่างเช่น เราจะค้นหาผลิตภัณฑ์ที่อยู่ในหมวดหมู่ หมวก
คุณจะเห็นว่ามีเพียงผลิตภัณฑ์จากหมวดหมู่ Hats ซึ่งหมายความว่าเราได้ทำให้คุณลักษณะผลิตภัณฑ์ WooCommerce ค้นหาได้สำเร็จ
จากคู่มือนี้ คุณได้เรียนรู้วิธีค้นหาผลิตภัณฑ์ WooCommerce ของ Divi
จะช่วยให้คุณสร้างหน้าและธีมที่สวยงามสำหรับร้านค้า WooCommerce ของคุณโดยใช้ Divi โดยไม่สูญเสียลูกค้า
พร้อมที่จะเพิ่มขีดความสามารถในการค้นหาไซต์ Divi ของคุณหรือไม่ คุณสามารถเริ่มต้นใช้งาน SearchWP ได้ที่นี่
การค้นหา Divi ของคุณหยุดทำงานหรือไม่ ดูบทช่วยสอนโดยละเอียดเกี่ยวกับวิธีแก้ไขการค้นหา Divi ที่ไม่ทำงานในไม่กี่ขั้นตอนง่ายๆ
กำลังมองหาวิธีสร้างหน้าค้นหาที่สวยงามโดยใช้ Divi หรือไม่? ทำตามคำแนะนำของเราเกี่ยวกับวิธีสร้างเทมเพลตหน้าผลการค้นหา Divi