Try   HackMD

LineBot 圖文選單 建立範例

tags: LineBot

圖文選單 範例圖

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →


圖文選單: 建立步驟

注意 : 此教學假設您已自行建立LineBot機器人。

Step 1 :

開啟 LINE Offcial Account Manager 並登錄後,點選您的LineBot機器人。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Step 2 :

點選左方的 圖文選單 後,點選右上角的 建立

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Step 3 :

填寫 顯示設定 部分。

其中,使用時間 為圖文選單欲顯示於LineBot的時間。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Step 4 :

點選下方的 選擇版型 ,選擇想要顯示於LineBot的圖文選單版型,此處以 兩格版面 作為範例。

並於右方選擇 類型,此處以 文字 作為範例,代表點選圖片後,會顯示設定的文字,如 "早安" 。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Step 5 :

點選 紅色數字 1 處後,點選下方 圖片 的圖示,代表設定版面左方的圖片。 紅色數字 2 的右方版片以此類推。

完成後,點選 套用

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

並且點選 儲存

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Step 6 :

完成後,打開手機板的Line,就會出現此圖。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →