Rich Menu เป็นสิ่งที่ทำให้ LINE OA ดูเป็นมืออาชีพทันที แต่หลายคนไม่รู้ว่า ออกแบบเองได้ฟรีด้วย Canva ไม่ต้องจ้างดีไซเนอร์ ไม่ต้องใช้ Photoshop บทความนี้สอนทีละขั้นตั้งแต่เปิด Canva จนอัปโหลดเข้า LINE OA Manager ใช้เวลาไม่เกิน 30 นาที
ขั้นตอนที่ 1: เลือกขนาดใน Canva
เริ่มต้นที่ Canva:
- 1.เข้า canva.com (สมัครฟรี ถ้ายังไม่มีบัญชี)
- 2.กด "Create a design" > "Custom size"
- 3.ใส่ขนาด 2500 × 1686 px (Full Size Rich Menu แนะนำ)
- 4.กด "Create new design"
ถ้าต้องการ Half Size ให้ใช้ 2500 × 843 px แทน อ่านเพิ่มเติม: ขนาดและ Layout ทั้งหมดของ Rich Menu
ขั้นตอนที่ 2: วาง Layout กริด
สร้างกริดแบ่งพื้นที่สำหรับแต่ละปุ่ม:
- 1.ใช้เส้น Guides ของ Canva แบ่งเป็น 2×3 กริด (6 ปุ่ม)
- 2.คลิก "File > Show rulers" แล้วลากเส้น Guide
- 3.แนวนอน: ลากเส้นที่ 843 px (กลาง)
- 4.แนวตั้ง: ลากเส้นที่ 833 px และ 1667 px (แบ่ง 3 คอลัมน์)
- 5.ตอนนี้ได้กริด 2×3 เท่าๆ กัน 6 ช่อง
ขั้นตอนที่ 3: เลือกสีพื้นหลัง
ตั้งสีพื้นหลังให้ตรงกับแบรนด์:
- •สีเดียว - สะอาดตา เหมาะกับทุกธุรกิจ ใช้สีหลักของแบรนด์
- •Gradient - สวยกว่าแต่ต้องระวังไม่ให้ไอคอนมองไม่เห็น
- •แนะนำ: สีเข้ม (ดำ, กรมท่า, เทาเข้ม) + ไอคอนสีสว่าง อ่านง่ายที่สุดบนมือถือ
ขั้นตอนที่ 4: ใส่ไอคอนและข้อความ
เพิ่มเนื้อหาในแต่ละช่อง:
- 1.ค้นหา "Elements > Icons" ในแถบซ้าย พิมพ์ keyword เช่น "shopping", "calendar", "phone"
- 2.วางไอคอนตรงกลางแต่ละช่อง ขนาดประมาณ 200-300 px
- 3.เพิ่ม Text ด้านล่างไอคอน - ข้อความสั้นๆ 1-2 คำ เช่น "สั่งซื้อ", "จองคิว", "โปรโมชัน"
- 4.ใช้ฟอนต์ที่อ่านง่าย ขนาด 40-60 pt (ต้องอ่านได้บนมือถือ)
- 5.ใช้สีข้อความที่ตัดกับพื้นหลัง - ขาวบนดำ หรือ ดำบนขาว
ทดสอบบนมือถือจริง! Rich Menu แสดงเล็กกว่าที่เห็นบน Computer ตัวอักษรที่ดูอ่านง่ายบนจอใหญ่อาจเล็กเกินไปบนมือถือ
ขั้นตอนที่ 5: ตรวจสอบ Safe Zone
LINE มีมุมโค้งที่อาจตัดขอบรูป:
- •เว้นขอบอย่างน้อย 20 px จากทุกด้าน
- •อย่าวางไอคอน/ข้อความชิดขอบมาก
- •Preview บนมือถือ - ส่งรูปให้ตัวเองดูก่อนอัปโหลด
ขั้นตอนที่ 6: Export ออกจาก Canva
ส่งออกไฟล์:
- 1.กด "Share > Download"
- 2.เลือก PNG (แนะนำ คุณภาพดี) หรือ JPEG (ไฟล์เล็กกว่า)
- 3.ตรวจสอบขนาดไฟล์ - ต้องไม่เกิน 1 MB (ถ้าเกินให้เลือก JPEG หรือลด Quality)
- 4.กด "Download"
ขั้นตอนที่ 7: อัปโหลดเข้า LINE OA Manager
นำรูปที่ออกแบบไปใช้:
- 1.เข้า LINE OA Manager
- 2.ไปที่ Chat > Rich Menu > Create
- 3.เลือก Template ที่ตรงกับ Layout ที่ออกแบบ (เช่น 2×3)
- 4.กด "Upload Image" อัปโหลดรูปจาก Canva
- 5.ตั้ง Action แต่ละปุ่ม: URL (ลิงก์เว็บ), Text (ส่งข้อความ), Coupon
- 6.ตั้ง Display Period (ช่วงเวลาแสดง)
- 7.กด "Save" แล้วเช็คบนมือถือ
เสร็จ! Rich Menu ที่คุณออกแบบเองจะแสดงด้านล่างแชท LINE OA ทันที
เคล็ดลับออกแบบ Rich Menu ให้สวย
Tips จากดีไซเนอร์:
- •ใช้สีไม่เกิน 3 สี - สีหลักของแบรนด์ + สีพื้นหลัง + สีเน้น
- •ไอคอนสไตล์เดียวกัน - ไม่ผสม 3D กับ Flat ใช้สไตล์เดียวตลอด
- •Whitespace - เว้นที่ว่างรอบไอคอน อย่าแน่นจนรก
- •ปุ่มสำคัญอยู่ซ้ายบน - คนอ่านจากซ้ายไปขวา บนลงล่าง
- •อัปเดตตามซีซั่น - เปลี่ยนตามเทศกาล โปร แคมเปญ
ไม่อยากทำเอง? CherCode ออกแบบให้
CherCode ออกแบบ Rich Menu มืออาชีพ:
- •ออกแบบ Custom - ตามแบรนด์และธุรกิจ สวย กดง่าย
- •Rich Menu หลายเวอร์ชัน - เวอร์ชันปกติ + เทศกาล + โปรโมชัน
- •เชื่อมต่อ Chatbot - ปุ่ม Rich Menu ทำงานร่วมกับ AI Chatbot
- •เริ่มต้นเพียง 1,500 บาท - ออกแบบ + ตั้งค่า + ส่งมอบภายใน 3 วัน
ต้องการ Rich Menu มืออาชีพ? ดูบริการ Automation หรือ ปรึกษาฟรี
คำถามที่พบบ่อย
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
นักพัฒนาซอฟต์แวร์ที่มีประสบการณ์กว่า 5 ปีด้าน Web Development, AI Integration และ Automation เชี่ยวชาญ Next.js, React, n8n และ LLM Integration ผู้ก่อตั้ง CherCode ให้บริการพัฒนาระบบสำหรับธุรกิจไทย
Portfolio
