คู่มือใช้งาน Zone4: Back Office และเว็บไซต์

ขั้นตอนทุกงานเรียงเป็นข้อ 1, 2, 3 พร้อมภาพจริงที่ถ่ายจาก dev และกรอบแดงชี้ปุ่มที่ข้อความกล่าวถึง ตัวเลขในวงกลมแดงในข้อความตรงกับเลขในกรอบแดงของรูปที่อยู่เหนือขั้นตอนนั้น

  • ครอบคลุม 23 หัวข้อ
  • 72 งาน
  • 280 ขั้นตอน
  • 108 ภาพ
  • ข้อมูล dev ที่ seed เมื่อ 2026-11-02

วิธีอ่านภาพ

กรอบสีแดงพร้อมเลขวงกลม 1 คือปุ่มหรือช่องที่ขั้นตอนพูดถึง ใต้ภาพมีคำอธิบายของแต่ละเลข ภาพที่มีป้าย ภาพจาก localhost (ข้อมูลทดสอบ) คือขั้นตอนที่เกี่ยวกับเงินหรือกระเป๋า (ชำระเงิน, mint, ซื้อ-ขาย NFT) ซึ่งถ่ายจากระบบทดสอบในเครื่อง ไม่ได้ทำจริงบน dev

ชื่อปุ่มและเมนูคงเป็นภาษาอังกฤษตรงกับที่ปรากฏในหน้าจอ เพื่อให้ค้นหาบนจอได้ตรงตัว

ขอบเขต: หน้า /dev/mock-login เป็นเครื่องมือล็อกอินจำลองสำหรับทีมทดสอบบน dev และ local เท่านั้น ไม่ใช่หน้าของผู้เล่นและไม่มีบน stg/prod จึงไม่รวมเป็นหัวข้อในคู่มือนี้ ผู้เล่นจริงเข้าสู่ระบบด้วย Google หรือบัญชี Maxion จากปุ่ม Login ของเว็บ

ส่วน A

Back Office · Site Zone4

เมนูทั้งหมดของ Site Zone4 ยกเว้น News

1เข้าสู่ระบบและเลือก Site Zone4

Back Office ของ dev อยู่ที่ https://backoffice.dev.maxiondev.com ใช้บัญชี Google ของแอดมินที่ได้รับสิทธิ์ เมื่อเข้าแล้วต้องเลือก site Zone4 ก่อน เมนูทั้งหมดในคู่มือนี้อยู่ใต้ /zone4/… (เมนู News อยู่นอกขอบเขตคู่มือนี้)

1.1สลับไป Site Zone4

เปิดเมนู Switch site
รูปที่ 1 · เปิดเมนู Switch site
  1. 1รายการ site ที่บัญชีนี้เข้าถึงได้
  1. เปิด https://backoffice.dev.maxiondev.com แล้วเข้าสู่ระบบด้วย Google (เลือกบัญชีที่ login ค้างอยู่ในหน้าเลือกบัญชีของ Google ได้เลย)
  2. มุมซ้ายบนคลิกชื่อ site (เช่น Zone4 · Switch site)
  3. เลือก Zone4 จากรายการ (กรอบแดง 1) เมนูด้านซ้ายจะเปลี่ยนเป็นชุดของ Zone4

หมายเหตุ เมนูที่เห็นขึ้นกับสิทธิ์ (feature grant) ของบัญชี ถ้าไม่เห็นเมนูที่ต้องการให้ขอสิทธิ์จากผู้ดูแลระบบ

1.2ทำความรู้จักเมนูด้านซ้าย

เมนูของ Site Zone4
รูปที่ 2 · เมนูของ Site Zone4
  1. 1Switch site
  2. 2Website Config
  3. 3Item SKUs
  4. 4Item Categories
  5. 5Topup
  6. 6Cash Shop
  7. 7Presale
  8. 8Marketplace
  9. 9Grants
  10. 10Coupons
  11. 11Player Activity
  12. 12Audit Log
  1. Master Data (3 Item SKUs, 4 Item Categories) คือต้นทางของไอเทมทุกชิ้น ร้านทุกประเภทอ้าง SKU จากที่นี่
  2. Shop (5 Topup, 6 Cash Shop, 7 Presale, 8 Marketplace) คือหน้าตั้งค่าสิ่งที่ผู้เล่นซื้อได้
  3. Player Rewards (9 Grants, 10 Coupons) คือการแจก DE และคูปอง
  4. Monitoring (11 Player Activity, 12 Audit Log) ใช้ตรวจสอบย้อนหลัง
  5. 2 Website Config เปิด/ปิดฟีเจอร์ของเว็บ Zone4

2Item Categories

หมวดหมู่ของ Item SKU มี 2 ระดับ (หมวดหลัก และหมวดย่อย) ใช้ร่วมกันทุก lane ของเกม URL: /zone4/item-categories บน dev มี 45 หมวด

2.1ดูรายการหมวดหมู่

หน้า Item Categories
รูปที่ 3 · หน้า Item Categories
  1. 1ปุ่ม New top-level category
  2. 2คอลัมน์ SKUS (จำนวน SKU ในหมวด)
  3. 3ปุ่ม Add subcategory
  4. 4ปุ่ม Edit
  5. 5ปุ่ม Delete
  1. เมนู Master Data → Item Categories
  2. อ่านตาราง: ID/ชื่อหมวด, จำนวน SKU (2), ลำดับ, สถานะ Enabled/Disabled
  3. หมวดหลักแต่ละแถวมีปุ่ม Add subcategory (3) ส่วนปุ่ม Edit (4) และ Delete (5) อยู่คอลัมน์ ACTIONS

2.2สร้างหมวดหลักใหม่

กล่อง New top-level category ส่วน Identity และ Display
รูปที่ 4 · กล่อง New top-level category ส่วน Identity และ Display
  1. 1Category ID
  2. 2Parent
  3. 3Name (EN)
  4. 4Icon
  5. 5ปุ่ม Close
ส่วน Placement และปุ่มบันทึก
รูปที่ 5 · ส่วน Placement และปุ่มบันทึก
  1. 1Sort order
  2. 2Enabled
  3. 3ปุ่ม Create category
  1. คลิก New top-level category (ปุ่ม 1 ในรูปรายการ)
  2. ช่อง Category ID (1) ใช้ตัวพิมพ์เล็ก ตัวเลข _ และ - เท่านั้น และแก้ไม่ได้ภายหลัง
  3. Parent (2) เว้นเป็น Top-level (no parent)
  4. กรอก Name (EN) (3) ซึ่งบังคับ ส่วน Name (TH) เว้นว่างได้ (เว็บจะแสดงภาษาอังกฤษแทน) อัปโหลด Icon (4) ได้ถ้าต้องการ (PNG/JPEG/WebP ≤ 2 MB, GIF ≤ 10 MB)
  5. เลื่อนลงมาที่ส่วน Placement: กำหนด Sort order (1) และ Enabled (2) ถ้าปิด Enabled หมวดจะไม่โชว์ในรายการสาธารณะ แต่ SKU ในหมวดยังขายต่อได้
  6. บรรทัดสีส้มด้านล่างบอกสิ่งที่ยังขาด (Still needed) เมื่อครบปุ่ม Create category (3) จะกดได้

หมายเหตุ ตัวอย่างในรูปไม่ได้กดบันทึก ถ้าต้องทดลองบน dev ให้ตั้ง ID ขึ้นต้นด้วย คู่มือ- หรือ manual- แล้วลบทิ้งหลังทดสอบ

2.3แก้ไขหมวด / เพิ่มหมวดย่อย

กล่อง Edit category
รูปที่ 6 · กล่อง Edit category
  1. 1Category ID (แก้ไม่ได้)
  2. 2Name (TH)
ปุ่ม Save category
รูปที่ 7 · ปุ่ม Save category
  1. 1ปุ่ม Save category
กล่อง New subcategory
รูปที่ 8 · กล่อง New subcategory
  1. 1Parent
  2. 2Category ID
  1. คลิก Edit ที่แถวหมวด กล่อง Edit category เปิดขึ้น Category ID (1) เป็นค่าคงที่
  2. แก้ชื่อ (เช่น Name (TH) 2), รูป Icon, Sort order หรือ Enabled แล้วเลื่อนลงกด Save category
  3. หมวดที่มีหมวดย่อยอยู่ต้องเป็น Top-level ต่อไป (ระบบแจ้งใต้ช่อง Parent)
  4. จะเพิ่มหมวดย่อย ให้กด Add subcategory ที่แถวหมวดหลัก กล่อง New subcategory เปิดพร้อมเลือก Parent (1) ให้ แล้วกรอก Category ID (2) กับชื่อ

3Item SKUs

Item SKU คือ "ตัวตนเดียว" ของไอเทมหรือเหรียญ ร้านค้า (Topup, Cash Shop, Presale, Marketplace) ผูกกับ SKU นี้ และเว็บอ่านชื่อ/รูปจากที่นี่ URL: /zone4/item-skus บน dev มี 98 SKU

3.1ค้นหาและกรอง SKU

หน้า Item SKUs
รูปที่ 9 · หน้า Item SKUs
  1. 1ช่อง Code or name
  2. 2ตัวกรอง All kinds
  3. 3ตัวกรอง All categories
  4. 4ปุ่ม New SKU
  5. 5ปุ่ม Edit
  6. 6ปุ่ม Retire
  1. เมนู Master Data → Item SKUs
  2. พิมพ์รหัสหรือชื่อใน Code or name (1)
  3. เลือกประเภทด้วย Kind (2) เช่น item หรือ currency และหมวดด้วย Category (3) ตัวกรอง Status / Mintable / Tradable / Redeemable อยู่แถวเดียวกัน
  4. ตารางแสดง SKU/ชื่อ, Kind, Category, วันที่อัปเดต; ปุ่ม Edit (5) และ Retire (6) อยู่คอลัมน์ ACTIONS

3.2สร้าง SKU ใหม่

กล่อง New SKU ส่วน Identity
รูปที่ 10 · กล่อง New SKU ส่วน Identity
  1. 1SKU code
  2. 2Category
  3. 3Kind
  4. 4State
ส่วน Abilities และ Display
รูปที่ 11 · ส่วน Abilities และ Display
  1. 1Mintable
  2. 2Tradable
  3. 3Redeemable
  4. 4Name (EN)
