# LineBot 圖文選單 建立範例 ###### tags: `LineBot` <div style="text-align:center"> ### 圖文選單 範例圖 ![](https://i.imgur.com/RN9w3U0.jpg =40%x) </div> --- ## 圖文選單: 建立步驟 >注意 : 此教學假設您已自行建立LineBot機器人。 ### Step 1 : 開啟 [LINE Offcial Account Manager ](https://manager.line.biz/) 並登錄後,點選您的LineBot機器人。 ![](https://i.imgur.com/Lge2hy0.png) ### Step 2 : 點選左方的 **圖文選單** 後,點選右上角的 **建立**。 ![](https://i.imgur.com/vZzev8T.png) ### Step 3 : 填寫 **顯示設定** 部分。 其中,**使用時間** 為圖文選單欲顯示於LineBot的時間。 ![](https://i.imgur.com/rqO3Z7z.png) ### Step 4 : 點選下方的 **選擇版型** ,選擇想要顯示於LineBot的圖文選單版型,此處以 兩格版面 作為範例。 並於右方選擇 **類型**,此處以 **文字** 作為範例,代表點選圖片後,會顯示設定的文字,如 "早安" 。 ![](https://i.imgur.com/yE7x8jI.png) ### Step 5 : 點選 **紅色數字 1** 處後,點選下方 **圖片** 的圖示,代表設定版面左方的圖片。 **紅色數字 2** 的右方版片以此類推。 完成後,點選 **套用**。 ![](https://i.imgur.com/Zhdu4Bs.png) 並且點選 **儲存**。 ![](https://i.imgur.com/KzyO2oK.png) ### Step 6 : 完成後,打開手機板的Line,就會出現此圖。 <div style="text-align:center"> ![](https://i.imgur.com/UXmMp6p.jpg =40%x) </div>