ในการสร้าง Gamification แบรนด์จะต้องใช้ 3 องค์ประกอบ: Coupon Bucket (คลังโค้ดคูปอง) → Reward (รางวัลที่ลูกค้าจะได้) → Game (สร้างในเมนู News & Activity) เป็นการเชื่อมกับระบบ PUPUP ที่เปิดขึ้นมาเป็นแท็บใหม่ในเบราว์เซอร์

⚡ ทางลัด

เมนูขั้นตอน
1. Couponเตรียมถังคูปองให้มีโค้ด — ดูบทความวิธีสร้าง Coupon Bucket สำหรับเก็บคูปอง
2. Rewardสร้างรางวัลในกลุ่ม Gamification เท่านั้น — การ์ดกลุ่ม Gamificationดูรางวัลในกลุ่มเพิ่มรางวัล · ขั้นตอนเต็มอยู่ในบทความวิธีสร้างของรางวัลชิ้นแรกให้ลูกค้าแลก
3. News & Activity+ Add New ContentPart 3Command Action = Gamification⊕ Create & Manage Game(แท็บ PUPUP) ⊕ New CampaignPrizesPrize PatternGame Preview(กลับแท็บ DeepBLOK) Select a GameSAVEPart 4News TagsSAVE ALL

สิ่งที่ต้องมีก่อนเริ่ม

  • บัญชีที่เห็นเมนู Coupon, Reward และ News & Activity ครบทั้ง 3 เมนู — ถ้าขาดเมนูใดเมนูหนึ่ง ให้แจ้ง Admin ในทีมเพื่อเปิดสิทธิ์การเข้าถึงเมนู
  • สิทธิ์ Manage ของเมนู Reward — ถ้าบัญชีของคุณมีสิทธิ์ดูอย่างเดียว ปุ่มเพิ่มรางวัล ปุ่มบันทึก และปุ่มเผยแพร่จะถูกซ่อนทั้งหมด เหลือให้เห็นแค่ป้ายสถานะ ให้แจ้ง Admin ในทีมเพื่อขอสิทธิ์
  • สิทธิ์เข้าระบบเกม PUPUP — ระบบเกมเป็นระบบแยกที่เปิดจากปุ่มในหน้า Content ถ้ากดแล้วแท็บใหม่ให้ล็อกอินหรือขึ้นว่าไม่มีสิทธิ์ ให้ติดต่อทีมซัพพอร์ต DeepBLOK โดยตรง
  • รายการรางวัลที่จะแจก — ผูกได้ตั้งแต่ 3 ถึง 6 ชิ้น แนะนำให้เตรียมครบ 6 ชิ้น เพราะวงล้อมี 6 ช่องเสมอ ช่องที่เหลือจะขึ้นเป็นภาพกล่องของขวัญของระบบ · เตรียมข้อมูลด้วยว่าชิ้นละกี่โค้ด และเล่นได้วันละกี่ครั้ง
  • ข้อความ Terms & Conditions ทั้งภาษาไทยและภาษาอังกฤษ — ข้อกำหนดและเงื่อนไขของเกมที่คุณกำลังจะสร้าง
  • ไฟล์ภาพครบทั้ง 7 ภาพ — ดูรายละเอียดและขนาดภาพได้ในตารางด้านล่างนี้ (ภาพของตัวรางวัลอีก 2 ไฟล์เตรียมตอนสร้างรางวัลในขั้นที่ 2)

ตารางขนาดภาพที่ต้องเตรียม

ภาพขนาดตำแหน่งที่ใช้
ข่าว — Thumbnail/Banner แบบ Hero banner780 × 690 pxDeepBLOK › Content › Part 2
ข่าว — Thumbnail/Banner แบบ Homenews430 × 220 pxที่เดียวกัน
ข่าว — Detail750 × 520 pxที่เดียวกัน (แยกไฟล์ EN และ TH)
Prizelist Image (ภาพในช่องวงล้อ)80 × 80 pxPUPUP › Prizes (ต่อรางวัล 1 ชิ้น)
Result Image (ภาพตอนลูกค้าถูกรางวัล)520 × 310 pxPUPUP › Prizes (ต่อรางวัล 1 ชิ้น)
Campaign Logoไม่เกิน 480 × 140 pxPUPUP › Game Preview
Background ของเกมไม่เกิน 1136 × 640 pxPUPUP › Game Preview (หรือเลือกเป็นสีล้วนก็ได้)

