A rich menu is a customizable menu that is displayed on the chat screen to help users interact with your LINE Official Account. It helps the user to understand our Bot’s basic functions clearly.
A dynamic rich menu is a set of rich menu that can be changed by user’s action individually. There are several ways we adapt a dynamic rich menu to improve user experience. Imagine that we are building a restaurant Bot. We would have 3 groups of customer which are Baby Boomer, Gen X, and Millennials. They are generally different in term of their perspective, needs, and limitation.
To smoothly serve these 3 groups in one Bot, we would need to design our Bot’s flow for each group. In this article, we are focusing on a rich menu. Therefore, we should have at least 3 rich menus. For example, Baby boomer should have a big font size and healthy food on a rich menu. Gen X should have informative functions. Millennials should have a stunning design and trendy food as shown in figure 1:
There are 3 parts in a rich menu.
1.1. Navigate to a nav bar at the top of a screen, select “Campaign” menu then “Rich Menu”.
1.2. You will see “Personalize rich menu” panel. Click “New rich menu”.
1.3. Fill in a name, a Line Display Name (it will show in a chat bar.), an image. After that, click Save and deploy.
1.4. Repeat from Step 1.2
2.1. Navigate to a nav bar, select “Bot” menu. Then, select “Chatlogic” under “Logic & Integration”.
2.2. In a Flow editor, select “interpret node” and “link user node”.
2.3. Set node’s properties.
2.3.1. Interpret node: Naming the node by starting with @ and followed by a name you want. In rule property, select otherwise. Then, click Done.
2.3.2. Link user node: Select a named rich menu we just created in Step 1. Then, click Done.
2.4. Click the Deploy button at the top right when everything is set.
3.1. Back to each Rich Menu. Create a tappable area by drag-and-drop. After that, assign a “Go to flow” action and select the name we set in Step 2.
3.2. To set a default rich menu by clicking Default on a rich menu box. Then, click Deploy.
Congratulations! 🎉 We’re all set!