ส่วน Metadata และปุ่ม Save
รูปที่ 12 · ส่วน Metadata และปุ่ม Save
  1. 1Metadata (JSON)
  2. 2ปุ่ม Save
  1. คลิก New SKU (ปุ่ม 4 ในรูปรายการ)
  2. กรอก SKU code (1) รูปแบบ z4.<item|currency|pack>.<slug> เช่น z4.item.exp-x3 (ไม่สนตัวพิมพ์เล็กใหญ่ และแก้ไม่ได้ภายหลัง)
  3. เลือก Category (2) ซึ่งบังคับ เลือก Kind (3): Item คือสิ่งที่เกมแจก, Currency คือจำนวนเหรียญของเกม และ State (4): Draft ยังไม่โผล่ในตัวเลือกและลบได้ Active พร้อมใช้
  4. ส่วน Abilities: Mintable (1) แปลงเป็น NFT ได้, Tradable (2) ลงขายใน marketplace ได้ (ต้อง Mintable ก่อน), Redeemable (3) ส่งจาก mailbox เข้าเกมได้
  5. ส่วน Display: กรอก Name (EN) (4) ซึ่งบังคับ Name (TH) และคำอธิบายเว้นว่างได้ รูปมี 5 ช่อง (Image, Card, Card active, Hero, Icon)
  6. ส่วน Metadata ใส่ JSON ที่เกมและเว็บอ่านตรง ๆ (≤ 8 KiB) ห้ามใช้คีย์ sku, name, image_url, category
  7. กด Save (2) เมื่อบรรทัด Still needed หายไป

3.3แก้ไขและเลิกใช้ (Retire) SKU

กล่อง Edit SKU
รูปที่ 13 · กล่อง Edit SKU
  1. 1แถบ Used by (จำนวนที่ถูกอ้างอิง)
  2. 2SKU code (แก้ไม่ได้)
  3. 3Category
SKU แบบ currency มีส่วน Currency
รูปที่ 14 · SKU แบบ currency มีส่วน Currency
  1. 1Token
  2. 2Amount (minor units)
  3. 3ปุ่ม Save
  1. คลิก Edit ที่แถว SKU
  2. แถบ Used by (1) บอกว่า SKU นี้ถูกใช้กี่ listing, cash shop, marketplace ถ้ายังมีการอ้างอิง ห้ามเปลี่ยน coin/amount ของ currency (ต้อง unlink จากร้านก่อน)
  3. SKU code (2) และ Kind แก้ไม่ได้ ที่เหลือแก้ได้ แล้วกด Save (3 ในรูปที่สอง)
  4. Retire: กดปุ่ม Retire (6 ในรูปรายการ) ระบบถามยืนยันว่า SKU จะออกจากตัวเลือกและรายการสาธารณะ แถวในร้านที่ผูกอยู่ยังขายต่อ ต้อง withdraw ที่หน้าร้านนั้นเอง

หมายเหตุ ตัวอย่างในคู่มือไม่ได้กด Retire จริง เพื่อไม่กระทบข้อมูลที่ qa ใช้อยู่

4Topup

Topup คือแพ็กเติม DE ที่ผู้เล่นซื้อด้วยเงินจริงหรือ ION หน้านี้ตั้งชื่อ จำนวนเหรียญ ราคาต่อสกุลเงิน และช่วงเวลาขาย URL: /zone4/shop-topup บน dev มี 9 แพ็ก (ตั้งแต่ Starter Pack 15,500 DE ถึง Legendary Pack 1,860,000 DE) ใน 7 สกุล (IDR, MYR, PHP, SGD, THB, VND, ION)

4.1ดูรายการแพ็ก

หน้า Topup
รูปที่ 15 · หน้า Topup
  1. 1ตัวเลือก Game (lane)
  2. 2ช่อง Search by name or SKU
  3. 3ตัวกรอง All statuses
  4. 4ปุ่ม New pack
  5. 5ปุ่ม Edit
  6. 6ปุ่ม Stop selling
  1. เมนู Shop → Topup
  2. เลือก Game (1) เพื่อดู lane อื่น (dev / sit / uat)
  3. ค้นหาด้วยชื่อหรือ SKU (2) หรือกรองสถานะ (3)
  4. คอลัมน์ PRICES แสดงราคาแต่ละสกุล, STATUS บอกว่า Selling หรือไม่

4.2สร้างแพ็กใหม่ (2 ขั้น)

ขั้น 1 What they get
รูปที่ 16 · ขั้น 1 What they get
  1. 1Pack name
  2. 2ปุ่ม Choose (Currency SKU)
  3. 3Bonus (optional)
  4. 4พื้นที่รูปแพ็ก
เลือก Currency SKU
รูปที่ 17 · เลือก Currency SKU
  1. 1SKU ที่จะผูก
  2. 2ช่องค้นหา
หลังเลือก SKU ระบบเติม Coin และ Amount ให้
รูปที่ 18 · หลังเลือก SKU ระบบเติม Coin และ Amount ให้
  1. 1Pack name
  2. 2Currency SKU ที่ผูกแล้ว
  3. 3ปุ่ม Next
ขั้น 2 What they pay
รูปที่ 19 · ขั้น 2 What they pay
  1. 1Rail
  2. 2Currency
  3. 3Price from now
  4. 4Add a currency
  5. 5Sale period
  6. 6ปุ่ม Save
  1. คลิก New pack (ปุ่ม 4 ในรูปรายการ)
  2. ขั้น 1: กรอก Pack name (1)
  3. คลิก Choose (2) แล้วเลือก Currency SKU จากรายการ (เช่น topup.de-15500) ระบบจะเติม Coin และ Amount ให้เอง ถ้าไม่เลือก ต้องเลือก Coin/Amount เอง
  4. ถ้าต้องการโบนัส กรอกที่ Bonus (optional) (3) โบนัสจะถูกมินต์หลังเงินเข้าแล้วเสมอ และเลือกได้เฉพาะเหรียญ promo
  5. ใส่รูปแพ็กที่พื้นที่ (4) ขนาดแนะนำ 620 × 220 px (อัปโหลดตอนกดบันทึก)
  6. กด Next เพื่อไปขั้น 2
  7. ขั้น 2: เลือก Rail (1) เช่น Money หรือ ION, เลือก Currency (2) และกรอก Price from now (3) ทุกสกุลที่ขายต้องมีราคา เพิ่มสกุลได้ด้วย Add a currency (4)
  8. ตั้ง Sale period (5) ถ้าต้องการ เว้นว่างทั้งสอง = ขายตลอด เวลาเป็นเวลาท้องถิ่น (Asia/Bangkok) ใบสั่งซื้อที่เปิดไว้แล้วยังจ่ายได้หลังหมดช่วงขาย
  9. กด Save (6) ปุ่มจะกดได้เมื่อทุกสกุลมีราคา

หมายเหตุ ในตัวอย่างไม่ได้กด Save เพื่อไม่สร้างแพ็กทดสอบค้างบน dev

4.3แก้ไขแพ็ก และเปลี่ยนราคา

กล่อง Edit pack
รูปที่ 20 · กล่อง Edit pack
  1. 1Pack name
  2. 2Unlink (ถอดการผูก SKU)
  3. 3ปุ่ม Next
  1. คลิก Edit ที่แถวแพ็ก
  2. แก้ชื่อ (1) ได้ ถ้าผูก SKU อยู่ Coin และ Amount มาจาก SKU ถ้าจะเปลี่ยนต้องกด Unlink (2) ก่อน
  3. กด Next (3) ไปขั้น 2 แล้วแก้ราคา ช่อง "Price from now" ใช้กับใบสั่งซื้อใหม่ ใบที่เปิดแล้วจะได้รับแจ้ง price_changed ให้ยืนยันราคาใหม่
  4. กด Save

4.4หยุดขายแพ็ก

กล่องยืนยัน Stop selling
รูปที่ 21 · กล่องยืนยัน Stop selling
  1. 1ปุ่ม Cancel
  2. 2ปุ่ม Stop selling
  1. คลิกปุ่ม Stop selling (6 ในรูปรายการ)
  2. ระบบถามยืนยัน: ผู้เล่นจะไม่เห็นแพ็กนี้ ข้อมูลไม่ถูกลบ และเปิดขายใหม่ได้ภายหลัง
  3. กด Stop selling (2) เพื่อยืนยัน หรือ Cancel (1) เพื่อยกเลิก การซื้อที่จ่ายเงินแล้วไม่ได้รับผลกระทบ

4.5ตรวจประวัติการซื้อ (Purchase history)

แท็บ Purchase history
รูปที่ 22 · แท็บ Purchase history
  1. 1แท็บ Purchase history
  2. 2ค้นหาด้วย Order ID / tx hash
  3. 3ตัวกรอง Pack
  4. 4ตัวกรอง Status
  5. 5ปุ่ม Search
  1. คลิกแท็บ Purchase history (1)
  2. ค้นหาด้วยเลขออเดอร์หรือ tx hash (2) หรือด้วยผู้ซื้อ (อีเมล / player ID / ชื่อบัญชี) แล้วกด Search (5)
  3. กรองด้วย Pack (3), วันที่ซื้อ และ Status (4)
  4. แต่ละแถวบอกผู้ซื้อ ตัวละคร แพ็ก จำนวนเงิน และสถานะ (Succeeded, Payment timed out ฯลฯ) ปุ่มปิดออเดอร์ที่ค้างอยู่ในคอลัมน์ ACTIONS

หมายเหตุ อีเมลผู้ซื้อในภาพถูกปิดบังไว้

5Cash Shop

Cash Shop คือรายการไอเทมที่ขายด้วย DE ในเกม หน้านี้จัดการ SKU ที่วางขาย และดูออเดอร์/การส่งของ URL: /zone4/shop-cashshop บน dev มี 62 รายการ ราคาเป็น DE

5.1ดูรายการ Cashshop SKUs

หน้า Cash Shop แท็บ Cashshop SKUs
รูปที่ 23 · หน้า Cash Shop แท็บ Cashshop SKUs
  1. 1ตัวเลือก Game
  2. 2แท็บ Cashshop SKUs
  3. 3ช่อง Search SKUs
  4. 4ตัวกรอง All types
  5. 5ปุ่ม Add item
  6. 6ปุ่ม Edit
  7. 7ปุ่ม Stop selling
  1. เมนู Shop → Cash Shop (แท็บ Cashshop SKUs 2)
  2. ค้นหาด้วยชื่อหรือ SKU (3) กรองประเภท Shop / Standalone (4) และสถานะ
  3. ตารางแสดงชื่อ/SKU ประเภท ราคา (DE) และสถานะ Selling/Stopped
  4. ปุ่ม Edit (6) แก้ข้อมูลและราคา ปุ่ม Stop selling (7) หยุดขาย