ช่องอัปโหลดฝั่ง DeepBLOK ทุกช่องระบุไว้ว่า ไฟล์ต้องไม่เกิน 1 MB และเป็น JPEG หรือ PNG

📌 ข้อควรรู้: จะเลือก Hero banner หรือ Homenews? ขนาดภาพ Thumbnail/Banner ที่ถูกต้องขึ้นอยู่กับ News Tags ที่คุณจะเลือกใน Part 4 ตอนท้าย ถ้าอยากให้แบนเนอร์ขึ้นใหญ่บนสุดของหน้าหลัก LINE ให้เตรียม 780 × 690 และเลือกแท็ก Herobanner ถ้าอยากให้อยู่ในลิสต์ข่าว ให้เตรียม 430 × 220 และเลือก Homenews

เหตุผลที่ต้องทำ 3 ขั้นตอน และห้ามสลับลำดับ

แต่ละขั้นตอนต้องอ้างอิงของจากขั้นตอนก่อนหน้า ถ้าข้ามลำดับ ดรอปดาวน์ในขั้นถัดไปจะว่างเปล่า

ขั้นตอนสิ่งที่สร้างในขั้นตอนนี้ผลที่มีต่อขั้นตอนถัดไป
ขั้นตอนที่ 1 Coupon Bucketคลังโค้ดคูปอง เช่น 1,000 โค้ดขั้นตอนที่ 2 ต้องเลือก Bucket นี้
ขั้นตอนที่ 2 Rewardรางวัล 1 ชิ้น เท่ากับ 1 Reward Code และต้องอยู่ในสถานะเผยแพร่แล้วขั้นตอนที่ 3 ต้องเลือก Reward นี้เป็น Prize
ขั้นตอนที่ 3 Game (ระบบ PUPUP)วงล้อ รางวัลในวงล้อ และลำดับการออกรางวัลข่าวต้องเลือกเกมนี้ในช่อง Select a Game
ปลายทาง: ข่าว/แบนเนอร์ปุ่ม เล่นเลย! ที่ลูกค้าเห็นบน LINE

สิ่งที่เกิดขึ้นตอนลูกค้าหมุนวงล้อ: ระบบดึงโค้ด 1 โค้ดออกจาก Coupon Bucket ที่ผูกไว้ แล้วส่งเข้าคูปองของลูกค้า — ดังนั้นถ้าโค้ดใน Bucket หมด รางวัลชิ้นนั้นก็หมดไปด้วย

ขั้นที่ 1: เตรียม Coupon Bucket ให้มีโค้ดพอ

ถังคูปองคือคลังโค้ดที่เกมจะดึงออกไปให้ลูกค้าตอนหมุนได้รางวัล ถ้ายังไม่มีถัง หรือถังที่มีอยู่โค้ดหมดแล้ว เกมจะแจกรางวัลไม่ได้

ขั้นนี้ทำที่เมนู คูปอง และมีวิธีทำละเอียดอยู่ในบทความแยก 2 บทความ

✅ วิธีเช็กว่าพร้อมไปขั้นต่อไป: ที่หน้า Coupon Bucket List คอลัมน์ Coupon Count ของถังที่จะใช้ต้องขึ้นตัวเลขจริง ไม่ใช่ 0 และไม่ใช่ข้อความ Waiting for update data · ถ้าต้องการดูจำนวนคงเหลือแบบละเอียด อ่านบทความดูจำนวนคูปองคงเหลือและคูปองที่ถูกใช้ไปแล้ว

ขั้นที่ 2: เตรียมรางวัลไว้ในกลุ่ม Gamification

รางวัลคือสิ่งที่ลูกค้าได้เมื่อหมุนวงล้อแล้วถูกรางวัล วิธีสร้างรางวัลทีละขั้นอยู่ในบทความวิธีสร้างของรางวัลชิ้นแรกให้ลูกค้าแลก — แต่รางวัลของเกมมีเงื่อนไขเพิ่มมาจากรางวัลทั่วไปอยู่ข้อหนึ่ง คือ ต้องสร้างไว้ในกลุ่ม Gamification เพราะระบบ PUPUP ดึงรางวัลจากกลุ่มรหัส GAMIFICATION-PUPUP เท่านั้น รางวัลที่อยู่ผิดกลุ่มจะไม่ขึ้นในดรอปดาวน์ตอนผูกรางวัลในขั้นที่ 3.7

