> For the complete documentation index, see [llms.txt](https://en.help.firstline.cc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://en.help.firstline.cc/feature/marketing/line-rich-menu.md).

# LINE Rich Menu

## Overview

The rich menu is located below the chat room of the LINE Official Account, and customers will see it at first glance, giving it excellent visibility. With FIRST LINE, you can freely arrange the position and layout of elements, and set button actions, such as directing users to a specific webpage, triggering a specific event, or sending a specific message, as well as set page-switching functions to provide your users with a richer experience.

Depending on different purposes and scenarios,**choose a suitable template**, easily create menu content with high engagement. In addition to updating event information in real time, it can also be designed as**a self-service portal for customers**, allowing users to operate and tap anytime, anywhere. It not only helps friends remember your brand at first glance, but also greatly reduces customer service resource consumption, becoming a powerful assistant for marketing and service!

<figure><img src="https://842546780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MNRu7dk70ei7JV9HlW9%2Fuploads%2FKFZ7JaoaCBn6ah3bZSm3%2F%EF%BC%B3%EF%BC%A1%EF%BC%AC%EF%BC%A5.png?alt=media&#x26;token=b630a3db-e4c9-43fb-bbbe-d3d0a7325633" alt="" width="375"><figcaption></figcaption></figure>

## Settings

Simply go to the Utilities tab under "Applications," find the "LINE Rich Menu" management item, and click the Add button to start creating a rich menu form setting.

When adding one, you need to enter some items in advance:

1. Associated LINE Official Account: the LINE Official Account to which this rich menu form belongs. Please note that once it is added, this information cannot be changed.
2. Menu name: Please enter a menu name that is easy to identify and manage. This name will be used for your internal management purposes and will not be shown to customers.

<figure><img src="https://842546780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MNRu7dk70ei7JV9HlW9%2Fuploads%2FQEVXlK4ZVLtixvcT0UGn%2Fimage.png?alt=media&#x26;token=7667fe5e-543a-46ec-9f47-6bb72a638d5c" alt=""><figcaption></figcaption></figure>

After successfully adding the rich menu form, you can continue editing the following items:

1. Menu bar display text: This is the text displayed in the menu bar below the chat room, with a maximum of 14 characters.
2. Default display: You can set whether the rich menu should be displayed by default when customers open the chat.
3. Image: You can upload a JPG, JPEG, or PNG file under 1 MB as the rich menu image. You can choose either a small image size (2500 x 843, 1200 x 405, 800 x 270) or a large image size (2500 x 1686, 1200 x 810, 800 x 540).
4. Layout: You can set the interactive areas of the menu, and choose to use an existing template or design the menu layout yourself by dragging and dropping.
5. Area actions: Set interaction methods such as sending messages, opening webpages, or switching to an existing rich menu.

<figure><img src="https://842546780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MNRu7dk70ei7JV9HlW9%2Fuploads%2FbUckjivGZ2oIFdXiF7ei%2Fimage.png?alt=media&#x26;token=10c746b6-6cc7-4e2b-8090-ac498e5ede21" alt=""><figcaption></figcaption></figure>

Rich menus can be saved in the following ways:

1. Save as draft: Click this button to save the current edits as a draft so you can continue editing later. You can come back at any time and keep modifying the draft.
2. Publish: Click this button to officially publish the rich menu to the associated LINE Official Account. It is worth noting that**once the rich menu type has been saved, it cannot be changed. If you need to make changes, you will need to create a copy of the original rich menu and then set up a new rich menu again.**

## If this rich menu is no longer in use

If this rich menu is no longer in use and you want all customers to stop seeing it, you can directly, on FIRST LINE's "LINE Rich Menu" management page**delete this rich menu**.

After deletion, FIRST LINE will also delete the corresponding rich menu on the LINE side, so customers who were originally using this rich menu will no longer see it afterward.

{% hint style="info" %}
The rich menu display on the LINE side may not refresh immediately upon deletion. Some customers will need to reopen the chat with the LINE Official Account before they see the rich menu disappear.
{% endhint %}

### How to operate

1. Go to "LINE Rich Menu" under "Applications."
2. Find the rich menu that is no longer in use.
3. Confirm that this rich menu will no longer be needed.
4. Perform the deletion.
5. After deletion is complete, the corresponding rich menu on the LINE side will also be removed.

## How to set up page-switching functionality

If you need to set up a multi-page menu, especially one with switching functionality, because rich menus cannot be edited after publishing, you need to first save the required rich menus as drafts, and then configure them in order.

For example, if you need to set up a two-page switching function, please follow the steps below:

1. First, complete the settings for the rich menus on page 1 and page 2, and save them as drafts.
2. Go back to the page 1 rich menu and edit the interactive area where you want page switching to occur. Set that interactive area's type to "Switch Rich Menu", select the page 2 rich menu you want to switch to from the dropdown menu, and publish after confirming the settings are complete.
3. Return to the page 2 rich menu and, similarly, in the specified interactive area, choose the type "Switch Rich Menu." In the dropdown menu, select your page 1 rich menu so you can set it to switch back to page 1, and publish after confirming the settings are complete.

After setting this up, when users view the page 1 rich menu, they can tap the specified interactive area to switch to page 2; likewise, on page 2 they can switch back to page 1 through the specified interactive area.

<figure><img src="https://842546780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MNRu7dk70ei7JV9HlW9%2Fuploads%2F6T0f6Hy7F0nekzZhLPkm%2Fimage.png?alt=media&#x26;token=d21e1469-9fce-4b54-aa5c-1000531ace17" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Further reading:

* [Complete Guide to LINE Official Account Rich Menu Settings (2025)](https://blog.firstline.cc/line-rich-menu-guide-2025/)
* [LINE Official Account Rich Menu Examples Collection!](https://blog.firstline.cc/line-rich-menu-design-showcase/)
* [LINE Official Account Rich Menu Examples Collection! Part 2!](https://blog.firstline.cc/line-rich-menu-design-showcase-002/)
  {% endhint %}
