ปรับแต่งการแสดงผลคูปอง (Coupon Display)

วิธีตั้งค่า Coupon Display: ปรับแต่งการ์ดคูปองบนหน้าเว็บให้ตรงกับแบรนด์

เมนู Coupon Display ช่วยให้ร้านค้าปรับแต่งรูปแบบการแสดงผลของการ์ดคูปองบนหน้าเว็บไซต์ได้เอง ไม่ว่าจะเป็นขนาด ความโค้งมน สี และพื้นหลัง พร้อมดูตัวอย่างผลลัพธ์แบบเรียลไทม์ผ่านหน้าจอ Live Preview

บทความนี้จะแนะนำขั้นตอนการตั้งค่าในฝั่งแอดมิน พร้อมตัวอย่างการแสดงผลจริงที่ลูกค้าจะเห็นบนหน้าเว็บไซต์

เข้าถึงเมนู Coupon Display

• 1 คลิกแท็บ ปรับแต่ง ด้านซ้ายบน แล้วเลือกเมนู "Coupon Display"

ปรับแต่งรูปแบบการแสดงผลคูปอง

• 2 มุมขวาบน เปิด-ปิด การปรับแต่งแยกคูปอง เพื่อเลือกว่าจะใช้สีชุดเดียวกันหรือไม่
  — กรณีเปิดปรับแต่งแยกคูปอง จะแสดงแยกเป็น 2 แถบ คือคูปองทั่วไปและคูปองส่งฟรี
• 3 ปรับแต่งค่าพื้นฐาน หากต้องการปรับความกว้างหรือความโค้งมนของคูปอง ให้ติ๊กยกเลิกใช้ค่า Design system
• 4 ปรับแต่งค่าพื้นหลัง กำหนดสีหลัก, สีข้อความแถบมูลค่า, และสีข้อความรายละเอียดคูปอง
• 5 เลือกรูปแบบพื้นหลังของแถบมูลค่าและรายละเอียดคูปอง ได้ 3 แบบ: สีเดียว, ไล่เฉด (กำหนดสีต้น-สีปลาย-มุมองศา) หรือรูปภาพ (อัปโหลดรูปแล้วกำหนดตำแหน่ง/ขนาด)

• 6 ตรวจสอบผลลัพธ์ใน Live Preview แล้วกดปุ่ม บันทึกและนำไปใช้ มุมขวาบน ระบบจะแจ้ง "บันทึกเรียบร้อยแล้ว"

ตัวอย่างการแสดงผลจริงในฝั่งลูกค้า

ตัวอย่างการแสดงผลในฝั่งลูกค้าใน หน้ายืนยันคำสั่งซื้อ

ตัวอย่างการแสดงผลในฝั่งลูกค้าในหน้า โปรไฟล์ คลิกแท็บ คูปองส่วนลด