5.2เพิ่มไอเทมเข้า Cash Shop (2 ขั้น)

ขั้น 1 What they get
รูปที่ 24 · ขั้น 1 What they get
  1. 1Master SKU
  2. 2ปุ่ม Choose
  3. 3Name
  4. 4Type
  5. 5พื้นที่รูป
  6. 6ปุ่ม Next
เลือก Master SKU
รูปที่ 25 · เลือก Master SKU
  1. 1ช่องค้นหา
  1. คลิก Add item (ปุ่ม 5 ในรูปรายการ)
  2. ในกล่อง Add an item to the Cash Shop คลิก Choose (2) เพื่อเลือก Master SKU (1) จากรายการ รหัส SKU จะกลายเป็นรหัสของแถวนี้ และชื่อที่เว้นว่างจะถูกเติมจาก SKU
  3. ปรับ Name (3) / คำอธิบาย ถ้าต้องการ เลือก Type (4): Shop = ขายในหน้าต่าง cash shop, Standalone = ขายเดี่ยว ๆ (เกมกรองด้วยค่านี้)
  4. ใส่รูป (5) โดยอัปโหลดหรือวาง URL ของ CDN
  5. กด Next (6) ไปขั้น What they pay เพื่อกำหนดสกุล (DE) และราคา แล้วกดบันทึก

หมายเหตุ ในตัวอย่างไม่ได้บันทึกรายการจริง

5.3แก้ไขราคาและข้อมูล

กล่อง Edit cashshop SKU
รูปที่ 26 · กล่อง Edit cashshop SKU
  1. 1Master SKU
  2. 2Unlink
  3. 3Description
  4. 4Type
ขั้น 2 What they pay
รูปที่ 27 · ขั้น 2 What they pay
  1. 1Currency
  2. 2Price
  3. 3ปุ่ม Save
  1. คลิก Edit ที่แถวไอเทม
  2. แก้ชื่อ คำอธิบาย ประเภท (1–4) แล้วกด Next
  3. ขั้น 2: ตรวจ Currency (1) และแก้ Price (2) แล้วกด Save (3)

หมายเหตุ Edit ทำงานกับแถวของ lane ที่เลือกอยู่เท่านั้น (บนหน้าจอคือ zone4max_dev)

5.4หยุดขาย / เปิดขายกลับ

ปุ่ม Stop selling อยู่ท้ายแถว
รูปที่ 28 · ปุ่ม Stop selling อยู่ท้ายแถว
  1. 1ตัวเลือก Game
  2. 2แท็บ Cashshop SKUs
  3. 3ช่อง Search SKUs
  4. 4ตัวกรอง All types
  5. 5ปุ่ม Add item
  6. 6ปุ่ม Edit
  7. 7ปุ่ม Stop selling
  1. หาแถวที่ต้องการ แล้วคลิกปุ่ม Stop selling (7)
  2. ⚠ ปุ่มนี้ มีผลทันที ไม่มีกล่องยืนยัน แถวเปลี่ยนเป็นสถานะ Stopped
  3. ถ้าต้องการเปิดขายอีกครั้ง ไอคอนเดิมจะกลายเป็น Put back on sale ให้กดอีกครั้ง

5.5ดูออเดอร์และสถานะการส่งของ

แท็บ Orders and delivery
รูปที่ 29 · แท็บ Orders and delivery
  1. 1แท็บ Orders and delivery
  2. 2ช่อง Order ID
  3. 3ช่อง Account ID
  4. 4ตัวกรอง All payments
  5. 5ตัวกรอง All deliveries
  6. 6ปุ่มดูรายละเอียดของแถว
  1. คลิกแท็บ Orders and delivery (1)
  2. ค้นหาด้วย Order ID (2) หรือ Account ID (3)
  3. กรองสถานะการจ่าย (4) และสถานะการส่งของ (5)
  4. คลิกไอคอนตา (6) เพื่อเปิดรายละเอียดออเดอร์ รวมเหตุผลที่ส่งของไม่สำเร็จ (เช่น insufficient_funds)

6Presale

Presale คือแพ็กขายล่วงหน้า (Normal, High, Unique, Rare, Legend, Ultimate) ผู้เล่นจ่ายแล้วแพ็กจะรออยู่ใน mailbox จนกว่าจะส่งเข้าเกมและเปิดออกเป็นไอเทม URL: /zone4/shop-presale บน dev มี 4 แท็บ: Packs, Campaign, Orders, USD rates

6.1ดูรายการแพ็ก

แท็บ Packs
รูปที่ 30 · แท็บ Packs
  1. 1ตัวเลือก Game
  2. 2แท็บ Packs
  3. 3แท็บ Campaign
  4. 4แท็บ Orders
  5. 5แท็บ USD rates
  6. 6ปุ่ม New pack
  7. 7ปุ่ม Edit
  8. 8ปุ่ม Adjust stock
  9. 9ปุ่ม Stop selling
  1. เมนู Shop → Presale
  2. ตารางแสดง Pack ID/ชื่อ, ไอเทมในแพ็ก, ราคา, Stock, Sold/Reserved/Left, วันที่ redeem ได้, จำนวนสูงสุดต่อบรรทัด และสถานะ
  3. ปุ่มท้ายแถว: Edit (7), Adjust stock (8), Stop selling (9)

หมายเหตุ บน dev มีแพ็กชุดใหม่ z4-presale-* 6 แพ็ก (Selling) และแพ็กชุดเก่า presale-* ที่หยุดขายแล้ว (Stopped) แต่ยังเก็บไว้เพราะมีออเดอร์เดิม

6.2สร้างแพ็ก Presale (4 ขั้น)

ขั้น Details
รูปที่ 31 · ขั้น Details
  1. 1Pack name (EN)
  2. 2Includes (EN)
  3. 3Sort order
  4. 4ปุ่ม Next
  1. คลิก New pack (ปุ่ม 6 ในรูปรายการ) กล่อง New presale pack มี 4 ขั้น: Details → Contents → Showcase → Sale
  2. ขั้น Details: กรอก Pack name (EN) (1) ซึ่งบังคับ ชื่อและคำอธิบายภาษาไทยเว้นว่างได้
  3. Includes (EN) (2) เป็นข้อความอิสระที่โชว์บนเว็บ ไม่ใช่ของที่แพ็กให้จริง
  4. กำหนด Sort order (3) (เลขน้อยแสดงก่อน) เลื่อนลงในกล่องจะมีช่องอัปโหลดรูป Card image, Card image (active) และ Hero image (ไม่บังคับ อัปโหลดตอนกดบันทึก)
  5. กด Next (4) ไปขั้นถัดไป ข้อความ Still needed ท้ายกล่องบอกสิ่งที่ยังขาด (Pack name, Pack SKU, อย่างน้อยหนึ่งไอเทม ฯลฯ)

6.3ตั้งค่า Contents, Showcase และ Sale ของแพ็ก

กล่อง Edit presale pack
รูปที่ 32 · กล่อง Edit presale pack
  1. 1ขั้น Details
  2. 2ขั้น Contents
  3. 3ขั้น Showcase
  4. 4ขั้น Sale
  5. 5ปุ่ม Next
ขั้น Contents
รูปที่ 33 · ขั้น Contents
  1. 1Pack SKU
  2. 2ปุ่ม Next
ขั้น Showcase
รูปที่ 34 · ขั้น Showcase
  1. 1ปุ่ม Next
ขั้น Sale
รูปที่ 35 · ขั้น Sale
  1. 1Stock cap (เพดานจำนวน)
  2. 2Max per line
  3. 3Prices (ราคาต่อสกุล)
  4. 4ปุ่ม Save
  1. คลิก Edit ที่แถวแพ็ก แถบด้านบน (1 – 4) แสดง 4 ขั้น
  2. Contents: เลือก Pack SKU (1) ที่ผู้เล่นจะได้รับหนึ่งชิ้นต่อแพ็ก แล้วเลือกไอเทมที่อยู่ในแพ็ก (ใช้แสดงบนเว็บ)
  3. Showcase: ภาพ/ลิสต์ตัวอย่างของในกล่อง (carousel)
  4. Sale: กำหนด Stock cap (1) เพดานจำนวนที่ขายได้ (ว่าง = ไม่จำกัด) และ Max per line (2) จำนวนสูงสุดต่อหนึ่งออเดอร์ แล้วใส่ราคาต่อสกุลที่ Prices (3) (อย่างน้อยหนึ่งสกุล แต่ละสกุลเลือก Rail และ Currency)
  5. กด Save (4) ที่ขั้นสุดท้าย

6.4ปรับ Stock

กล่อง Adjust stock
รูปที่ 36 · กล่อง Adjust stock
  1. 1Stock ปัจจุบัน
  2. 2Left (คงเหลือ)
  3. 3ปุ่ม Add
  4. 4ปุ่ม Remove
  5. 5Reason (บังคับ)
  6. 6ปุ่ม Add stock
  1. คลิก Adjust stock (ปุ่ม 8 ในรูปรายการ)
  2. อ่านตัวเลข Stock (1) และ Left (2) โดย Left = Stock − Sold − Reserved − Paid out of stock
  3. เลือก Add (3) หรือ Remove (4) แล้วกรอกจำนวน
  4. เขียน Reason (5) ซึ่งบังคับ (สูงสุด 200 ตัวอักษร) การปรับมีผลทันทีและบันทึกใน Audit Log
  5. กดปุ่มยืนยัน (6) ถ้าลดเกินจำนวนที่ยังเหลือ ระบบจะปฏิเสธ

6.5ตั้งค่า Campaign (เปิด/ปิดการขาย)

แท็บ Campaign
รูปที่ 37 · แท็บ Campaign
  1. 1สวิตช์ Presale enabled
  2. 2Campaign name
  3. 3ช่วง Starts / Ends
  4. 4Redeemable in game from
  5. 5ปุ่ม Save campaign
  1. คลิกแท็บ Campaign
  2. Presale enabled (1): ปิด = ปิดการขายทุกคน (การ redeem ในเกมไม่ได้รับผล)
  3. ตั้งชื่อ (2) และช่วงเวลาขาย (3) เวลาเป็น Asia/Bangkok
  4. Redeemable in game from (4): เวลาที่เกมเริ่มเปิดแพ็กได้ เว้นว่าง = ยังไม่เปิด
  5. กด Save campaign (5)

