เริ่มจากงานที่ลูกค้าต้องทำบ่อยที่สุด ไม่ใช่เริ่มจากจำนวนช่องใน Template
หลักออกแบบก่อนเลือก Template
จัดอันดับ Action จากความถี่ ผลกระทบต่อรายได้ และความเร่งด่วน ปุ่มหลักควรใหญ่และอยู่ในตำแหน่งแตะง่าย ส่วนข้อมูลรองอย่างที่อยู่หรือ FAQ สามารถใช้พื้นที่เล็กกว่า
Rich Menu เป็น navigation ไม่ใช่โปสเตอร์ อย่าใส่ข้อความยาว สีมากเกินไป หรือปุ่มที่ดูคล้ายกันจนแยกผลลัพธ์ไม่ออก
โครงสร้างแนะนำตามธุรกิจ
ตัวอย่างเป็นจุดเริ่มต้น ต้องปรับจากข้อมูลคลิกและคำถามที่ลูกค้าถามจริง ไม่ควรคัดลอกโครงสร้างของธุรกิจอื่นโดยไม่ดู customer journey
| ธุรกิจ | ปุ่มหลัก | ปุ่มรอง | Action ที่เหมาะ |
|---|---|---|---|
| ร้านอาหาร | สั่งอาหาร / จองโต๊ะ | เมนู, สาขา, โปรโมชัน | URI, Postback, Datetime |
| ร้านค้าออนไลน์ | เลือกซื้อสินค้า | ติดตามพัสดุ, คูปอง, ติดต่อ | URI, Message, Clipboard |
| คลินิก | จองนัด | บริการ, แผนที่, เตรียมตัว | Datetime, URI, Postback |
| บริการมืออาชีพ | ขอใบเสนอราคา | ผลงาน, FAQ, นัดคุย | URI, Message, Datetime |
ตัวอย่างกริดที่ใช้งานได้
ทดสอบด้วยภาพจริงที่ความกว้างของโทรศัพท์ ไม่ใช่ดูจากไฟล์ 2500px บนจอคอม เพราะข้อความที่อ่านง่ายบน desktop อาจเล็กเกินไปเมื่อแสดงในแชต
- Hero 1 + Utility 4: ปุ่มหลักเต็มครึ่งบนและปุ่มรอง 4 ช่องด้านล่าง
- Primary 2 + Utility 3: ปุ่มหลักสองช่องกว้างและข้อมูลรองสามช่อง
- Tab 3 + Content: แถบแท็บคงที่ด้านบนและพื้นที่เนื้อหาแต่ละหน้า
- Compact 6: ใช้เมื่อไอคอนและคำสั้นชัดเจนเท่านั้น
วัดผลหลังปล่อย
กำหนด UTM ให้ URI แต่ละปุ่ม ใช้ postback data ที่แยก Action ได้ และอ่าน Rich Menu insights ตาม ID เปรียบเทียบก่อน–หลังการเปลี่ยน layout โดยอย่าเปลี่ยนภาพ ข้อความ และปลายทางพร้อมกันทั้งหมด
เอกสารอ้างอิง
ตรวจสอบข้อกำหนดล่าสุดจากเอกสารทางการก่อนใช้งานกับระบบสำคัญ
พร้อมนำไปทำบน Canvas แล้วหรือยัง?
วางพื้นที่ปุ่มแบบลาก ย้าย ย่อ–ขยาย แล้วตรวจ JSON ก่อนเผยแพร่
เปิด Studio →