เปลี่ยน LINE OA ให้เป็นเว็บไซต์ส่วนตัว วิธีทำ Rich Menu สลับหน้าได้ เพิ่มปุ่มได้ไม่จำกัด

อ่าน 1 นาที
เปลี่ยน LINE OA ให้เป็นเว็บไซต์ส่วนตัว วิธีทำ Rich Menu สลับหน้าได้ เพิ่มปุ่มได้ไม่จำกัด

LINE OA ปกติทำ Rich Menu ได้สูงสุดแค่ 6 ปุ่ม แต่มีวิธีทำ Rich Menu แบบสลับหน้าได้ (Alias Rich Menu) เหมือนแท็บเมนูบนเว็บไซต์ พร้อมไอเดีย Use Case เพิ่มยอดขาย 5 ขั้นตอนตั้งค่าหลังบ้าน และ 3 ข้อควรระวังก่อนใช้งานจริง

เคยเจอปัญหานี้ไหมครับ อยากใส่ข้อมูลสินค้าก็เยอะ โปรโมชันก็มีหลายอย่าง ช่องทางติดต่อก็สำคัญ แต่ LINE OA ดั้งเดิมดันให้พื้นที่ทำ Rich Menu (เมนูด้านล่างหน้าแชท) ได้สูงสุดแค่ 6 ปุ่มเท่านั้น จะเลือกอย่างหนึ่งก็ต้องตัดอีกอย่างหนึ่งออกไปอย่างน่าเสียดาย

ทางออกของปัญหานี้คือ การทำ Rich Menu แบบสลับหน้าได้ (Alias Rich Menu) ที่จะทำให้ลูกค้าสามารถกดสลับแท็บเมนูไปมาได้เหมือนเปิดหน้าเว็บ ช่วยให้ใส่ข้อมูลได้มากขึ้นโดยไม่ต้องเปิดลิงก์ออกไปข้างนอกให้เสียเวลา

ไอเดียการสลับหน้าเมนูเพื่อเพิ่มยอดขาย

การทำเมนูสลับหน้าได้ไม่ได้แค่เก๋ แต่ช่วยปิดการขายและดูแลลูกค้าได้เป็นระบบขึ้นมาก นี่คือไอเดียยอดฮิตที่หลายแบรนด์เลือกใช้:

  • เมนูหลัก สลับกับ แนะนำโซเชียลมีเดีย: เมนูหน้าแรกโชว์ปุ่มสั่งซื้อและข้อมูลสินค้าทั่วไป พอเปิดแท็บ “Follow us” จะสลับเป็นหน้าแนะนำช่องทางติดตามของแบรนด์ เช่น Facebook หรือ Instagram แล้วลูกค้าก็สามารถกดปุ่มย้อนกลับมาหน้าแรกได้เหมือนเดิม
  • เมนูบริการ สลับกับ เมนูความช่วยเหลือ: หน้าแรกเน้นการสั่งซื้อและรายละเอียดบริการหลัก แต่เมื่อลูกค้ากดปุ่ม “ช่วยเหลือ” ก็จะสลับไปหน้าเมนูคำถามพบบ่อย วิธีการใช้งาน หรือช่องทางเคลมสินค้าได้ทันที

ทำไมปกติทำในระบบ LINE OA ทั่วไปไม่ได้

เวลาสร้าง Rich Menu ในระบบ LINE Official Account Manager หลังบ้านแบบปกติ จะทำได้แค่เลือกเทมเพลตมาตรฐาน ใส่ลิงก์ แล้วแสดงผลได้เพียงแค่อันเดียวเท่านั้น ไม่สามารถกดแล้วสลับเมนูไปมาแบบนี้ได้

ดังนั้นหากต้องการทำเมนูที่สลับหน้าได้ จำเป็นต้องใช้เครื่องมือช่วยภายนอกและระบบส่งข้อมูลของ LINE (เรียกว่า API) เข้ามาช่วยจัดการ

5 ขั้นตอนทำ Rich Menu สลับหน้าได้

ขั้นตอนที่ 1: ออกแบบภาพเมนู (ด้วย Canva)