6.6ดูออเดอร์และ Export รายชื่อ

แท็บ Orders
รูปที่ 38 · แท็บ Orders
  1. 1ช่อง Player ID
  2. 2ตัวกรอง Status
  3. 3ปุ่ม Export CSV
  4. 4ปุ่ม Grant items
  1. คลิกแท็บ Orders
  2. กรองด้วย Player ID (1) และ Status (2)
  3. Export CSV (3) ได้รายชื่อสำหรับแจกของ (เฉพาะออเดอร์ที่สำเร็จ) และการดาวน์โหลดถูกบันทึกไว้
  4. Grant items (4) เปิดกล่องสำหรับแจกรายการให้ผู้เล่นตาม Player ID (ภาพไม่ได้กดเปิด)

หมายเหตุ ข้อมูลผู้ซื้อในตารางเป็นรหัสย่อของ player ID

6.7ตั้งอัตรา USD (สำหรับ leaderboard)

แท็บ USD rates
รูปที่ 39 · แท็บ USD rates
  1. 1ปุ่ม Set rate
  2. 2คอลัมน์ USD PER UNIT
  3. 3Leaderboard preview
  1. คลิกแท็บ USD rates
  2. คลิก Set rate (1) ที่สกุลเงินแล้วใส่ค่า USD ต่อ 1 หน่วย (2) เช่น THB 0.03
  3. ด้านล่าง Leaderboard preview (3) แสดง 10 อันดับแรกตามยอดซื้อที่แปลงเป็น USD เพื่อตรวจผลทันที

7Marketplace

หน้านี้กำหนดว่า SKU ไหนขึ้น marketplace ได้ ปรับข้อความที่โชว์ และดูรายการที่ต้องตรวจ URL: /zone4/shop-marketplace บน dev มี 31 รายการ

7.1ดูแคตตาล็อก เปิด/ปิด และเอาออก

แท็บ Catalogue
รูปที่ 40 · แท็บ Catalogue
  1. 1ตัวเลือก Game
  2. 2แท็บ Catalogue
  3. 3แท็บ Categories
  4. 4แท็บ Attention
  5. 5ปุ่ม Add mintable SKUs
  6. 6สวิตช์ Enabled ต่อแถว
  7. 7ปุ่ม Edit copy
  8. 8ปุ่ม Remove
  1. เมนู Shop → Marketplace แท็บ Catalogue (2)
  2. สวิตช์ Enabled (6) ต่อแถวคุมว่ารายการนั้นโผล่บนเว็บหรือไม่
  3. Edit copy (7) แก้ข้อความ, Remove (8) เอาออกจากแคตตาล็อก (ไม่ได้ลบ SKU)
  4. แท็บ Categories (3) คือรายการหมวดเดียวกับเมนู Item Categories และแท็บ Attention (4) รวมชิ้นที่ต้องตรวจ

7.2เพิ่ม SKU ที่ mint ได้เข้าแคตตาล็อก

กล่อง Add mintable SKUs
รูปที่ 41 · กล่อง Add mintable SKUs
  1. 1Select all shown
  2. 2ปุ่ม Add N SKUs
  3. 3ปุ่ม Cancel
  1. คลิก Add mintable SKUs (ปุ่ม 5 ในรูปรายการ) กล่องแสดง SKU ที่ติด Mintable แต่ยังไม่อยู่ในแคตตาล็อก
  2. ติ๊กที่ต้องการ หรือ Select all shown (1) SKU ที่ยังไม่ Tradable จะมีป้าย "not tradable"
  3. ปุ่ม (2) บอกจำนวนที่เลือก กด Add เพื่อบันทึก (เปิดใช้งานทันที) หรือ Cancel (3)

7.3แก้ข้อความที่โชว์ (Edit copy)

กล่อง Marketplace copy
รูปที่ 42 · กล่อง Marketplace copy
  1. 1Name (English)
  2. 2Name (Thai)
  3. 3Description (English)
  4. 4ปุ่ม Save
  1. คลิก Edit copy ที่แถว
  2. ช่องที่กรอกจะ override ข้อความของ Item master ใน marketplace: Name (English) (1), Name (Thai) (2), Description (3)
  3. เว้นช่องว่าง = ใช้ข้อความจาก Item master กด Save (4)

7.4แท็บ Categories และ Attention

แท็บ Categories
รูปที่ 43 · แท็บ Categories
  1. 1แท็บ Categories
แท็บ Attention
รูปที่ 44 · แท็บ Attention
  1. 1แท็บ Attention
  1. คลิกแท็บ Categories (1) เพื่อดู/เพิ่มหมวด (เหมือนเมนู Item Categories)
  2. คลิกแท็บ Attention เพื่อดูชิ้นที่ระบบแจ้งให้ตรวจ (ว่างเมื่อไม่มีปัญหา)

8Grants

Grants คือบันทึกการแจก DE (cash grant) ให้บัญชีผู้เล่น พร้อมงบรายวันของ lane URL: /zone4/shop-grants การแจกจริงทำผ่าน API ของเกม (service key ที่มี scope shop:grant_cash) หน้านี้ใช้ดูและคุมงบ

8.1ดูรายการแจก

หน้า Grants
รูปที่ 45 · หน้า Grants
  1. 1ตัวเลือก Game
  2. 2ช่อง Account ID
  3. 3ตัวกรอง Status
  4. 4ปุ่ม Refresh
  5. 5หัวข้อ Lane budget
  6. 6ปุ่ม Edit (งบรายวัน)
  7. 7ปุ่ม Adjust today
  1. เมนู Player Rewards → Grants
  2. กรองด้วย Account ID (2) และ Status (3) และช่วงวันที่ แล้วกด Refresh (4)
  3. ตารางบอก GRANT, บัญชี/ผู้เล่น, จำนวน, เหตุผล, สถานะ, จำนวนครั้งที่ลองส่ง และผู้ปล่อย (Released by)
  4. กล่อง Lane budget (5) แสดงงบของวันบัญชีนั้น

8.2แก้งบรายวันและปรับงบวันนี้

กล่อง Daily budget for DE
รูปที่ 46 · กล่อง Daily budget for DE
  1. 1Daily budget (DE)
  2. 2ปุ่ม Use system default
  3. 3ปุ่ม Review
กล่อง Adjust today
รูปที่ 47 · กล่อง Adjust today
  1. 1Increase
  2. 2Decrease
  3. 3Amount (DE)
  4. 4ปุ่ม Review
  1. Edit (6 ในรูปรายการ) ตั้งงบรายวันถาวรของ lane ใส่ Daily budget (DE) (1) หรือ Use system default (2) แล้วกด Review (3) เพื่อตรวจก่อนยืนยัน
  2. Adjust today (7) เพิ่ม/ลดงบเฉพาะวันนี้: เลือก Increase (1) หรือ Decrease (2) กรอก Amount (3) แล้วกด Review (4)
  3. วันถัดไปงบกลับเป็นค่ารายวันตามเดิม

หมายเหตุ ทั้งสองกล่องมีขั้น Review ก่อนยืนยันเสมอ ภาพไม่ได้กดยืนยัน

9Coupons

คูปองให้ผู้เล่นกรอกโค้ดบนเว็บ (หน้า Redeem Code) เพื่อรับไอเทมเข้า Universal Inventory หรือกล่องจดหมายในเกม URL: /zone4/shop-coupons

9.1ดูรายการคูปอง

หน้า Coupons
รูปที่ 48 · หน้า Coupons
  1. 1ตัวเลือก Game
  2. 2ตัวกรอง Status
  3. 3ปุ่ม Create coupon
  1. เมนู Player Rewards → Coupons
  2. ตารางบอกชื่อ สถานะ เซิร์ฟเวอร์ ช่วงเวลา ไอเทม ปลายทาง จำนวนโค้ด และจำนวนที่ถูกใช้
  3. กรองสถานะด้วย (2)

หมายเหตุ คูปองที่ qa-dev ใช้ทดสอบอยู่ ไม่ควรแก้ไขหรือลบ

9.2สร้างคูปอง

กล่อง Create coupon ส่วนบน
รูปที่ 49 · กล่อง Create coupon ส่วนบน
  1. 1Name
  2. 2Servers
  3. 3Redeemable from
  4. 4Redemptions per account
  5. 5Wait between redemptions
ส่วนไอเทมและโค้ด
รูปที่ 50 · ส่วนไอเทมและโค้ด
  1. 1SKU 1
  2. 2ปุ่ม Choose
  3. 3ปุ่ม Add line
  4. 4Items go to
  5. 5Custom code
  6. 6ปุ่ม Generate codes
  7. 7ปุ่ม Create
  1. คลิก Create coupon (3 ในรูปรายการ)
  2. กรอก Name (1) 1–120 ตัวอักษร และติ๊ก Servers (2) อย่างน้อยหนึ่งเซิร์ฟเวอร์
  3. กำหนดช่วงเวลา (3 Redeemable from/until เวลา Bangkok)
  4. Redemptions per account (4): จำกัดครั้งต่อบัญชี หรือ Unlimited และ Wait between redemptions (5) คือเวลารอระหว่างการใช้
  5. ส่วน Items: คลิก Choose (2) เลือก SKU (1) แต่ละบรรทัดต้องมี SKU และจำนวน 1–1,000,000 เพิ่มบรรทัดด้วย Add line (3)
  6. เลือก Items go to (4): Universal Inventory (ผู้เล่นกด Send to Game เอง) หรือ Game mailbox (เข้ากล่องจดหมายในเกมโดยตรง)
  7. ส่วน Codes: ใส่ Custom code (5) หรือกด Generate codes (6) (0–500 โค้ด) แล้วกด Create (7)

หมายเหตุ ภาพไม่ได้กด Create บน dev

10Player Activity

ใช้ตรวจย้อนหลังว่าผู้เล่นคนหนึ่งผ่านร้านอะไรบ้าง (topup, cash shop, presale, grant, coupon, mailbox, marketplace) URL: /zone4/shop-player-activity

10.1ค้นหาผู้เล่นและดูกิจกรรม

หน้า Player Activity
รูปที่ 51 · หน้า Player Activity
  1. 1ช่อง Find a player
  2. 2ปุ่ม Search
  3. 3ปุ่ม View activity
หน้ากิจกรรมของผู้เล่น
รูปที่ 52 · หน้ากิจกรรมของผู้เล่น
  1. 1ปุ่ม Back to players
  2. 2แท็บ Activity
  3. 3แท็บ Items held
  4. 4ตัวกรอง Account
  5. 5ตัวกรอง Period
  6. 6ตัวกรอง Kind
  1. เมนู Monitoring → Player Activity
  2. พิมพ์ชื่อ/อีเมล/ID ใน Find a player (1) แล้วกด Search (2)
  3. คลิก View activity (3) ที่แถวผู้เล่น
  4. ในหน้ากิจกรรมกรองด้วย Account (4), Period (5) และ Kind (6) กลับไปรายการด้วย Back to players (1)
  5. แผงสรุปด้านบนบอกจำนวน topup, DE ที่ได้รับ/ใช้ไป, presale, coupon และ grant
  6. ตารางล่างเรียงตามเวลา แต่ละแถวบอกชนิด บัญชี/ตัวละคร สรุป จำนวนเงิน และสถานะ

หมายเหตุ อีเมลของผู้เล่นในภาพถูกปิดบังไว้

10.2ดูไอเทมที่ถืออยู่ (Items held)

แท็บ Items held
รูปที่ 53 · แท็บ Items held
  1. 1แท็บ Items held
  1. ในหน้ากิจกรรมของผู้เล่น คลิกแท็บ Items held (1)
  2. ดูไอเทมที่ผู้เล่นถืออยู่ใน inventory และสถานะของแต่ละชิ้น

10.3คืนของที่เกมปฏิเสธกลับเข้ากล่อง (Return to mailbox)

การ์ด Mailbox ที่มีใบถูกปฏิเสธ
รูปที่ 54 · การ์ด Mailbox ที่มีใบถูกปฏิเสธ
  1. 1สถานะ rejected
  2. 2เหตุผลที่เกมปฏิเสธ
  3. 3ปุ่ม Return to mailbox
กล่องยืนยัน Return delivery
รูปที่ 55 · กล่องยืนยัน Return delivery
  1. 1ช่อง Reason (required)
  2. 2ปุ่ม Return
  1. ที่แท็บ Items held ของผู้เล่น ดูการ์ด Mailbox ใบที่ส่งเข้าเกมแล้วเกมไม่รับจะมีสถานะ rejected (1) พร้อมเหตุผล เช่น character_deleted (2)
  2. คลิก Return to mailbox (3) ปุ่มนี้ขึ้นเฉพาะใบที่เกม reject แล้วเท่านั้น
  3. กรอก Reason (required) (1) สูงสุด 500 ตัวอักษร แล้วกด Return (2)
  4. เมื่อสำเร็จจะมีข้อความ Returned to mailbox ของกลับไปอยู่ใน Mailbox ของผู้เล่น ผู้เล่นกด Send to Game ใหม่ได้ เกมจะไม่ได้รับใบเดิม

หมายเหตุ ของจากออเดอร์ที่คืนเงินแล้วจะถูก revoke ไม่กลับมาให้ผู้เล่น ภาพนี้ไม่ได้กด Return บน dev

11Audit Log

ทุกการเปลี่ยนแปลงและเหตุการณ์ออเดอร์ของร้านถูกบันทึกที่นี่ แยกเป็น Shop และ Master Data URL: /zone4/shop-audit

11.1อ่าน Audit Log

แท็บ Shop
รูปที่ 56 · แท็บ Shop
  1. 1แท็บ Shop
  2. 2แท็บ Master Data
  3. 3คอลัมน์ TIMESTAMP
  4. 4คอลัมน์ ACTOR
  5. 5คอลัมน์ OUTCOME
แท็บ Master Data
รูปที่ 57 · แท็บ Master Data
  1. 1แท็บ Master Data
  2. 2action master.sku_update
  1. เมนู Monitoring → Audit Log เลือก Game ที่ต้องการ
  2. แท็บ Shop (1) คือการเปลี่ยนแปลงของร้านและออเดอร์ แท็บ Master Data (2) คือการแก้ SKU และหมวด
  3. ตารางบอกเวลา (3) ผู้กระทำ (4) การกระทำ SKU/หมวด ผลลัพธ์ (5) และรายละเอียด JSON ของสิ่งที่เปลี่ยน (from → to)
  4. ใช้ตัวแบ่งหน้าด้านล่างเพื่อย้อนไปรายการเก่า

หมายเหตุ ผู้กระทำ seed:… คือสคริปต์ seed ข้อมูล ส่วน admin:… คือแอดมินที่ login

12Website Config

เปิด/ปิดฟีเจอร์ของเว็บ Zone4 และตั้งลิงก์ปุ่มต่าง ๆ เว็บอ่านค่าจากที่นี่ มีผลภายใน 30 วินาที URL: /zone4/website-config มี 2 แท็บ: หน้าหลัก (เว็บเกม) และ Pre-register

12.1เปิด/ปิดฟีเจอร์ของเว็บ

แท็บ หน้าหลัก
รูปที่ 58 · แท็บ หน้าหลัก
  1. 1แท็บ หน้าหลัก
  2. 2แท็บ Pre-register
  3. 3ปุ่ม ประวัติ
  4. 4สวิตช์ LOGIN_ENABLED
  5. 5ปุ่ม บันทึก
กลุ่มฟีเจอร์ร้านและ Inventory
รูปที่ 59 · กลุ่มฟีเจอร์ร้านและ Inventory
  1. 1TOPUP_ENABLED
  2. 2INVENTORY_ENABLED
  3. 3PRESALE_ENABLED
  4. 4MARKETPLACE_PAGE_ENABLED
กลุ่มทั่วไปและเมนูนำทาง
รูปที่ 60 · กลุ่มทั่วไปและเมนูนำทาง
  1. 1DEV_TOOLS_ENABLED
  2. 2GUIDE_URL
  3. 3ปุ่ม บันทึก
  1. เมนู Content Management → Website Config แท็บ หน้าหลัก (1)
  2. ค่าแบ่งเป็นกลุ่ม: เข้าสู่ระบบ, User Dashboard, เติมเงิน (Topup), Inventory, แลกโค้ด, Presale, Marketplace, หน้าแรก, ดาวน์โหลด, ทั่วไป, เมนูนำทาง
  3. สลับสวิตช์ (เช่น LOGIN_ENABLED 4 ที่คุมการ login ทั้งเว็บ) แต่ละสวิตช์มีคำอธิบายผลเมื่อปิดไว้ใต้ชื่อ
  4. กลุ่มร้านค้า: TOPUP_ENABLED (1) /topup, INVENTORY_ENABLED (2) /inventory, PRESALE_ENABLED (3) /presale, MARKETPLACE_PAGE_ENABLED (4) /marketplace
  5. ลิงก์ เช่น GUIDE_URL (2) แก้ได้ในกล่องข้อความ แผง DEV_TOOLS_ENABLED (1) ควรเปิดเฉพาะ dev
  6. กด บันทึก (5) ค่าใหม่มีผลกับเว็บภายใน 30 วินาที กด ยกเลิก เพื่อทิ้งการแก้ไขที่ยังไม่บันทึก
  7. ปุ่ม ประวัติ (3) เปิดประวัติการแก้ไข (ใคร แก้เมื่อไร revision ที่เท่าไร)

ข้อควรระวัง หน้านี้ควบคุมเว็บที่ผู้เล่นใช้จริง การสลับสวิตช์บน dev กระทบทุกคนที่ทดสอบอยู่ ภาพในคู่มือไม่ได้บันทึกการเปลี่ยนใด ๆ เว็บจะเปิดฟีเจอร์ได้จริงก็ต่อเมื่อ backend ของ env นั้นพร้อม

12.2ดูประวัติการแก้ไข

หน้าประวัติ
รูปที่ 61 · หน้าประวัติ
  1. คลิก ประวัติ ที่มุมบนของหน้า
  2. รายการแสดงการบันทึกแต่ละครั้ง (revision, ผู้แก้, เวลา)

12.3แท็บ Pre-register

แท็บ Pre-register
รูปที่ 62 · แท็บ Pre-register
  1. 1แท็บ Pre-register
  2. 2PRE_REGISTER_ENABLED
  1. คลิกแท็บ Pre-register (1)
  2. ค่าในแท็บนี้ใช้กับเว็บ pre-register (ฟอร์มลงทะเบียน, วิธี login, เมนูนำทาง) สวิตช์ PRE_REGISTER_ENABLED (2) ปิด = ฟอร์มขึ้น Coming soon
ส่วน B

เว็บไซต์ Zone4

ทุกหน้าของเว็บผู้เล่น (zone4max)

13หน้าแรก (Home) และเมนูหัวเว็บ

เว็บผู้เล่นของ ZONE4 MAX Combo บน dev คือ https://dev-zone4max.maxiondev.com (หน้าแรก /en หรือ /th) หัวเว็บชุดเดียวกันปรากฏทุกหน้า

13.1ภาพรวมหน้าแรก

หน้าแรกและแถบหัวเว็บ
รูปที่ 63 · หน้าแรกและแถบหัวเว็บ
  1. 1เมนูภาษา English
  2. 2Maxion Apps
  3. 3ตัวสลับบัญชีเกม (ในภาพคือ QaDev3)
  4. 4เมนูผู้ใช้ (ในภาพคือ KLASSW)
  5. 5ส่วน News
  1. เปิด https://dev-zone4max.maxiondev.com/en
  2. แถบบนสุด: เลือกภาษาที่ English (1), เปิดแอปในเครือ Maxion ที่ Maxion Apps (2)
  3. แถบที่สอง: เมนูหลัก (News, Events, Guide, Topup, Marketplace, Download) ด้านขวาคือ บัญชีเกมที่ใช้อยู่ (3) และ เมนูผู้ใช้ (4) ซึ่งแสดงเฉพาะเมื่อ login แล้ว
  4. เลื่อนลงไปที่ News (5) เพื่ออ่านข่าวล่าสุดแบบสไลด์

หมายเหตุ ถ้ายังไม่ได้ login เมนูผู้ใช้จะเป็นปุ่ม Login ฟีเจอร์ login เปิด/ปิดได้จาก Website Config (LOGIN_ENABLED) ในส่วน Back Office

13.2เปลี่ยนภาษา (English / ภาษาไทย)

เมนูเลือกภาษา
รูปที่ 64 · เมนูเลือกภาษา
  1. 1ภาษาไทย
  1. คลิกปุ่มภาษาที่มุมขวาบน (English)
  2. เลือก ภาษาไทย (1) หน้าจะสลับเป็นไทยทันที (URL เปลี่ยนจาก /en เป็น /th) ภาษาที่ใช้อยู่มีเครื่องหมายถูก

13.3เมนู Maxion Apps

แผง Maxion Apps
รูปที่ 65 · แผง Maxion Apps
  1. 1Get ION Token
  2. 2Maxion DEX
  3. 3Maxion Account
  1. คลิก Maxion Apps ที่มุมขวาบน แผงด้านขวาเปิดขึ้น
  2. เลือกแอป: Get ION Token (1) ซื้อเหรียญ ION, Maxion DEX (2) แลกเปลี่ยนโทเคน, Maxion Account (3) ศูนย์กลางจัดการบัญชี
  3. กด × เพื่อปิดแผง

13.4เมนูผู้ใช้

เมนูผู้ใช้ที่ login แล้ว
รูปที่ 66 · เมนูผู้ใช้ที่ login แล้ว
  1. 1My account
  2. 2Download Launcher
  3. 3Top up DE
  4. 4Inventory
  5. 5Logout
  1. คลิกชื่อผู้ใช้ (ปุ่มขวาสุดของแถบที่สอง)
  2. My account (1) ไปหน้า /me, Download Launcher (2) ไปหน้าดาวน์โหลด, Top up DE (3) ไปหน้าเติมเงิน, Inventory (4) ไปกระเป๋าไอเทม
  3. Logout (5) ออกจากระบบ

13.5สลับบัญชีเกม

รายการบัญชีเกมของผู้เล่น
รูปที่ 67 · รายการบัญชีเกมของผู้เล่น
  1. 1รายการบัญชีเกมและปุ่ม Create account
  1. คลิกตัวสลับบัญชีเกม (ชื่อบัญชีที่ใช้อยู่ เช่น QaDev3) ข้างเมนูผู้ใช้
  2. เลือกบัญชีที่ต้องการจากรายการ (1) บัญชีที่ใช้อยู่มีเครื่องหมายถูก หน้า Topup, Inventory และ Redeem จะใช้บัญชีนี้
  3. ท้ายรายการมี Create account สำหรับสร้างบัญชีเกมใหม่ (ดูหัวข้อ "สร้างบัญชีเกม")

14หน้าข้อมูลเกม: Download, Classes, Characters

หน้าให้ข้อมูลที่เปิดได้โดยไม่ต้อง login

14.1ดาวน์โหลด Launcher (/download)

หน้า Download
รูปที่ 68 · หน้า Download
  1. 1ปุ่ม DOWNLOAD
  1. เปิด /en/download หรือเลือก Download ในเมนูหลัก
  2. คลิกปุ่ม DOWNLOAD (1) ระบบเลือกไฟล์ติดตั้งตามระบบปฏิบัติการของเครื่อง
  3. ติดตั้ง Launcher แล้วเปิดเกมจาก Launcher

14.2คลาสตัวละคร (/classes)

หน้า Classes
รูปที่ 69 · หน้า Classes
  1. 1Class Select (ตัวเลือกคลาส)
  2. 2ชื่อคลาสและคำอธิบาย
  1. เปิด /en/classes
  2. เลือกคลาสจากแถบ Class Select (1)
  3. อ่านคำอธิบาย (2) ของคลาสนั้น เลื่อนลงเพื่อดูคลาสสายต่อยอด (Dirty-X, Ninja ฯลฯ) พร้อมข้อดี (Pros) และข้อเสีย (Cons)

14.3ตัวละคร (/characters)

หน้า Characters
รูปที่ 70 · หน้า Characters
  1. 1Character Select
  2. 2History of WELLS
  1. เปิด /en/characters
  2. คลิกรูปตัวละครในแถบ Character Select (1)
  3. อ่านข้อมูลส่วนตัว และประวัติในส่วน History (2) ของตัวละครที่เลือก

15ข่าว (News)

รายการข่าวและบทความ URL: /en/news ข่าวมาจากระบบ News ของ Back Office

15.1ดูและกรองข่าว

หน้า News
รูปที่ 71 · หน้า News
  1. 1ตัวกรอง All
  2. 2ตัวกรอง Announcement
  3. 3ตัวกรอง Promotion
  4. 4ตัวกรอง Event
  5. 5การ์ดข่าว
  1. เมนู News เปิดหน้ารายการ
  2. เลือกหมวด: All (1), Announcement (2), Promotion (3), Event (4) หรือ Patch Note
  3. คลิกการ์ดข่าว (5) เพื่ออ่านบทความ

15.2อ่านบทความ

หน้าบทความ
รูปที่ 72 · หน้าบทความ
  1. 1หัวข้อบทความ
  1. จากหน้ารายการ คลิกข่าว (เช่น [TEST] Operation Blackout)
  2. อ่านเนื้อหา: หัวข้อ (1) วันที่ ป้ายหมวด และเนื้อหาแบบบล็อก (ภาพ วิดีโอ ตาราง)
  3. กลับไปรายการด้วยเมนู News

16สร้างและสลับบัญชีเกม (Game account)

ผู้เล่นต้องมีบัญชีเกม (slot) บนเซิร์ฟเวอร์ที่ต้องการก่อนจึงจะซื้อ รับของ หรือส่งของเข้าเกมได้ เว็บ ไม่สร้างบัญชีให้อัตโนมัติ ผู้เล่นตั้งชื่อเอง ภาพชุดนี้ถ่ายจาก localhost เพราะมีการสร้างข้อมูลจริง

16.1สร้างบัญชีเกมใบแรก

กล่อง Registration: Game account
รูปที่ 73 · กล่อง Registration: Game account ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1เลือก Server
  2. 2In-game username
  3. 3ปุ่ม Create account
บัญชีถูกสร้างแล้ว
รูปที่ 74 · บัญชีถูกสร้างแล้ว ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1ชื่อบัญชีที่สร้าง
  2. 2ปุ่ม Done
  1. หลัง login ถ้ายังไม่มีบัญชีเกม เมื่อเปิดหน้าที่ต้องใช้บัญชี (เช่น Inventory) ระบบเปิดกล่อง Registration พร้อมตัวนับ "Game account (0 / 3)" (ขั้น Maxion account ผ่านแล้ว ขั้นถัดไปคือ ZONE4 MAX Combo game account)
  2. เลือก Server (1) เซิร์ฟเวอร์เปลี่ยนไม่ได้หลังสร้าง
  3. พิมพ์ In-game username (2) 3–20 ตัวอักษร ใช้ A–Z, 0–9, _ และ - ชื่อซ้ำในเซิร์ฟเวอร์เดียวกันไม่ได้
  4. กด Create account (3)
  5. เมื่อขึ้น "Account created" กด Done (2) ในรูปที่สอง

16.2สร้างบัญชีเพิ่ม และสลับบัญชี

ตัวสลับบัญชีเกมในหัวเว็บ
รูปที่ 75 · ตัวสลับบัญชีเกมในหัวเว็บ ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1ตัวสลับบัญชีเกม
  2. 2Mint NFTs
  3. 3Send to Game
สร้างบัญชีที่สอง
รูปที่ 76 · สร้างบัญชีที่สอง ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1เลือก Server
  2. 2In-game username
  3. 3ปุ่ม Create account
  1. คลิกตัวสลับบัญชีเกม (1) แล้วเลือก Create account ท้ายรายการ
  2. กล่อง Registration เปิดพร้อมตัวนับ เช่น "Game account (1 / 3)" กรอก Server (1) และชื่อ (2) แล้วกด Create account (3)
  3. สลับใช้บัญชีได้จากตัวสลับเดิม ปุ่มต่าง ๆ ในหน้า Inventory จะทำงานกับบัญชีที่เลือกอยู่

หมายเหตุ เมื่อบัญชีถูกแบน การซ่อมแซมหรือสร้างบัญชีใหม่แทนทำจากเว็บไม่ได้ ให้ติดต่อ Support

16.3หน้า My account (/me)

หน้า My account
รูปที่ 77 · หน้า My account
  1. 1Player ID
  2. 2Game accounts (ใช้ไปกี่ช่อง)
  3. 3Characters (จำนวนตัวละคร)
  1. เลือก My account จากเมนูผู้ใช้
  2. ดู Player ID (1) ช่องทาง login ที่ผูกไว้ (Google, Maxion) และอีเมล (ซ่อนไว้ในภาพ)
  3. แถบสรุป: Game accounts (2) ใช้กี่ช่องจากที่มี, Characters (3) จำนวนตัวละคร, Items, NFTs
  4. การ์ดบัญชีด้านล่างแสดงเซิร์ฟเวอร์ สถานะ จำนวนไอเทมในกล่อง ตัวละคร และลิงก์ View bag ของแต่ละบัญชี

17เติมเงิน Top-Up DE (/topup)

ซื้อแพ็ก DE ด้วยบัตร/QR (Fiat) หรือ ION ราคาและแพ็กมาจากเมนู Topup ใน Back Office บน dev มี 9 แพ็ก ภาพขั้นตอนชำระเงินถ่ายจาก localhost (ไม่มีการจ่ายเงินจริง)

17.1ดูแพ็กและเพิ่มลงรายการ

หน้า Top-Up DE
รูปที่ 78 · หน้า Top-Up DE
  1. 1หัวข้อ Top-Up DE
  2. 2ปุ่ม Connect wallet
  3. 3แพ็ก Starter Pack
  4. 4ปุ่ม Add to list
เพิ่มแพ็กแล้ว แถบตะกร้าขึ้นด้านล่าง
รูปที่ 79 · เพิ่มแพ็กแล้ว แถบตะกร้าขึ้นด้านล่าง
  1. 1ปุ่ม Add to list (เปลี่ยนเป็นตัวปรับจำนวน)
  2. 2ปุ่ม Checkout
  1. เมนู Topup เปิด /en/topup หน้าแสดงแพ็ก เช่น Starter Pack 15,500 DE ราคา 5 tION (THB 165)
  2. ชำระด้วย ION ต้องเชื่อมกระเป๋าก่อน ปุ่ม Connect wallet (2) การชำระด้วยบัตร/QR ไม่ต้องเชื่อมกระเป๋า
  3. กด Add to list (4) ที่แพ็กที่ต้องการ ปุ่มเปลี่ยนเป็นตัวปรับจำนวน (− 1 +) และแถบตะกร้าด้านล่างบอกจำนวนและยอดรวม
  4. กด Checkout (2ในรูปที่สอง) เพื่อไปขั้นตอนชำระเงิน

