วิธีสร้างผลิตภัณฑ์ 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 logo

SearchWP เป็นปลั๊กอินที่ทรงพลังสำหรับผู้เริ่มต้นใช้งาน พร้อมคุณสมบัติมากมายที่จะช่วยคุณปรับปรุงการค้นหา WordPress ของคุณ

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

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

เจ้าของเว็บไซต์ WordPress มากกว่า 30,000 รายใช้ SearchWP เพื่อนำเสนอผลการค้นหาที่เกี่ยวข้องมากที่สุดแก่ผู้เยี่ยมชม

นี่คือคุณสมบัติอื่น ๆ ของปลั๊กอินนี้ที่ทำให้เป็นที่นิยม:

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

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

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

สิ่งแรกที่คุณต้องทำคือคว้าสำเนา SearchWP ของคุณ

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

go to the Downloads tab

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

press Download SearchWP

หลังจากดาวน์โหลด ให้คัดลอกคีย์ใบอนุญาตของปลั๊กอินบนแท็บเดียวกัน

copy your license key

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

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

ในการทำเช่นนั้น ไปที่แดชบอร์ด WordPress ของคุณและคลิก เปิดใช้งานใบอนุญาต ใต้ปุ่ม SearchWP ที่แผงด้านบน

click Activate License

ถัดไป วางคีย์ใบอนุญาต SearchWP ของคุณลงในช่อง ใบอนุญาต แล้วคลิก เปิดใช้งาน

press the Activate button

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

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

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

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

go to SearchWP Extensions

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

install the WooCommerce Integrations Extension

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

ขั้นตอนที่ 3: ปรับแต่งแหล่งที่มาของเครื่องมือค้นหาของเครื่องมือค้นหาของคุณ

ในการทำเช่นนั้น ก่อนอื่น ให้คลิกปุ่ม SearchWP ในแผงด้านซ้ายของแดชบอร์ดของคุณ

go to SearchWP settings

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

your search engines

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

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

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

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

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

press Sources and Settings

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

make Products as an active search source

ตอนนี้ไซต์ Divi ของคุณจะค้นหาผลิตภัณฑ์ WooCommerce

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

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

click Add Remove attributes

จากนั้นคลิกที่ ฟิลด์ Custom Fields

click on the Custom Fields field

จากนั้นเลือกตัวเลือก Meta Key ใด ๆ จากเมนูแบบเลื่อนลง

add the Any Meta Key shortcut

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

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

โดยคลิกที่ฟิลด์ Taxonomies และเลือกสองตัวเลือก: Product Tags และ Product Categories

add product categories and tags

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

save your attributes

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

press Save Engines

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

click Rebuild Index

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

มาสร้างหน้าค้นหา Divi ใหม่และเพิ่มแถบค้นหาที่ได้รับการปรับปรุงของคุณ

ขั้นตอนที่ 4: เพิ่มวิดเจ็ตการค้นหาไปยังหน้า Divi

ในการเริ่มต้น ให้ไปที่ หน้า » เพิ่มใหม่ ในแดชบอร์ด WordPress ของคุณ

add a new page

เพิ่มชื่อในหน้าของคุณแล้วกดปุ่ม Use The Divi Builder เพื่อเปิดในเครื่องมือแก้ไข Divi

click Edit with Divi Editor

ถัดไป คลิก เริ่มสร้าง ภายใต้ส่วน สร้างจาก ศูนย์

press Start Building

เมื่อคุณอยู่ในตัวแก้ไข Divi ให้เลือกเค้าโครงของแถวแรกบนหน้าของคุณ ตัวอย่างเช่น เราจะเลือกเค้าโครงแรก

choose the first row layout

หลังจากนั้น คุณสามารถเลือกโมดูลที่คุณต้องการเพิ่มลงในเพจของคุณได้ ค้นหาโมดูลการ ค้นหา และคลิกที่มัน

add the search module

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

click the green checkmark icon

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

click three dots icon

จากนั้นกดปุ่ม บันทึก ที่มุมล่างขวาของตัวแก้ไข Divi เพื่อบันทึกหน้าของคุณ

press Save

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

ขั้นตอนที่ 5: ทดสอบ Divi Search ใหม่ของคุณ

ในการเริ่มต้น ให้คลิกปุ่ม ออกจาก Visual Builder ที่ด้านบนของ Divi Editor เพื่อไปที่เพจของคุณ

click Exit Visual Builder

ถัดไป ค้นหาผลิตภัณฑ์ WooCommerce ที่คุณมีในร้านค้าของคุณ ตัวอย่างเช่น เราจะค้นหา Fancy Coat

press Search

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

we found our product

เรามาลองค้นหาผลิตภัณฑ์ตามหมวดหมู่กัน เนื่องจากการค้นหา Divi ของเราซึ่งได้รับการปรับปรุงด้วย SearchWP นั้นฉลาดขึ้นมาก

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

search for product by category

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

we found products by category

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

จะช่วยให้คุณสร้างหน้าและธีมที่สวยงามสำหรับร้านค้า WooCommerce ของคุณโดยใช้ Divi โดยไม่สูญเสียลูกค้า

พร้อมที่จะเพิ่มขีดความสามารถในการค้นหาไซต์ Divi ของคุณหรือไม่ คุณสามารถเริ่มต้นใช้งาน SearchWP ได้ที่นี่

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

กำลังมองหาวิธีสร้างหน้าค้นหาที่สวยงามโดยใช้ Divi หรือไม่? ทำตามคำแนะนำของเราเกี่ยวกับวิธีสร้างเทมเพลตหน้าผลการค้นหา Divi