10 – คู่มือใช้งาน Lookbook

Lookbook คืออะไรนะ?

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

สิ่งที่ต้องมี

มีสินค้าที่สร้างใน WooCommerce เรียบร้อยแล้ว
มีรูป Lookbook ที่เตรียมไว้ใช้

ขั้นตอนใช้งาน

1. ไปที่เมนู Lookbook

หลังติดตั้งปลั๊กอิน จะมีเมนูชื่อ Lookbook ปรากฏในแถบด้านซ้ายของแอดมิน

2. กดปุ่ม > Add New Lookbook

ใส่ชื่อ Lookbook เช่น “คอลเลกชันหน้าร้อน”
ในช่องเนื้อหา (Editor) ใส่คำอธิบาย ถ้าต้องการ (ไม่ใส่ก็ได้)
เลื่อนลงไปหา “Lookbook Image”

3. อัปโหลดภาพ Lookbook

กด “Upload/Add Image”
เลือกรูปภาพจากคลังสื่อ หรืออัปโหลดใหม่

4. เพิ่มสินค้าในรูป (Hotspots)

เมื่ออัปโหลดรูปแล้วจะเห็นตัวเลือกชื่อ “Products Hotspots”:

คลิกที่ปุ่ม “Add Product Hotspot”
คลิกจุดบนภาพที่ต้องการวางจุดสินค้า
เลือกสินค้าที่ต้องการ (ระบบจะให้ค้นหาชื่อสินค้า)
กำหนดข้อความ (Label) ถ้าต้องการ เช่น “เสื้อยืดสีขาว”
ทำซ้ำได้หลายจุดในรูป

📝 Tips: วางจุดไม่ควรชิดขอบภาพเกินไป ลูกค้าจะกดไม่สะดวก

5. กดปุ่ม Publish (เผยแพร่)

การนำ Lookbook ไปใช้บนหน้าเว็บไซต์

วิธีที่ 1: ใส่ผ่าน Shortcode

หลังจากเผยแพร่ Lookbook แล้ว ระบบจะสร้าง Shortcode ให้ เช่น:

[lookbook id="123"]

คัดลอกไปวางใน Page, Post หรือ Block Editor ได้เลย

การจัดการ Lookbook ที่สร้างไว้

ไปที่เมนู Lookbook > All Lookbooks
สามารถ แก้ไข / ลบ / ดู shortcode ได้ทั้งหมด

ปัญหาที่พบบ่อย

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

เคล็ดลับเพิ่มเติม

ภาพ Lookbook ควรเป็นแนวนอน ขนาดไม่เล็กเกินไป
ใช้ภาพคุณภาพสูง เพื่อให้ hotspot ดูชัดเจน
ไม่ควรใส่จุดเกิน 5 จุดต่อภาพ เพื่อไม่ให้รก