วิธีสร้างไลท์บ็อกซ์ WooCommerce

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

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

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

มาเริ่มกันเลย!

ทำไมคุณถึงต้องการปลั๊กอินไลท์บ็อกซ์ WooCommerce

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

ด้วยปลั๊กอินไลท์บ็อกซ์ WooCommerce คุณสามารถให้ลูกค้า:

• ดูภาพสินค้า แกลเลอรี่ และรายละเอียดในไลท์บ็อกซ์
• เลือกตัวเลือกสินค้า (เช่น รูปแบบและปริมาณ) และเพิ่มลงในตะกร้าสินค้า

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

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

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

• ไม่ต้องแก้ไขไฟล์ php ใดๆ เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอิน มันจะสร้างไลท์บ็อกซ์มุมมองด่วนโดยอัตโนมัติ ไม่จำเป็นต้องแก้ไขไฟล์ functions.php
• กำหนดสไตล์เองด้วย CSS คุณสามารถปรับแต่งไลท์บ็อกซ์เพื่อให้เข้ากับแบรนด์ของคุณโดยไม่ต้องแก้ไขไฟล์ CSS
• สนับสนุน. คุณยังเข้าถึงการสนับสนุนลูกค้าจากนักพัฒนาของปลั๊กอิน เช่น Barn2 Media

วิธีใช้ WooCommerce Quick View Pro เพื่อสร้าง Quick View Lightbox

นี่คือสิ่งที่คุณจะต้องสร้างไลท์บ็อกซ์ WooCommerce พร้อมฟังก์ชันการดูอย่างรวดเร็ว:

• ร้านค้าที่ขับเคลื่อนด้วย WooCommerce พร้อมผลิตภัณฑ์บางอย่างที่เพิ่มเข้าไป
• WooCommerce Quick View Pro — ปลั๊กอินไลท์บ็อกซ์ WooCommerce ที่ตอบสนอง

ขั้นตอนที่ #1: ติดตั้งและเปิดใช้งาน WooCommerce Quick View Pro

เมื่อคุณซื้อปลั๊กอิน WooCommerce Quick View Pro แล้ว ให้ลงชื่อเข้าใช้เว็บไซต์ WordPress ของคุณ แล้วติดตั้งและเปิดใช้งาน จากนั้นตรงไปที่หน้าการตั้งค่าปลั๊กอิน ( WooCommerce > Settings > Products > Quick view ) จากแดชบอร์ด WordPress

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

หากคุณไปที่หน้าร้านค้าหลักของร้านค้าออนไลน์ คุณจะสังเกตเห็นว่ามีการเพิ่มปุ่ม Quick View ใต้รูปภาพสินค้าโดยตรง ขึ้นอยู่กับธีมที่คุณใช้ อาจมีลักษณะดังนี้:

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

ขั้นตอนที่ #2: เลือกวิธีที่ลูกค้าเปิดตัว WooCommerce Lightbox

ด้วย WooCommerce Quick View Pro คุณสามารถเลือกวิธีที่ลูกค้าเปิดตัวไลท์บ็อกซ์ผลิตภัณฑ์ ตรงไปที่ WooCommerce > การตั้งค่า > ผลิตภัณฑ์ > มุมมองด่วน อีกครั้งและค้นหา ส่วนตัวเลือก

คุณสามารถให้ลูกค้าเปิดไลท์บ็อกซ์ได้โดย:

• แสดงปุ่ม Quick View ในร้านค้า คลิกปุ่ม มุมมองด่วน ใต้ภาพผลิตภัณฑ์แต่ละภาพโดยตรง คุณยังสามารถเปลี่ยนข้อความปุ่มและเลือกแสดง/ซ่อนไอคอนปุ่มได้
• เปิด Quick View โดยคลิกที่ชื่อสินค้าหรือรูปภาพในร้านค้า คลิกที่ชื่อหรือรูปภาพของผลิตภัณฑ์

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

ขั้นตอนที่ #3: แสดงรูปภาพผลิตภัณฑ์ในไลท์บ็อกซ์ (พร้อมมุมมองแบบรวดเร็ว)

หนึ่งในคุณสมบัติที่เรียบร้อยของ WooCommerce Quick View Pro คือมันให้คุณเลือกสิ่งที่คุณต้องการแสดงในไลท์บ็อกซ์

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

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

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

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

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

ขั้นตอนที่ #4: ตัดสินใจว่าจะแสดงรายละเอียดผลิตภัณฑ์ใด

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

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

• ความคิดเห็น
• ราคา
• คำอธิบายสั้น
• ปุ่มหยิบใส่ตะกร้า
• ข้อมูลเมตา (เช่น SKU และหมวดหมู่)

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

บทสรุป

ไลท์บ็อกซ์ WooCommerce พร้อมมุมมองด่วนช่วยให้ลูกค้าสามารถ:

• ค้นหารายละเอียดสินค้าที่ต้องการได้อย่างรวดเร็ว
• ดูภาพสินค้า
• เลือกรูปแบบต่างๆ
• เพิ่มสินค้าลงตะกร้า

… โดยไม่ต้องไปที่หน้าผลิตภัณฑ์เดียวก่อน

WooCommerce Quick View Pro อนุญาตให้ผู้ใช้เพิ่มไลท์บ็อกซ์พร้อมฟังก์ชันการดูอย่างรวดเร็วไปยังหน้าร้านค้าหลักและหน้าหมวดหมู่ นอกจากนี้ยังทำให้ง่ายต่อการปรับแต่งรูปลักษณ์ของไลท์บ็อกซ์และวิธีที่ลูกค้าโต้ตอบกับไลท์บ็อกซ์

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