Skip to main content

圖文選單 - 製作中

建立 圖文選單 提供 LINE 的聊天機器人使用。
圖文選單 的尺寸固定為 2 種尺寸,分別是 2500 * 16862500 * 843(單位px)。
選擇好要建立的尺寸後,根據需求可以建立不同大小的按鈕區塊,每個按鈕區塊可以設定不同的行為。
行為共有 3 種類型,分別是:文字、網址、回傳資料,當用戶點選按鈕區塊時就會觸發設定的行為。

    • 文字 是指當用戶點選時會幫用戶說一句話,通常會搭配 流程編輯器 定義好的文字指令來使用,這樣子用戶只需在選單上以點選的方式就可以直接下達指令,可以省去用戶手動輸入指令的困擾。

    • 網址 是指要導向的網頁位置,設定好目的網址後,用戶點選就會直接開啟瀏覽器瀏覽網址的內容。

    • 回傳資料 此功能尚未對外開放。

 

介面

0_介面.png
初次進入圖文選單的畫面。



1_選擇機器人.png
先選擇圖文選單要建立的機器人。



2_新增圖文選單.png
選擇好機器人後,按下 新增圖文選單



3_圖文選單_設定名稱.png
進到建立選單的介面。



3_圖文選單_設定名稱.png
設定選單的名稱。
選單名稱是指在 GOSU BAR 後台中顯示的名稱,用戶並不會看到此名稱。
建議命名容易辨識理解,將來選單數量若變多會比較好維護。



3_圖文選單_選擇尺寸.png
選擇選單的尺寸,僅有 2 種尺寸(2500 * 1686 2500 * 843,單位px)可以選擇。



4_圖文選單_設定選單提示文字.png
設定選單提示文字。
選單提示是指當用戶以手機使用機器人時,介面底部顯示的選單文字。
設定合適的名稱有助於引導使用者點選使用。



5_圖文選單_設定選單是否預設展開.png
設定是否要 預設展開 選單。
若勾選啟用,則使用者開起機器人時選單會自動展開顯示;反之,不會展開顯示。



6_圖文選單_上傳選單圖.png
根據需求自行上傳需要的圖片作為底圖,圖片尺寸一定要完全符合選擇的尺寸,且圖片檔案的大小必須小於 1MB


在上傳圖片之前,我們需要先規劃好選單的按鈕區塊,設計好選單的按鈕配置後再上傳選單底圖。




6_圖文選單_上傳選單圖-2.png
以上圖為例,希望:
1. 點選上排的按鈕區塊時會幫使用者說話「GOSU BAR 真不錯!」。
2. 點選下排的按鈕區塊會將用戶導向網頁並開啟 Google 搜尋。

















主題二

主題三