Rich Menu คือเมนูด้านล่างของ LINE Official Account ที่แสดงเป็นรูปภาพขนาดใหญ่พร้อมปุ่มกดได้ เป็นสิ่งแรกที่ลูกค้าเห็นเมื่อเข้า LINE OA ของคุณ ถ้าออกแบบดี Rich Menu จะเป็น "หน้าร้านดิจิทัล" ที่พาลูกค้าไปยังสิ่งที่ต้องการได้ทันที - ดูสินค้า, จองคิว, ดูโปรโมชัน, หรือแชทกับร้าน ธุรกิจที่มี Rich Menu ที่ออกแบบดี มี Engagement สูงกว่า 3-5 เท่า เมื่อเทียบกับ LINE OA ที่ไม่มี Rich Menu
Rich Menu มีกี่ Layout?
LINE OA มี Layout สำเร็จรูปให้เลือก 2 ขนาดหลัก:
| ขนาด | Layout | จำนวนปุ่ม | เหมาะกับ |
|---|---|---|---|
| Full (2500×1686 px) | 2×3 กริด | สูงสุด 6 ปุ่ม | ธุรกิจทั่วไป, ร้านค้า, คลินิก |
| Full (2500×1686 px) | 3×2 กริด | สูงสุด 6 ปุ่ม | บริการหลายหมวด |
| Full (2500×1686 px) | 1×3 แนวตั้ง | 3 ปุ่มใหญ่ | ร้านอาหาร, โปรโมชัน |
| Half (2500×843 px) | 2×1 กริด | 2 ปุ่ม | CTA ง่ายๆ เช่น "ซื้อ" กับ "สอบถาม" |
| Half (2500×843 px) | 3×1 กริด | 3 ปุ่ม | เมนูสั้น, พื้นที่จำกัด |
แนะนำให้เริ่มด้วย Full Size 2×3 กริด (6 ปุ่ม) เพราะรองรับฟังก์ชันได้ครบที่สุด และเป็น Layout ที่ลูกค้าคุ้นเคย
ขนาดรูปภาพและข้อกำหนด
ข้อกำหนดสำหรับรูป Rich Menu ที่ต้องรู้:
- •Full Size: 2500×1686 pixels (แนะนำ) หรือ 1200×810, 800×540
- •Half Size: 2500×843 pixels (แนะนำ) หรือ 1200×405, 800×270
- •Format: PNG หรือ JPEG
- •ขนาดไฟล์: สูงสุด 1 MB
- •ออกแบบ Safe Zone: เว้นขอบอย่างน้อย 20px จากแต่ละด้าน เพราะมุมโค้งของ LINE อาจตัดภาพ
อย่าใส่ข้อความเล็กเกินไป - Rich Menu แสดงบนมือถือ ตัวอักษรต้องอ่านได้ง่ายแม้บนหน้าจอเล็ก ทดสอบบนมือถือจริงทุกครั้ง
ปุ่มที่ธุรกิจแต่ละประเภทควรมี
Rich Menu ที่ดีต้อง ตอบคำถามที่ลูกค้าถามบ่อยที่สุด แต่ละประเภทธุรกิจควรมีปุ่มต่างกัน:
| ประเภทธุรกิจ | ปุ่มที่ควรมี |
|---|---|
| ร้านอาหาร/คาเฟ่ | เมนู, สั่งออนไลน์, โปรโมชัน, แผนที่ร้าน, จองโต๊ะ, แชทสอบถาม |
| คลินิก/สุขภาพ | บริการ, นัดหมาย, ราคา, แผนที่, Before/After, แชทสอบถาม |
| ร้านค้าออนไลน์ | สินค้าใหม่, โปรโมชัน, ติดตามพัสดุ, วิธีสั่งซื้อ, รีวิวลูกค้า, แชท |
| อสังหาริมทรัพย์ | โครงการ, ราคา/แปลน, นัดชมห้อง, โปรโมชัน, แผนที่, แชท |
| บริการ/Agency | บริการ, ผลงาน, ใบเสนอราคา, โปรโมชัน, บทความ, ติดต่อ |
เทคนิคออกแบบ Rich Menu ให้ลูกค้ากดเยอะ
หลักการออกแบบที่ทำให้ Rich Menu ได้ Engagement สูง:
- 1.ใช้ไอคอนชัดเจน - ไอคอนช่วยให้เข้าใจได้ทันทีโดยไม่ต้องอ่าน แนะนำใช้ไอคอนเดียวกันทั้งเมนู
- 2.สีสอดคล้องกับแบรนด์ - ใช้สี 2-3 สีหลักจากแบรนด์ อย่าใช้สีเยอะจนรก
- 3.ปุ่มสำคัญอยู่มุมซ้ายบน - คนไทยอ่านจากซ้ายไปขวา บนลงล่าง ปุ่มสำคัญที่สุดควรอยู่ตำแหน่งแรก
- 4.มี Visual Hierarchy - ปุ่มหลักควรเด่นกว่าปุ่มรอง ใช้สีเข้มกว่าหรือขนาดใหญ่กว่า
- 5.อัปเดตตามซีซั่น - เปลี่ยน Rich Menu ตามเทศกาล, โปรโมชัน, หรือแคมเปญใหม่ ลูกค้าจะรู้สึกว่าร้านตื่นตัว
- 6.เว้นที่ว่าง (Whitespace) - อย่าใส่เนื้อหาแน่นจนเกินไป เว้นที่ว่างช่วยให้ดูสะอาดตา
วิธีตั้งค่า Rich Menu ใน LINE OA Manager
ขั้นตอนการตั้งค่า Rich Menu ผ่าน LINE Official Account Manager:
- 1.เข้า LINE Official Account Manager
- 2.เลือกบัญชี LINE OA ของคุณ
- 3.ไปที่ "Chat" > "Rich Menu"
- 4.กด "Create" เลือก Template Layout ที่ต้องการ
- 5.อัปโหลด รูปภาพ Rich Menu ที่ออกแบบไว้
- 6.ตั้งค่า Action ของแต่ละปุ่ม: Link (URL), Text (ส่งข้อความ), หรือ Coupon
- 7.ตั้ง Display Period - ช่วงเวลาที่แสดง
- 8.กด "Save" แล้วตรวจสอบบนมือถือ
ถ้าต้องการ Rich Menu แบบ สลับได้ (เช่น มี 2 เมนูที่สลับตามสถานะสมาชิก) ต้องใช้ Rich Menu API ผ่าน Messaging API ไม่สามารถทำผ่าน Manager ปกติได้
Action Types ที่ใช้ได้
แต่ละปุ่มใน Rich Menu สามารถตั้ง Action ได้หลายแบบ:
| Action Type | ทำอะไร | ตัวอย่างการใช้งาน |
|---|---|---|
| URL | เปิดลิงก์เว็บไซต์ | ลิงก์ไปหน้าเมนูอาหาร, หน้าสินค้า, ฟอร์มจอง |
| Text | ส่งข้อความอัตโนมัติ | ส่งคำว่า "โปรโมชัน" แล้ว Chatbot ตอบ |
| Rich Menu Switch | สลับไปอีก Rich Menu | กดปุ่ม "เมนูเพิ่มเติม" แสดงเมนูหน้า 2 |
| Coupon | แสดงคูปองส่วนลด | คูปองลด 10% สำหรับลูกค้าใหม่ |
| Datetime Picker | เลือกวันที่/เวลา | ระบบจองคิวนัดหมาย |
เครื่องมือออกแบบ Rich Menu ฟรี
เครื่องมือที่แนะนำสำหรับออกแบบ Rich Menu:
- •Canva (ฟรี) - มี Template Rich Menu สำเร็จรูป ใช้ง่ายที่สุด แก้ข้อความและสีได้ทันที
- •Figma (ฟรี) - สำหรับคนที่ต้องการออกแบบ Custom ละเอียด มี Plugin สำหรับ Rich Menu
- •LINE Rich Menu Maker - เครื่องมือฟรีจาก LINE ใช้ได้ผ่าน LINE OA Manager โดยตรง
- •Photoshop / Illustrator - สำหรับมืออาชีพที่ต้องการควบคุมทุกรายละเอียด
CherCode ออกแบบ Rich Menu + Automation ให้ธุรกิจ
CherCode ให้บริการออกแบบ Rich Menu พร้อมเชื่อมต่อ Automation ครบจบ:
- •ออกแบบ Rich Menu Custom - ตามแบรนด์และประเภทธุรกิจ พร้อม Rich Menu สำรองตามซีซั่น
- •เชื่อมต่อ Chatbot - ปุ่มส่งข้อความไปยัง AI Chatbot ที่ตอบคำถามอัตโนมัติ 24 ชั่วโมง อ่านเพิ่มเติม: AI Chatbot สำหรับธุรกิจ
- •ระบบจองคิวอัตโนมัติ - ปุ่มจองคิวเชื่อมกับ Google Sheets หรือระบบจองอัตโนมัติ อ่านเพิ่มเติม: ระบบจอง LINE OA
- •Rich Menu API - สร้าง Rich Menu แบบสลับได้ตามสถานะสมาชิก, เวลา, หรือแคมเปญ
- •เริ่มต้นเพียง 3,000 บาท - ออกแบบ + ตั้งค่า + ส่งมอบภายใน 3-5 วัน
ต้องการ Rich Menu ที่สวยและเชื่อมต่อ Automation? ดูบริการ LINE OA Automation หรือ ปรึกษาฟรี
คำถามที่พบบ่อย
Rich Menu ทำเองได้ไหม?
ได้ครับ สามารถทำเองได้ผ่าน LINE Official Account Manager โดยไม่ต้องเขียนโค้ด ขั้นตอนคือ 1) ออกแบบรูปภาพ Rich Menu ด้วย Canva หรือ Figma ตามขนาดที่กำหนด (แนะนำ 2500×1686 px) 2) เข้า LINE OA Manager ไปที่ Chat > Rich Menu 3) เลือก Layout, อัปโหลดรูป, ตั้งค่า Action แต่ละปุ่ม 4) กด Save แล้วทดสอบ ถ้าต้องการ Rich Menu แบบสลับได้หรือเชื่อมต่อ Chatbot ต้องใช้ Messaging API ซึ่งอาจต้องการนักพัฒนาช่วย
Rich Menu ฟรีไหม?
Rich Menu ฟรีครับ ทุกบัญชี LINE OA ไม่ว่าจะเป็นแบบฟรีหรือ Premium สามารถสร้าง Rich Menu ได้โดยไม่เสียค่าใช้จ่ายเพิ่ม สิ่งที่อาจมีค่าใช้จ่ายคือ 1) ค่าออกแบบรูปภาพ (ถ้าจ้างดีไซเนอร์) 2) ค่าพัฒนา Rich Menu API (ถ้าต้องการฟีเจอร์ขั้นสูง เช่น สลับเมนูตามสถานะ) แต่ตัว Rich Menu เองฟรี 100%
Rich Menu ควรอัปเดตบ่อยแค่ไหน?
แนะนำให้อัปเดต Rich Menu อย่างน้อยเดือนละ 1 ครั้ง หรือทุกครั้งที่มีโปรโมชันใหม่ เทศกาลสำคัญ (ปีใหม่, สงกรานต์, คริสต์มาส) หรือเปิดตัวสินค้า/บริการใหม่ การอัปเดตบ่อยทำให้ลูกค้ารู้สึกว่าร้านตื่นตัวและมีอะไรใหม่ให้สนใจเสมอ เคล็ดลับ: ออกแบบ Rich Menu ไว้ล่วงหน้า 2-3 เวอร์ชัน แล้วสลับใช้ตามช่วงเวลา
Rich Menu กับ Rich Message ต่างกันยังไง?
Rich Menu คือเมนูถาวรที่แสดงด้านล่างของหน้าแชท ลูกค้าเห็นตลอดเวลา ส่วน Rich Message คือข้อความภาพที่ส่งเป็นแชทได้ครั้งเดียว (เหมือนส่งรูปที่กดได้) Rich Menu เหมาะสำหรับเมนูหลักที่ต้องเข้าถึงตลอด เช่น ดูสินค้า จองคิว ส่วน Rich Message เหมาะสำหรับโปรโมชันชั่วคราว ข่าวสาร หรือแคมเปญที่ต้องการส่งถึงลูกค้าเป็นข้อความ ทั้งสองใช้ร่วมกันได้เพื่อผลลัพธ์ที่ดีที่สุด
Arm - CherCode
Full-Stack Developer & Founder
นักพัฒนาซอฟต์แวร์ที่มีประสบการณ์กว่า 5 ปีด้าน Web Development, AI Integration และ Automation เชี่ยวชาญ Next.js, React, n8n และ LLM Integration ผู้ก่อตั้ง CherCode ให้บริการพัฒนาระบบสำหรับธุรกิจไทย
Portfolio
