Skip to main content
AutomationApr 2, 202611 min

How to Design LINE OA Rich Menu That Customers Actually Tap - Layout Guide 2026

What is LINE OA Rich Menu? How to design one customers will tap? Complete guide with layouts, image sizes, and design techniques for every business type.

การออกแบบ Rich Menu LINE OA สำหรับธุรกิจ - CherCode

A Rich Menu is the large image-based menu at the bottom of a LINE Official Account with tappable buttons. It's the first thing customers see when they open your LINE OA. When designed well, a Rich Menu becomes your "digital storefront" that instantly directs customers to what they need - view products, book appointments, check promotions, or chat with your shop. Businesses with well-designed Rich Menus see 3-5x higher engagement compared to LINE OAs without one.**

Rich Menu Layouts Available

LINE OA offers pre-built layouts in 2 main sizes:

SizeLayoutMax ButtonsBest For
Full (2500×1686 px)2×3 gridUp to 6General business, shops, clinics
Full (2500×1686 px)3×2 gridUp to 6Multi-category services
Full (2500×1686 px)1×3 vertical3 large buttonsRestaurants, promotions
Half (2500×843 px)2×1 grid2 buttonsSimple CTAs like "Buy" and "Inquire"
Half (2500×843 px)3×1 grid3 buttonsShort menus, limited space

Start with the Full Size 2×3 grid (6 buttons) - it's the most versatile layout and the one customers are most familiar with.

Image Specifications

Essential specs for Rich Menu images:

  • Full Size: 2500×1686 pixels (recommended) or 1200×810, 800×540
  • Half Size: 2500×843 pixels (recommended) or 1200×405, 800×270
  • Format: PNG or JPEG
  • File size: Maximum 1 MB
  • Safe Zone: Keep at least 20px margin from edges - LINE's rounded corners may crop the image

Don't use tiny text - Rich Menu is displayed on mobile. Text must be readable even on small screens. Always test on a real phone.

Essential Buttons by Business Type

A good Rich Menu must answer your customers' most common questions. Different business types need different buttons:

Business TypeRecommended Buttons
Restaurant/CaféMenu, Order Online, Promotions, Map, Reserve, Chat
Clinic/HealthServices, Book Appointment, Pricing, Map, Before/After, Chat
Online StoreNew Products, Promotions, Track Package, How to Order, Reviews, Chat
Real EstateProjects, Pricing/Plans, Schedule Visit, Promotions, Map, Chat
Service/AgencyServices, Portfolio, Get Quote, Promotions, Blog, Contact
Rich Menu layout examples for different business types

Design Techniques for High-Engagement Rich Menus

Design principles for Rich Menus that get maximum taps:

  1. 1.Use clear icons - icons help users understand instantly without reading. Use consistent icon style throughout
  2. 2.Brand-consistent colors - stick to 2-3 brand colors, don't make it too colorful
  3. 3.Important button in top-left - users read left-to-right, top-to-bottom. Place the most important button first
  4. 4.Visual Hierarchy - primary buttons should stand out more than secondary ones with darker colors or larger size
  5. 5.Update seasonally - change Rich Menu for festivals, promotions, or new campaigns so customers feel your shop is active
  6. 6.Whitespace - don't overcrowd the design. Whitespace makes it look clean and professional

How to Set Up Rich Menu in LINE OA Manager

Step-by-step setup via LINE Official Account Manager:

  1. 1.Go to LINE Official Account Manager
  2. 2.Select your LINE OA account
  3. 3.Navigate to "Chat" > "Rich Menu"
  4. 4.Click "Create" and select your desired template layout
  5. 5.Upload your designed Rich Menu image
  6. 6.Set Actions for each button: Link (URL), Text (send message), or Coupon
  7. 7.Set the Display Period - when the menu should be shown
  8. 8.Click "Save" and verify on your phone

For switchable Rich Menus (e.g., different menus based on membership status), you need the Rich Menu API via Messaging API - this can't be done through the standard Manager.

Available Action Types

Each Rich Menu button can be configured with different action types:

Action TypeWhat It DoesUse Case Example
URLOpens a website linkLink to food menu, product page, booking form
TextSends an automatic messageSends "promotions" to trigger Chatbot response
Rich Menu SwitchSwitches to another Rich Menu"More options" button shows Menu page 2
CouponDisplays a discount coupon10% off coupon for new customers
Datetime PickerSelect date/timeAppointment booking system

Free Rich Menu Design Tools

Recommended tools for designing Rich Menus:

  • Canva (free) - has pre-made Rich Menu templates, easiest to use, quick text and color editing
  • Figma (free) - for custom detailed designs, has Rich Menu plugins available
  • LINE Rich Menu Maker - free tool from LINE, accessible directly through LINE OA Manager
  • Photoshop / Illustrator - for professionals who need full control over every detail

CherCode Designs Rich Menu + Automation for Your Business

CherCode provides Rich Menu design with full Automation integration:

  • Custom Rich Menu design - tailored to your brand and business type, with seasonal backup menus
  • Chatbot integration - buttons trigger AI Chatbot for 24/7 automatic responses. Read more: AI Chatbot for business
  • Automated booking system - booking buttons connected to Google Sheets or auto-booking system. Read more: LINE OA booking system
  • Rich Menu API - switchable menus based on membership status, time, or campaigns
  • Starting at just 3,000 THB - design + setup + delivered within 3-5 days

Need a beautiful Rich Menu with Automation? View LINE OA Automation services or get a free consultation

Frequently Asked Questions

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 เหมาะสำหรับโปรโมชันชั่วคราว ข่าวสาร หรือแคมเปญที่ต้องการส่งถึงลูกค้าเป็นข้อความ ทั้งสองใช้ร่วมกันได้เพื่อผลลัพธ์ที่ดีที่สุด

Share:
Arm - CherCode

Arm - CherCode

Full-Stack Developer & Founder

Software developer with 5+ years of experience in Web Development, AI Integration, and Automation. Specializing in Next.js, React, n8n, and LLM Integration. Founder of CherCode, building systems for Thai businesses.

Portfolio

Related Service

LINE OA Automation

Learn More