前言:

前面初級篇已經能讓用文字方式控制HA設備，但每次都要打字且要記住關鍵字也不容易，所以本篇就介紹以LineBot內建的圖文選單、快速回覆與Flex message來讓使用者免輸入就能互動！

本章內容快速連結:

  1. **準備工作**
  2. 上傳圖文選單(Rich Menu)及設定功能
  3. 快速回覆(Quick Reply)
  4. 快速回覆程式碼解說
  5. Flex message

✅準備工作:

  1. 請先完成初級篇的設定，了解整體流程與概念才不會看不懂這篇唷！ >初級篇點我<

  2. 準備快速選單用的圖片，LineBot提供1~6格可供選擇，等於有6種指令可以輸出，看個人選擇。本範例用大圖6格，尺寸需求為2500px x 1686 px檔案大小在1MB以內，至於要如何做出這張圖呢？可以去 >canva.com< 線上就能做出精美的設計，網路也有很多canva教學，我的圖片也用這網站做出來的

    快速選單.jpg

    製作完成左上角檔案>下載，選擇存成JPG，如在設計中有包含付費元素，下載時可直接點右邊三點>免費下載有浮水印的草稿，就能下載圖片

    截圖 2023-04-03 17.04.14.png

✅上傳圖文選單(Rich Menu)及設定功能

這邊有兩種方式能夠設定，一個是透過網頁另一個是下載Line official account APP都能做到，這邊以網頁版教學，APP的流程基本上是相同。

  1. >https://manager.line.biz/< 到這網站點選LineBot>主頁>左邊下面>聊天室相關>圖文選單

  2. 標題隨意，使用期間記得設久一點這樣才不會時間到而失效

    截圖 2023-04-03 17.22.13.png

  3. 版型選擇>大型6格>上傳整體背景圖片>選做好的圖片>套用>套用

    截圖 2023-04-03 17.30.52.png