เริ่มต้นด้วยการออกแบบภาพ Rich Menu เตรียมไว้ก่อน แนะนำให้ใช้โปรแกรมอย่าง Canva ออกแบบและเซฟภาพลงเครื่องคอมพิวเตอร์ไว้ ถ้าอยากให้สลับได้ 2 หน้า ต้องออกแบบภาพเตรียมไว้ 2 ภาพ (เช่น เมนูหน้าแรกและเมนูหน้าที่สอง) โดยให้มีปุ่มสำหรับกดสลับหน้าตาคล้ายแท็บเมนูบนเว็บไซต์

ขั้นตอนที่ 2: กำหนดจุดปุ่มกด (ด้วย LINE Bot Designer)

ภาพที่เตรียมไว้ LINE ยังไม่รู้ว่าจุดไหนคือปุ่มกดบ้าง จึงต้องใช้โปรแกรมฟรีที่ชื่อว่า LINE Bot Designer ช่วย โดยนำภาพจากขั้นตอนแรกมาใส่ในโปรแกรม แล้วลากเส้นกรอบสี่เหลี่ยมทับบริเวณที่ต้องการให้เป็นปุ่มกด โปรแกรมจะคำนวณตำแหน่งพิกัดให้อัตโนมัติ จากนั้นตั้งค่าปุ่มสำหรับสลับเมนูให้มีคำสั่งส่งค่ากลับไปหลังบ้าน (เรียกว่า Postback Action) เพื่อเรียกเมนูอีกอันขึ้นมาโชว์แทนอันเดิม เมื่อทำเสร็จโปรแกรมจะแปลงสิ่งที่วาดให้กลายเป็นโค้ด JSON ออกมาให้ก๊อปปี้ไปใช้งานต่อ

ขั้นตอนที่ 3: ไปเอา Token จาก LINE Developers

เนื่องจากไม่ได้ทำงานผ่านหน้าเว็บปกติ จึงต้องสมัครบัญชีนักพัฒนาของ LINE ที่เว็บ LINE Developers เพื่อสร้างช่องทางเชื่อมต่อ และไปก๊อปปี้รหัสความปลอดภัยที่เรียกว่า Token รหัสนี้เปรียบเสมือนกุญแจสำคัญที่ใช้บอกระบบของ LINE ว่าเราคือเจ้าของ LINE OA นี้ และกำลังจะส่งเมนูใหม่เข้าไปติดตั้ง

ขั้นตอนที่ 4: ส่งเมนูเข้า LINE (ด้วย Postman)

เมื่อได้โค้ดตำแหน่งปุ่ม (JSON) จากขั้นตอนที่ 2 และ Token จากขั้นตอนที่ 3 มาแล้ว ใช้โปรแกรมส่งข้อมูลที่ชื่อว่า Postman ส่งโค้ดแผนผังปุ่มกดและอัปโหลดรูปภาพเมนูที่ออกแบบไว้เข้าไปยังระบบหลังบ้านของ LINE ทำแบบเดียวกันนี้ทั้งเมนูที่ 1 และเมนูที่ 2

ขั้นตอนที่ 5: เชื่อมโยงเมนูเข้าด้วยกัน (กำหนด Alias)

ขั้นตอนสุดท้ายคือกำหนดสิ่งที่เรียกว่า Alias หรือนามแฝงให้กับเมนูแต่ละตัว เพื่อให้เวลาที่ลูกค้ากดปุ่มสลับหน้า ระบบจะรู้ทันทีว่าต้องเปิดรูปเมนูที่สองขึ้นมาแทนที่รูปเมนูแรกได้อย่างแม่นยำ

3 ข้อควรระวัง รู้ไว้ก่อนระบบล่ม

