ทำ Rich Menu LINE OA ขนาดถูกต้อง

Rich Menu LINE OA ขนาด 2500×1686 และ 2500×843 · rich menu ทำยังไง

Rich menu คือแผงปุ่มลัดใต้ช่องแชท LINE OA ที่ทำให้ลูกค้ากดดูเมนู ดูหน้าร้าน โทร หรือขอ QR จ่ายเงินได้ในคลิกเดียว แต่หลายร้านติดตรงขนาดภาพที่ LINE กำหนดเป๊ะๆ (2500×1686 หรือ 2500×843 พิกเซล) และการแบ่งช่องปุ่มให้ตรงตำแหน่ง

เครื่องมือนี้ให้เลือกเลย์เอาต์มาตรฐาน 7 แบบ ใส่ข้อความปุ่มภาษาไทย เลือกไอคอนกับสีของร้าน แล้วดาวน์โหลดภาพขนาดถูกต้อง พร้อมไฟล์ areas.json ที่ระบุพิกัดปุ่มตรงกับภาพทุกพิกเซล และคำแนะนำอัปโหลดทีละขั้นใน LINE Official Account Manager — จบใน 5 นาทีโดยไม่ต้องเปิดโปรแกรมกราฟิก

คำถามที่พบบ่อย

ต้องมี LINE OA ก่อนไหม?

ต้องมีบัญชี LINE Official Account ของร้านก่อน เพราะริชเมนูคือแถบปุ่มที่อยู่ในหน้าแชทของบัญชีนั้น สมัครได้ฟรีที่ manager.line.biz แล้วนำภาพที่ได้จากเครื่องมือนี้ไปอัปโหลดในเมนูตั้งค่า

ขนาดภาพริชเมนูที่ถูกต้องคือเท่าไหร่?

แบบเต็มคือ 2500×1686 พิกเซล และแบบเตี้ยคือ 2500×843 พิกเซล เครื่องมือนี้ส่งออกให้ตรงสเปกอัตโนมัติตามเลย์เอาต์ที่คุณเลือก จึงไม่ต้องคำนวณหรือครอปภาพเองก่อนอัปโหลด

ไฟล์ areas.json เอาไปทำอะไร?

เป็นแผนที่บอกว่าปุ่มแต่ละปุ่มอยู่ตรงพิกัดไหนบนภาพ ถ้าตั้งค่าด้วยมือใน LINE OA Manager ใช้เป็นตัวเทียบตำแหน่งได้ แต่ถ้าใช้ Messaging API ส่ง JSON นี้ตรง ๆ ได้เลย ปุ่มบางแบบตั้งเป็นข้อความตอบกลับเพราะยังไม่มีหน้าเว็บรองรับ

เลือกจำนวนปุ่มได้กี่แบบ?

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

แก้ปุ่มทีหลังต้องทำภาพใหม่ไหม?

ต้องทำภาพใหม่แล้วอัปโหลดทับ เพราะริชเมนูคือรูปภาพหนึ่งใบที่ LINE เก็บไว้ ไม่ใช่หน้าเว็บที่อัปเดตเองได้ ข้อดีคือข้อมูลร้านที่กรอกไว้ยังอยู่ในเครื่อง จึงแก้เฉพาะปุ่มที่เปลี่ยนแล้วกดบันทึกรูปใหม่ได้ในไม่กี่วินาที

เครื่องมือที่เกี่ยวข้อง