การใช้งาน Search Product Element

'Search Product' แถบเครื่องมือที่ใช้สำหรับค้นหาสินค้าบนเว็บไซต์ เพื่อให้ง่ายต่อการค้นหา เพียงแค่ใส่ Keywords สินค้าที่ต้องการระบบจะทำการค้นหาสินค้าที่เกี่ยวข้องได้

K
Ketshopweb Team
2022-12-14 17:55:14
การใช้งาน Search Product Element

คู่มือการใช้งาน · Page Layouts

เพิ่มช่องค้นหาสินค้าบนหน้าเว็บด้วย Search Product Element

คู่มือการใช้งาน · ระบบ Ketshopweb · อัปเดตล่าสุด กรกฎาคม 2026

ลูกค้าที่หาสินค้าไม่เจอมักปิดหน้าเว็บไปโดยไม่ซื้อ การมีช่องค้นหาสินค้าวางอยู่ในตำแหน่งที่เห็นง่ายจะช่วยลดปัญหานี้ได้ Ketshopweb มีเครื่องมือ Search Product Element ที่ร้านค้าสามารถวางลงบนหน้าเว็บส่วนใดก็ได้ผ่าน Page Layouts โดยไม่ต้องเขียนโค้ดเอง

Search Product Element คืออะไร

Search Product Element ร้านค้าสามารถเพิ่มช่องค้นหาสินค้าไว้ในตำแหน่งใดของหน้าเว็บก็ได้ เหมาะสำหรับร้านที่มีสินค้าจำนวนมากและต้องการให้ลูกค้าค้นหาสินค้าที่ต้องการได้เร็วขึ้น


วิธีเพิ่ม Search Product Element

1 คลิก "ปรับแต่ง"

2 เลือกเมนู "Page Layouts"

3 เลือกเมนู "ปรับแต่งเนื้อหา"

ตำแหน่งที่ 1-3 คลิกปรับแต่ง เลือก Page Layouts และปรับแต่งเนื้อหา

4 คลิก "Add Section"

คลิก Add Section เพื่อเพิ่มส่วนใหม่


Element ที่สามารถใช้งานได้คือ Custom Layout, Column Element ในตัวอย่างนี้เลือกใช้ Section Background Image > Custom Layou


5 เลือก Background image จากนั้นคลิก "Add Section"

เลือก Background image แล้วคลิก Add Section

เมื่อเพิ่ม Background Image Section แล้วจะแสดงอยู่ฝั่งขวามือ

6 คลิก พื้นที่ว่างในกรอบ

คลิกพื้นที่ว่างในกรอบ Page Layouts

7 คลิก "Add Element"

คลิก Add Element

8 เลือก Custom Layout จากนั้นคลิก "Add Element"

เลือก Custom Layout แล้วคลิก Add Element

9 คลิก ไอคอนเครื่องหมายบวก

คลิกไอคอนเครื่องหมายบวกเพื่อเพิ่ม Element

10 เลือก Search product จากนั้นคลิก "Add Element"

เลือก Search product แล้วคลิก Add Element

เมื่อเพิ่มแล้วจะแสดงเครื่องมือ Search product ดังภาพด้านล่าง

เครื่องมือ Search product ที่เพิ่มเข้ามาในหน้า

11 คลิก "Save" หลังจากตั้งค่าสำเร็จ

คลิก Save เพื่อบันทึกการตั้งค่า

การแสดงผลหน้าเว็บไซต์

ตัวอย่างผลลัพธ์ Search Product Element บนหน้าเว็บไซต์

พร้อมเพิ่มช่องค้นหาสินค้าให้ลูกค้าหรือยัง

ทีม Ketshopweb ยินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย ช่วยตั้งค่า Page Layouts และ Element ต่าง ๆ ให้เหมาะกับร้านค้าของคุณ

Ketshopweb · ระบบร้านค้าออนไลน์ ขายคล่อง ส่งสะดวก ครบในที่เดียว
www.ketshopweb.com · sales@ketshopweb.com
แชร์: