AIYA Docs

Rich Menu

เมนู Rich Menu ใน Sidebar มี 3 หน้า: Menus, Builder, Aliases

รายการ Rich Menu (Menus)

หน้า "Rich Menus" แสดงรายการเมนูทั้งหมดของบัญชี

  • ปุ่ม "Sync from LINE": ดึงเมนูที่มีอยู่จาก LINE เข้ามา (แสดงผลลัพธ์จำนวนที่นำเข้า/อัปเดต)
  • ปุ่ม "Create Menu": ไปยังหน้าสร้างเมนู (Builder)
  • แต่ละรายการแสดง: ภาพตัวอย่าง, ชื่อ (พร้อมป้าย Default / Synced), Status (published/draft/archived), ขนาด, กำหนดการ และวันที่
  • การจัดการต่อเมนู: Publish (เผยแพร่ขึ้น LINE), Set Default / Remove Default (ตั้ง/ยกเลิกเมนูเริ่มต้น), Schedule (ตั้งเวลาให้เป็นเมนูเริ่มต้น), Delete

หากยังไม่มีเมนู จะแสดง "No rich menus yet" พร้อมคำแนะนำให้สร้างหรือ Sync จาก LINE

รายการ Rich Menu

Builder (สร้าง/ออกแบบเมนู)

หน้า "New Rich Menu" ("Set up image, areas, and settings") ใช้ออกแบบเมนูด้วยภาพ

ขั้นตอน:

  1. อัปโหลดรูปภาพ เมนู (สัดส่วน 2500×1686 สำหรับขนาด Full หรือ 2500×843 สำหรับ Half)
  2. วาดพื้นที่กด (Tap Areas) บนภาพ โดยคลิกแล้วลากเพื่อสร้างกรอบสี่เหลี่ยม (หัวข้อจะมีคำใบ้ "Click + drag to draw")
  3. กำหนด Action ของแต่ละพื้นที่ในแผงด้านขวา เลือกชนิด: uri (เปิดลิงก์), message (ส่งข้อความ), postback, richmenuswitch (สลับเมนู), datetimepicker
  4. ตั้งค่าในแผง Settings:
    • Menu Name (จำเป็น)
    • Chat Bar Text (จำเป็น): ข้อความบนแถบล่าง (ค่าเริ่มต้น Menu)
    • Size: Full หรือ Half
    • Open by Default: เปิดเมนูอัตโนมัติหรือไม่
  5. กด "Save as Draft": หากข้อมูลจำเป็นไม่ครบ ปุ่มจะถูกปิดและขึ้นแจ้ง "Required: [ฟิลด์ที่ขาด]" เมื่อบันทึกสำเร็จจะกลับไปหน้ารายการ

สามารถดูตัวอย่างเมนูแบบเรียลไทม์ในแผง "Preview"

ออกแบบ Rich Menu

Aliases (สลับเมนูแบบไดนามิก)

หน้า "Rich Menu Aliases" ใช้สร้างชื่อแทน (alias) สำหรับสลับเมนูด้วย action ชนิด richmenuswitch

  1. กดปุ่ม "Create Alias"
  2. กรอก Alias ID (จำเป็น) เช่น richmenu-alias-main, เลือก Linked Menu (จำเป็น: เลือกได้เฉพาะเมนูที่ Publish แล้ว) และ Description (ไม่บังคับ)
  3. หากต้องการเปลี่ยนเมนูที่ผูก กดปุ่ม "Swap Menu" บนการ์ด alias แล้วเลือกเมนูใหม่
  4. ลบได้โดยกดไอคอนถังขยะ (มีข้อความยืนยัน)

Rich Menu Aliases