หมายเหตุ ถ้าปิด TOPUP_CART_ENABLED ใน Website Config เว็บจะซื้อทีละแพ็ก (Buy now) ไม่มีตะกร้า

17.2ชำระเงิน (บัตร / QR)

ตะกร้ามี 2 แพ็ก
รูปที่ 80 · ตะกร้ามี 2 แพ็ก ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1Add to list
  2. 2แถบจำนวนรายการ
  3. 3Checkout
Payment Confirmation
รูปที่ 81 · Payment Confirmation ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1บัญชีเกมที่จะรับ DE
  2. 2ยอมรับเงื่อนไข (non-refundable)
  3. 3Confirm Payment
หน้าผู้ให้บริการชำระเงิน (จำลอง)
รูปที่ 82 · หน้าผู้ให้บริการชำระเงิน (จำลอง) ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1ปุ่ม Pay
เติมสำเร็จ
รูปที่ 83 · เติมสำเร็จ ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1ปุ่ม Close
  1. กด Checkout (3) จากแถบตะกร้า
  2. ในกล่อง Payment Confirmation เลือก บัญชีเกม (1) ที่จะรับ DE ตรวจ Order Summary และยอดรวม
  3. ติ๊กยอมรับเงื่อนไขที่ไม่คืนเงิน (2) แล้วกด Confirm Payment (3)
  4. เบราว์เซอร์พาไปหน้าชำระเงินของผู้ให้บริการ (ในภาพคือหน้าจำลองของระบบทดสอบ กดปุ่ม Pay 1) ของจริงจะเป็นหน้าบัตรหรือ QR
  5. กลับมาที่เว็บ ระบบแจ้ง "Your payment has been completed" กด Close (1) DE เข้าบัญชีเกมที่เลือก

หมายเหตุ ถ้าคุณปิดหน้าชำระเงินก่อนจ่าย ออเดอร์จะไม่ถูกเรียกเก็บเงิน และหมดอายุเองตามเวลาที่ตั้งไว้

17.3เมื่อราคาเปลี่ยนระหว่างซื้อ

Buy now แสดงราคาที่ยืนยัน
รูปที่ 84 · Buy now แสดงราคาที่ยืนยัน ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1Order Summary
  2. 2Confirm Payment
แจ้งราคาเปลี่ยน
รูปที่ 85 · แจ้งราคาเปลี่ยน ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1ข้อความแจ้ง
  2. 2ปุ่ม Try again
  1. ในกล่อง Payment Confirmation ตรวจ Order Summary (1) ว่าตรงกับที่ต้องการ
  2. ถ้าแอดมินแก้ราคาแพ็กในระหว่างนั้น เมื่อกด Confirm Payment ระบบแจ้งว่า "The pack price has changed" (1)
  3. กด Try again (2) เพื่อโหลดราคาใหม่ แล้วตรวจยอดและกดยืนยันอีกครั้ง

หมายเหตุ ถ้าผู้เล่นเปิดลิงก์ออเดอร์เก่าที่ถูกปิดแล้ว จะเห็นข้อความว่าออเดอร์ถูกปิดและไม่มีการเรียกเก็บเงิน

18Presale (/presale)

แพ็กขายล่วงหน้า 6 ระดับ (Normal, High, Unique, Rare, Legend, Ultimate) ตัวนับถอยหลังบอกเวลาก่อนเปิดเกม จ่ายแล้วแพ็กจะรออยู่ใน Inventory เพื่อส่งเข้าเกม

18.1ดูแพ็กและจำนวนคงเหลือ

หน้า Presale
รูปที่ 86 · หน้า Presale
  1. 1COUNTDOWN
  2. 2Remaining (คงเหลือ)
  1. เมนู Presale เปิด /en/presale
  2. ดู COUNTDOWN (1) เวลาที่เหลือก่อนเปิด
  3. แต่ละกล่องแสดง Remaining (2) จำนวนที่ยังซื้อได้ เลื่อนเมาส์ไปบนกล่องจะเห็นปุ่ม View Details

18.2ดูรายละเอียดแพ็กและซื้อ

รายละเอียดแพ็ก Normal Package
รูปที่ 87 · รายละเอียดแพ็ก Normal Package
  1. 1ราคา (Price)
  2. 2Includes (ของในแพ็ก)
  3. 3Equipment Details
  1. คลิก View Details ที่กล่อง หน้ารายละเอียดเลื่อนเข้ามา
  2. ดูราคาแต่ละช่องทาง (1) เช่น THB 330.00 และ 10 ION และวันที่เริ่มรับของในเกม (Claim in game from…)
  3. อ่าน Includes (2) และตาราง Equipment Details (3) ซึ่งบอกชื่อไอเทม จำนวน และความสามารถ
  4. กดปุ่มราคาของช่องทางที่ต้องการเพื่อเพิ่มลงรายการ แล้วกด Checkout ขั้นตอนชำระเงินเหมือนหัวข้อ Topup (บัญชีเกม ยอมรับเงื่อนไข ยืนยัน)
  5. เมื่อจ่ายสำเร็จ แพ็กเข้า Universal Inventory กดส่งเข้าเกมได้เมื่อถึงวันที่ Claim in game

18.3ดูประวัติการซื้อ (Purchase History)

หน้า Purchase History
รูปที่ 88 · หน้า Purchase History
  1. 1Purchase No
  2. 2Payment Method
  3. 3Payment Status
  1. เปิด /en/presale/history
  2. ตารางแสดงเลขออเดอร์ (1) ไอเทม บัญชีเกม วิธีชำระเงิน (2) และสถานะ (3)
  3. สถานะ Paid แสดงว่าจ่ายแล้ว พร้อมจำนวนที่ส่งเข้าเกมและที่ได้รับแล้ว ส่วน Timeout คือหน้าชำระเงินหมดอายุโดยไม่มีการเรียกเก็บเงิน

19แลกโค้ด (/redeem-code)

ผู้เล่นกรอกโค้ดคูปองเพื่อรับไอเทม คูปองสร้างจากเมนู Coupons ใน Back Office

19.1แลกโค้ด

หน้า Redeem Code
รูปที่ 89 · หน้า Redeem Code
  1. 1Choose a server
  2. 2ชื่อบัญชีเกม
  3. 3รหัสคูปอง
  4. 4ปุ่ม Claim reward
แลกสำเร็จ
รูปที่ 90 · แลกสำเร็จ ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1ไอเทมที่ได้รับ
  2. 2Go to inventory
  3. 3Redeem another code
  1. เปิด /en/redeem-code (ต้อง login)
  2. เลือกเซิร์ฟเวอร์ที่ Choose a server (1)
  3. กรอก ชื่อบัญชีเกม (2) (ระบบเติมบัญชีที่ใช้อยู่ให้) และ รหัสคูปอง (3) ที่ได้รับ (ภาพใช้ค่าตัวอย่าง DEMO-0000 ไม่ได้กดแลก)
  4. กด Claim reward (4)
  5. เมื่อสำเร็จ หน้าจอแจ้ง "Reward claimed" พร้อมไอเทมที่ได้ (1) ถ้าคูปองตั้งให้ส่งเข้า Universal Inventory กด Go to inventory (2) เพื่อไปส่งเข้าเกม หรือ Redeem another code (3) เพื่อแลกต่อ

หมายเหตุ โค้ดที่ใช้แล้วใช้ซ้ำไม่ได้ เว้นแต่คูปองอนุญาต รางวัลคืนเงินหรือแลกเปลี่ยนไม่ได้ ตรวจเซิร์ฟเวอร์และชื่อบัญชีก่อนกดทุกครั้ง

20Inventory (/inventory)

Universal Inventory คือกระเป๋าไอเทมระดับบัญชีผู้เล่น ไอเทมจากการซื้อ คูปอง หรือ presale มารออยู่ที่นี่ จากนั้นผู้เล่นเลือกส่งเข้าเกม (Send to Game) หรือแปลงเป็น NFT (Mint) ภาพที่เกี่ยวกับกระเป๋าถ่ายจาก localhost

20.1ดูไอเทมและรายละเอียด

หน้า Universal inventory
รูปที่ 91 · หน้า Universal inventory
  1. 1ปุ่ม Mint NFTs
  2. 2ปุ่ม Send to Game
  3. 3ตัวกรอง All categories
  4. 4ปุ่ม Connect MetaMask
ไอเทมแสดงเป็นไทล์
รูปที่ 92 · ไอเทมแสดงเป็นไทล์ ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1ช่อง Search
  2. 2ตัวกรอง All categories
  3. 3ไทล์ไอเทม
  4. 4ปุ่ม Mint NFTs
  5. 5ปุ่ม Send to Game
กล่อง Details
รูปที่ 93 · กล่อง Details ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1จำนวนที่พร้อมส่งเข้าเกม
  2. 2Mint
  3. 3ปุ่ม Close
  1. เปิด /en/inventory หรือเลือก Inventory จากเมนูผู้ใช้
  2. ปุ่ม Mint NFTs (1) และ Send to Game (2) เลือกโหมดการทำงาน ส่วนล่างของหน้าเป็นกระเป๋า NFT ซึ่งต้องกด Connect MetaMask (4) ก่อนจึงจะเห็น
  3. ค้นหาด้วยชื่อ และกรองหมวดด้วย All categories (3)
  4. ตัวเลขมุมไทล์คือจำนวนชิ้น คลิกไทล์เพื่อเปิด Details บอกหมวด จำนวน "3 ready to send" (1) รหัสไอเทม และปุ่ม Mint (2) ปิดด้วย Close (3)

20.2ส่งไอเทมเข้าเกม (Send to Game)

กล่อง Send to Game
รูปที่ 94 · กล่อง Send to Game ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1ตัวปรับจำนวน
  2. 2ตัวละครปลายทาง
  3. 3ปุ่ม Send