ถ้าอยากทำเมนูสลับหน้าให้ใช้งานได้อย่างไร้รอยต่อ มีกฎเหล็ก 3 ข้อที่มองข้ามไม่ได้:

  • ขนาดและสัดส่วนภาพต้องเป๊ะ: รูปภาพที่จะอัปโหลดต้องกว้างระหว่าง 800-2500 พิกเซล และสูงอย่างน้อย 250 พิกเซล ที่สำคัญคือ อัตราส่วนภาพ (กว้างหารสูง) ต้องอยู่ที่ 1.45 ขึ้นไป เท่านั้น (เช่น ขนาดที่นิยมใช้กันคือ 2500×1686 พิกเซล) ไม่อย่างนั้นระบบของ LINE จะขึ้นข้อผิดพลาดและปฏิเสธภาพทันที
  • ใช้งานได้เฉพาะบนสมาร์ทโฟน: ฟังก์ชัน Rich Menu สลับหน้านี้จะไม่แสดงผลบนโปรแกรม LINE ในคอมพิวเตอร์ (PC/Mac) เวลาทดสอบระบบหรือเปิดให้ลูกค้าใช้งานจริง ให้ยึดการใช้งานผ่านมือถือเป็นหลัก
  • ระวังเมนูไม่ยอมเปลี่ยนเพราะ Per-User: หากธุรกิจเคยตั้งค่าเมนูแบบรายบุคคล (Per-User Rich Menu) เพื่อล็อกเมนูเฉพาะลูกค้าบางราย เมนูหลักที่เพิ่งตั้งค่าเริ่มต้น (Default) อาจไม่แสดงผล เพราะระบบของ LINE จะให้ลำดับความสำคัญกับเมนูรายบุคคลสูงสุดเสมอ

สรุป

แม้ขั้นตอนการทำจะต้องพึ่งพาโปรแกรมหลายตัวและมีความเป็นเทคนิคอยู่บ้าง แต่ผลลัพธ์ที่ได้คุ้มค่ามาก เพราะช่วยให้ LINE OA ของธุรกิจดูเป็นมืออาชีพ มีระเบียบ และใส่ข้อมูลโปรโมชันต่างๆ ได้อย่างเต็มที่โดยไม่มีข้อจำกัดอีกต่อไป

สำหรับใครที่อยากลองทำแบบละเอียดด้วยตัวเอง สามารถอ่านคู่มืออย่างเป็นทางการของ LINE ได้ที่ “Switch between tabs on rich menus” เพื่อทำตามแบบทีละขั้นตอนได้

อยากปั้น LINE OA ให้ธุรกิจมืออาชีพกว่าเดิม?

เรียนรู้พื้นฐานการตั้งค่า LINE OA และกลยุทธ์การตลาดผ่าน LINE OA แบบมืออาชีพกับหลักสูตร เพิ่มยอดขายด้วย LINE OA ปูพื้นฐานให้แน่นก่อนต่อยอดไปสู่เทคนิคขั้นสูงอย่าง Rich Menu สลับหน้าได้ด้วยตัวเอง

ดูรายละเอียดคอร์ส

Team Digital จัดหลักสูตรอบรมการตลาดออนไลน์และเอไอ อบรมแบบกลุ่มเล็ก ดูแลทั่วถึง เช่น หลักสูตรอบรม Digital Marketing, หลักสูตรอบรม Shopee/Lazada, หลักสูตรอบรม SEO, หลักสูตรอบรม Google Ads, หลักสูตรเรียนยิงแอด Facebook, คอร์สสอน LINE OA, หลักสูตร YouTuber, คอร์สสอน Google Analytics 4, หลักสูตรอบรม WordPress, คอร์สสอน TikTok, คอร์สสอน Gemini Deep Research & NotebookLM และ หลักสูตรอบรม Power BI รวมทั้งยังรับจัดหลักสูตรอบรมภายในองค์กร (In-House Training) ให้กับหน่วยงานและองค์กรต่างๆ

About The Author

ศรัณย์ ยุวรรณะ
อ.ศรัณย์ ยุวรรณะ

อ.หนุ่ย Co-founder ของ Team Digital ผู้เชี่ยวชาญและนักเขียนด้านการตลาดดิจิทัล วิทยากรหลักสูตร Advanced Digital Marketing, Google Analytics 4 (GA4), LINE Official Account (LINE OA) ปัจจุบันใช้ AI พัฒนาระบบธุรกิจของตัวเอง

สอบถาม/จองคอร์ส