วิธีตั้งค่า Progress Bar Discount แถบกระตุ้นยอดซื้อ "เพิ่มอีกนิด รับส่วนลด-ของแถม"

Progress Bar Discount Element: แถบโปรโมชั่นที่ช่วยดันยอดสั่งซื้อให้ปิดออเดอร์ไวขึ้น

ลูกค้าหลายคนปิดตะกร้าทั้งที่ใกล้ถึงเงื่อนไขโปรโมชั่นแค่นิดเดียว เพราะไม่รู้ว่าต้อง ซื้อเพิ่มอีกเท่าไหร่ ถึงจะได้ส่วนลดหรือของแถม Progress Bar Discount Element คือแถบแสดงความคืบหน้าที่ช่วยบอกลูกค้าแบบเรียลไทม์ ทำให้ตัดสินใจเพิ่มสินค้าในตะกร้าได้ง่ายขึ้น

Progress Bar Discount คืออะไร

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

วิธีตั้งค่า Progress Bar Discount Element

เข้าเมนู "ปรับแต่งเว็บไซต์": เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb แล้วเพิ่ม Section ที่ต้องการแสดง Progress Bar จากนั้นคลิกเช้าไปยัง Section ดังกล่าว

• 1 คลิก Progress Bar Discount และเลือก Add Element

คลิก Progress Bar Discount แล้วเลือก Add Element เพื่อเข้าสู่หน้าตั้งค่า

• 2 เลือกประเภทโปรโมชั่นที่ต้องการแสดง: แบ่งเป็น 2 ประเภท
• 2.1 โปรโมชั่นแบบมูลค่า (เงื่อนไขเป็นบาท เช่น ยอดสั่งซื้อรวม 100 บาท) 
• 2.2 โปรโมชั่นแบบจำนวน (เงื่อนไขเป็นชิ้น เช่น ซื้อสินค้าตั้งแต่ 10 ชิ้นขึ้นไป)

• 3 เลือกโปรโมชั่นที่ต้องการแสดง: คลิกปุ่ม เลือก เพื่อนำโปรโมชั่นมาแสดงบน Progress Bar และคลิกไอคอนรูปฟันเฟืองเพื่อแก้ไขชื่อโปรโมชั่นที่จะแสดงบนหน้าเว็บไซต์ได้

• 4 ตรวจสอบลำดับโปรโมชั่น: โปรโมชั่นที่เลือกไว้จะแสดงบนแถบ Progress Bar โดยระบบเรียงลำดับตามเงื่อนไขจากน้อยไปมากให้อัตโนมัติ

• 5 ปรับแต่งการแสดงผล: คลิกแท็บ ปรับแต่งการแสดงผล เพื่อกำหนดรายละเอียดของแถบให้เข้ากับธีมร้าน
• ✓ รูปแบบการแสดงผล: เลือกได้ 3 รูปแบบ พร้อมกำหนดรูปแบบเฉพาะสำหรับ Mobile
• ✓ สีพื้นหลัง เส้นขอบ และความโค้งของกรอบ
• ✓ สีของแถบ Progress Bar
• ✓ รูปแบบตัวอักษร สีข้อความ และไอคอน

รูปแบบการแสดงผล Progress Bar Discount Element

ระบบมีเทมเพลตให้เลือก 3 รูปแบบ เพื่อให้เข้ากับดีไซน์ของแต่ละร้านค้า

การทำงานเบื้องหลังที่ควรรู้

การเรียงลำดับโปรโมชั่น

ระบบเรียงลำดับโปรโมชั่นตามเงื่อนไขจากน้อยไปมาก หากเงื่อนไขเท่ากัน จะพิจารณาจากมูลค่าส่วนลดที่ได้รับ โดยเรียงจากส่วนลดน้อยไปมาก เช่น

• Promotion A ซื้อครบ 1,000 บาท รับส่วนลด 500 บาท
• Promotion B ซื้อครบ 1,000 บาท รับส่วนลด 200 บาท 

ระบบจะแสดงลำดับเป็น Promotion B → Promotion A

เงื่อนไขที่โปรโมชั่นจะไม่ถูกแสดง

• ✗ โปรโมชั่นหมดอายุการใช้งาน
• ✗ โปรโมชั่นอยู่ในสถานะปิดใช้งาน

หากไม่มีโปรโมชั่นใดใช้งานได้เลย ระบบจะซ่อน Progress Bar Discount Element ให้อัตโนมัติ

การทำงานร่วมกับระบบ Member Level

โปรโมชั่นที่แสดงบน Progress Bar จะอ้างอิงตามการตั้งค่า Member Level ของแต่ละโปรโมชั่น หาก Member Level ของลูกค้าไม่ตรงตามเงื่อนไข ระบบจะไม่แสดงจุดโปรโมชั่นนั้น และถ้าลูกค้าใช้งานโปรโมชั่นใดใน Progress Bar ไม่ได้เลย ระบบจะซ่อน Element ทั้งแถบ