ส่งแล้ว
รูปที่ 95 · ส่งแล้ว ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1สถานะ On the way
  2. 2ปุ่ม Close
  1. กด Send to Game (5 ในรูปไทล์) แล้วคลิกไอเทมที่ต้องการ กล่อง Send to Game เปิดขึ้น
  2. ปรับ จำนวน (1) ที่จะส่ง
  3. เลือก ตัวละคร (2) ที่จะรับ
  4. กด Send (3)
  5. ระบบแจ้ง "Sent to the game" สถานะ On the way (1) ของจะเข้ากล่องจดหมายในเกมเมื่อเกมมารับ กด Close (2)

หมายเหตุ ถ้าตัวละครที่เลือกถูกผูกกับไอเทมนั้นแล้ว หรือบัญชีกำลังออนไลน์ ระบบจะแจ้งเหตุผลในกล่อง

20.3แปลงเป็น NFT (Mint) และกลับมาทำต่อเมื่อค้าง

แถบ Mint not finished
รูปที่ 96 · แถบ Mint not finished ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1ปุ่ม Cancel mint
  2. 2ปุ่ม Finish minting
Mint สำเร็จ
รูปที่ 97 · Mint สำเร็จ ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1ปุ่ม Close
  1. เชื่อมกระเป๋าด้วย Connect MetaMask (ปุ่ม Mint แสดงเมื่อ INVENTORY_MINT_ENABLED เปิด และ lane นั้นเปิด chain)
  2. เลือกไอเทมที่ต้องการ (กด Mint NFTs แล้วคลิกไทล์ หรือคลิกขวาที่ไทล์แล้วเลือก Mint) กล่อง Mint to your primary wallet ถามจำนวนที่จะ mint (เซ็นครั้งเดียวสำหรับทั้งหมด) กด Mint N แล้วยืนยันลายเซ็นในหน้าต่าง MetaMask (คู่มือนี้ไม่ได้ถ่ายหน้าต่างนั้น) ถ้าปฏิเสธลายเซ็น ระบบแจ้ง "Mint cancelled" และจำนวนกลับมาที่ไทล์
  3. ถ้าปิดหน้าก่อนเสร็จ จะมีแถบ "Mint not finished" ด้านบนรายการ กด Finish minting (2) เพื่อทำต่อ หรือ Cancel mint (1) เพื่อยกเลิกและคืนจำนวนกลับไทล์
  4. เมื่อสำเร็จ ขึ้น "Done — minted N to your primary wallet" กด Close (1)

หมายเหตุ Mint ทำได้เฉพาะไอเทมที่ติด Mintable ใน Item SKUs และเฉพาะ lane ที่เปิด chain (บน dev คือ zone4max_dev)

21Marketplace (/marketplace)

ตลาดซื้อขาย NFT ไอเทมของ ZONE4 MAX Combo บน BNB Smart Chain Testnet ต้องเชื่อมกระเป๋า การซื้อ-ขายเปิดปิดได้ใน Website Config (MARKETPLACE_TRADE_ENABLED) ภาพการซื้อถ่ายจาก localhost

21.1เปิดดูตลาด

หน้า Marketplace
รูปที่ 98 · หน้า Marketplace
  1. 1ปุ่ม Inventory
  2. 2ปุ่ม Connect Wallet
  3. 3ปุ่ม Filter
  4. 4การเรียง Newest
  1. เมนู Marketplace เปิด /en/marketplace
  2. ดูสถิติ (Floor, 24H Vol., Total Vol., Most expensive, NFTs) และค่าธรรมเนียม (Tax fee 10% + 1 tION) ของคอลเลกชัน
  3. กด Connect Wallet (2) เพื่อเชื่อมกระเป๋า และ Inventory (1) เพื่อไปกระเป๋าไอเทมของคุณ
  4. ค้นหาตามชื่อ กรองด้วย Filter (3) และเรียงลำดับ (4) เช่น Newest

หมายเหตุ บน dev ยังไม่มี NFT ที่ลงขาย รายการจึงแสดง "No NFTs found"

21.2NFT ของฉัน และการลงขาย (/marketplace/me)

หน้า Marketplace ของฉัน (บน dev ยังไม่มี NFT)
รูปที่ 99 · หน้า Marketplace ของฉัน (บน dev ยังไม่มี NFT)
  1. 1ชื่อและที่อยู่กระเป๋า
  2. 2แท็บ Owned
  3. 3แท็บ Listed
  4. 4แท็บ Activity
  5. 5ปุ่ม Browse Marketplace
หน้า Marketplace ของฉัน เมื่อมี NFT (ภาพจาก localhost)
รูปที่ 100 · หน้า Marketplace ของฉัน เมื่อมี NFT (ภาพจาก localhost) ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1แท็บ Owned
  2. 2แท็บ Listed
  3. 3แท็บ Activity
  4. 4ช่องค้นหา NFT ของฉัน
  5. 5ปุ่ม Browse Marketplace
  1. จากหน้า Marketplace กด Inventory หรือเปิด /en/marketplace/me (ต้องเชื่อมกระเป๋า)
  2. แท็บ Owned (1) คือ NFT ที่กระเป๋าถืออยู่ ค้นหาด้วยชื่อที่ช่อง (4) ถ้ายังไม่มีจะมีปุ่ม Browse Marketplace (5) พาไปดูตลาด
  3. แท็บ Listed (2) คือรายการที่ลงขายอยู่ และ Activity (3) คือประวัติ
  4. จะลงขาย: ในแท็บ Owned เลือก NFT แล้วกดลงขาย ใส่ราคาเป็น tION (ระบบหักค่าธรรมเนียมตามที่แสดงในหน้า) ครั้งแรกต้องกด Allow NFT exchange เพื่ออนุญาตสัญญาของระบบ และยืนยันใน MetaMask
  5. ยกเลิกรายการที่ยังไม่ถูกซื้อได้จากแท็บ Listed

หมายเหตุ ภาพถ่ายจาก localhost ขั้นตอนลงขายและยืนยันใน MetaMask ไม่มีภาพประกอบในคู่มือฉบับนี้

21.3หน้ารายละเอียด NFT (/marketplace/item/[id])

หน้ารายละเอียด NFT ที่ลงขายอยู่
รูปที่ 101 · หน้ารายละเอียด NFT ที่ลงขายอยู่ ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1แท็บ Overview
  2. 2แท็บ Properties
  3. 3ปุ่ม Share
  4. 4ปุ่ม Buy Now
  1. จากหน้า Marketplace คลิกการ์ดของ NFT เพื่อเปิด /en/marketplace/item/<token id>
  2. แท็บ Overview (1) แสดงชื่อ หมวด และความหายาก, Properties (2) แสดงค่า stat ของไอเทม และ Description แสดงคำอธิบาย
  3. ใต้ชื่อมีผู้ขาย (NFT Seller) และปุ่ม Share (3) สำหรับคัดลอกลิงก์ กล่องราคาแสดง Fixed price เป็น tION
  4. กด Buy Now (4) เพื่อซื้อ (หรือ Buy as a gift เพื่อซื้อให้กระเป๋าอื่น) ขั้นตอนต่อไปดูหัวข้อ "ซื้อ NFT"
  5. เลื่อนลงจะเห็นรายละเอียดบนเชน (Contract Address, Token ID, Token Standard, Blockchain) และตาราง Activities ของ NFT นั้น

หมายเหตุ บน dev ยังไม่มี NFT ที่ลงขาย จึงใช้ภาพจาก localhost (ข้อมูลทดสอบ) ผู้เล่นที่ไม่ได้เชื่อมกระเป๋าจะเห็นหน้านี้แต่ซื้อไม่ได้จนกว่าจะเชื่อมกระเป๋า

21.4ซื้อ NFT

กล่อง Buy NFTs as a Gift
รูปที่ 102 · กล่อง Buy NFTs as a Gift ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1Recipient Wallet Address
  2. 2Transactions cannot be canceled
  3. 3ปุ่ม Buy Now
ซื้อสำเร็จ
รูปที่ 103 · ซื้อสำเร็จ ภาพจาก localhost (ข้อมูลทดสอบ)
  1. 1ปุ่ม Go to Inventory
  2. 2ปุ่ม Close
  1. เปิดหน้ารายการของ NFT ที่ต้องการ แล้วกด Buy (หรือ Buy as a gift ถ้าจะซื้อให้ผู้อื่น)
  2. ในกล่อง ตรวจราคา (tION) และ Recipient Wallet Address (1) ที่ NFT จะถูกส่งไป
  3. ติ๊ก Transactions cannot be canceled (2) เพื่อรับทราบว่ายกเลิกไม่ได้ (ก่อนซื้อหรือลงขายครั้งแรก ต้องกด Allow NFT exchange ที่การ์ดกระเป๋าใน Inventory เพื่ออนุญาตสัญญาของระบบ)
  4. กด Buy Now (3) แล้วยืนยันธุรกรรมใน MetaMask (คู่มือนี้ไม่ได้ถ่ายหน้าต่าง MetaMask)
  5. เมื่อสำเร็จ ขึ้น "Buy NFT successfully!" กด Go to Inventory (1) เพื่อดู NFT ที่ได้ หรือ Close (2)

23แผง DEV TOOLS (เฉพาะ dev)

แผงสำหรับทีมทดสอบ มุมขวาบนของทุกหน้าบน dev เปิด/ปิดด้วย DEV_TOOLS_ENABLED ใน Website Config และไม่ควรเปิดบน prod

23.1สลับ lane, ประเทศ และบัญชี

แผง DEV TOOLS ที่เปิดอยู่
รูปที่ 108 · แผง DEV TOOLS ที่เปิดอยู่
  1. 1หัวแผง DEV TOOLS
  2. 2game / lane
  3. 3country
  4. 4account
  5. 5Reload balance
  1. คลิก DEV TOOLS (1) ที่มุมขวาบนเพื่อเปิดแผง
  2. game / lane (2): สลับระหว่าง zone4max_dev, zone4max_sit และ zone4max_uat หรือใช้ค่า server default
  3. country (3): จำลองประเทศของผู้เล่น (TH, SG, MY, ID, PH, VN ฯลฯ) เพื่อทดสอบราคาและสกุลเงินตามตลาด
  4. account (4): สลับบัญชีเกมที่ใช้ทดสอบทั้งเว็บ
  5. ดูยอด DE ของบัญชีที่เลือก และกด Reload balance (5) เพื่อโหลดใหม่ ปุ่ม Reset ล้างค่าที่เลือกกลับเป็นค่าเริ่มต้น

หมายเหตุ ค่าที่เลือกใช้เฉพาะเบราว์เซอร์ของคุณ ไม่กระทบผู้เล่นคนอื่น