Rich Menu instantly makes your LINE OA look professional. Many people don't know they can design it for free with Canva - no designer needed, no Photoshop required. This tutorial teaches every step from opening Canva to uploading in LINE OA Manager. Takes under 30 minutes.
Step 1: Set Size in Canva
Start in Canva:
- 1.Go to canva.com (sign up free if needed)
- 2.Click "Create a design" > "Custom size"
- 3.Enter 2500 × 1686 px (recommended Full Size)
- 4.Click "Create new design"
For Half Size, use 2500 × 843 px. Read more: Rich Menu sizes and layouts
Step 2: Create Grid Layout
Divide space for each button:
- 1.Use Canva's Guides to create a 2×3 grid
- 2.Click "File > Show rulers" and drag guides
- 3.Horizontal: guide at 843 px (center)
- 4.Vertical: guides at 833 px and 1667 px (3 columns)
- 5.You now have 6 equal sections
Step 3: Choose Background Color
Set brand-consistent background:
- •Solid color - clean, works for all businesses
- •Gradient - prettier but icons must remain visible
- •Recommended: dark backgrounds (black, navy, dark gray) + bright icons = most readable on mobile
Step 4: Add Icons and Text
Fill each section:
- 1.Search "Elements > Icons" in left panel
- 2.Place icons centered in each section, ~200-300 px
- 3.Add Text below each icon - short 1-2 words
- 4.Use readable font, size 40-60 pt
- 5.Use contrasting text color
Test on a real phone! Rich Menu appears smaller than on computer. Text readable on desktop may be too small on mobile.
Step 5: Check Safe Zone
LINE has rounded corners that may crop edges:
- •Keep at least 20 px margin from all sides
- •Don't place icons/text too close to edges
- •Preview on mobile before uploading
Step 6: Export from Canva
Download the file:
- 1.Click "Share > Download"
- 2.Choose PNG (recommended) or JPEG (smaller file)
- 3.Check file size - must be under 1 MB
- 4.Click "Download"
Step 7: Upload to LINE OA Manager
Apply your design:
- 1.Go to LINE OA Manager
- 2.Navigate to Chat > Rich Menu > Create
- 3.Select matching Template (e.g., 2×3)
- 4.Click "Upload Image"
- 5.Set Actions per button: URL, Text, Coupon
- 6.Set Display Period
- 7.Click "Save" and verify on mobile
Done! Your custom Rich Menu appears at the bottom of your LINE OA chat immediately.
Design Tips for Great Rich Menus
Tips from designers:
- •Max 3 colors - brand primary + background + accent
- •Consistent icon style - don't mix 3D with flat
- •Whitespace - space around icons, don't overcrowd
- •Important button top-left - users read left-to-right, top-to-bottom
- •Update seasonally - change for festivals, promotions, campaigns
Don't Want to DIY? CherCode Designs For You
CherCode designs professional Rich Menus:
- •Custom design - matches your brand and business
- •Multiple versions - regular + seasonal + promotional
- •Chatbot integration - Rich Menu buttons work with AI Chatbot
- •Starting at just 1,500 THB - design + setup + delivered in 3 days
Need a professional Rich Menu? View Automation services or get a free consultation
Frequently Asked Questions
Canva ฟรีทำ Rich Menu ได้ไหม?
ได้ครับ Canva แบบฟรีทำ Rich Menu ได้เต็มที่ ไม่ต้อง Pro มีไอคอนฟรีให้ใช้เยอะ แค่บางไอคอนที่มีเครื่องหมายมงกุฎ (Crown) ต้อง Pro ถ้าใช้แบบฟรี ค้นหาไอคอนแล้วเลือกเฉพาะตัวที่ไม่มี Crown หรือใช้เว็บ Flaticon.com โหลดไอคอนฟรีมาใส่แทนได้
ทำ Rich Menu บนมือถือได้ไหม?
ได้ครับ Canva มีแอปมือถือ (iOS/Android) ใช้ออกแบบ Rich Menu ได้ แต่แนะนำให้ทำบน Computer หรือ Tablet จะสะดวกกว่า เพราะจอใหญ่กว่า วาง Layout ง่ายกว่า แล้วค่อย Preview ผลลัพธ์บนมือถืออีกทีก่อนอัปโหลด
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