⚠️ ข้อควรระวัง: ให้เข้าทางการ์ด Gamification เสมอ กดเมนู การจัดการรางวัล ทางซ้าย (โหมดภาษาอังกฤษขึ้นว่า Reward) แล้วกดปุ่ม ดูรางวัลในกลุ่ม บนการ์ด Gamification ก่อน จากนั้นจึงกด เพิ่มรางวัล ในหน้าที่เปิดขึ้นมา

5.12.1 หน้า Reward Group List เต็มหน้าจอ ให้เห็นการ์ด Gamification ครบใบ — ใส่กรอบไฮไลต์ที่ปุ่ม ดูรางวัลในกลุ่ม ท้ายการ์ด และวงกลมเบา ๆ ที่รหัสกลุ่ม GAMIFICATION-PUPUP ใต้ชื่อการ์ด
การ์ดกลุ่ม Gamification และปุ่มดูรางวัลในกลุ่ม

นอกจากกลุ่มแล้ว ยังมีอีก 3 ค่าที่ต้องตั้งให้ตรงกับเกม

ค่าที่ตั้งค่าที่ต้องใช้
ราคา0 เพราะลูกค้าได้รางวัลจากการหมุนวงล้อ ไม่ได้เอาคะแนนมาแลก · ตอนสร้างรางวัลใหม่ช่องนี้ขึ้นเลข 0 มาให้แล้ว ไม่ต้องแก้
ถังคูปองเลือกถังที่เตรียมไว้ในขั้นที่ 1 · ป้ายข้างช่องคูปองคงเหลือในถังต้องขึ้น คูปองยังเหลือ ไม่ใช่ คูปองหมด
ช่วงวันที่แสดงต้องคลุมช่วงเวลาที่เกมจะเปิด เพราะขั้นที่ 3.6 จะตั้ง Valid/Expire datetime ของเกมให้อยู่ในช่วงนี้

✅ วิธีเช็กว่าพร้อมไปขั้นต่อไป: ป้ายสถานะข้างชื่อรางวัลต้องขึ้น เผยแพร่แล้ว สีเขียว · รางวัลที่ยังเป็นร่างหรือถูกยกเลิกเผยแพร่จะไม่ขึ้นในดรอปดาวน์ตอนผูกรางวัลเข้ากับเกมในขั้นที่ 3.7

ขั้นที่ 3: สร้างแบนเนอร์และตัวเกม

ขั้นนี้ยาวที่สุด และเป็นขั้นที่คุณจะสลับไปมาระหว่าง 2 ระบบ คือ DeepBLOK Backoffice และ PUPUP

3.1 สร้างข่าวใหม่ใน News & Activity

กดเมนู News & Activity ทางซ้าย จะได้หน้า Content List กดปุ่ม สีน้ำเงิน + Add New Content มุมขวาบน

หน้าแก้ไขข่าวแบ่งเป็น 4 ส่วน (Part 1–4) แต่ละส่วนมีปุ่ม SAVE สีน้ำเงินของตัวเอง และเมื่อส่วนไหนกรอกครบแล้วจะขึ้น เครื่องหมายถูกสีเขียว ที่หัวข้อส่วนนั้น

5.12.2 หน้า Content List เต็มหน้าจอ พร้อมเมนู News & Activity ที่ถูกเลือกอยู่ทางซ้าย — ใส่กรอบไฮไลต์ที่ปุ่มสีน้ำเงิน + Add New Content มุมขวาบน
หน้า Content List แสดงปุ่ม Add New Content

3.2 Part 1: หัวข้อและเนื้อหา ทั้ง 2 ภาษา

ใน Part 1 : Title and Content จะมีแท็บภาษา 2 แท็บคือ English และ ไทย ต้องกรอก Title และ Description ให้ครบทั้ง 2 แท็บ

💡 ข้อควรรู้: ถ้าเนื้อหา 2 ภาษาใกล้เคียงกัน กดลิงก์ Copy from | ไทย ที่มุมขวาของช่อง Description เพื่อคัดลอกข้อความจากอีกภาษามาแก้ต่อ

กดปุ่ม SAVE ของ Part 1 ก่อนไปส่วนถัดไป