Skip to main content
AutomationApr 3, 202610 min

Design LINE OA Rich Menu with Canva Free - Step-by-Step Tutorial 2026

Step-by-step tutorial: design LINE OA Rich Menu with free Canva - from template selection to design, export, and upload in LINE OA Manager.

ออกแบบ Rich Menu ด้วย Canva ฟรี - CherCode

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. 1.Go to canva.com (sign up free if needed)
  2. 2.Click "Create a design" > "Custom size"
  3. 3.Enter 2500 × 1686 px (recommended Full Size)
  4. 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. 1.Use Canva's Guides to create a 2×3 grid
  2. 2.Click "File > Show rulers" and drag guides
  3. 3.Horizontal: guide at 843 px (center)
  4. 4.Vertical: guides at 833 px and 1667 px (3 columns)
  5. 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. 1.Search "Elements > Icons" in left panel
  2. 2.Place icons centered in each section, ~200-300 px
  3. 3.Add Text below each icon - short 1-2 words
  4. 4.Use readable font, size 40-60 pt
  5. 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. 1.Click "Share > Download"
  2. 2.Choose PNG (recommended) or JPEG (smaller file)
  3. 3.Check file size - must be under 1 MB
  4. 4.Click "Download"

Step 7: Upload to LINE OA Manager

Apply your design:

  1. 1.Go to LINE OA Manager
  2. 2.Navigate to Chat > Rich Menu > Create
  3. 3.Select matching Template (e.g., 2×3)
  4. 4.Click "Upload Image"
  5. 5.Set Actions per button: URL, Text, Coupon
  6. 6.Set Display Period
  7. 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 ผลลัพธ์บนมือถืออีกทีก่อนอัปโหลด

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