LINE 官方帳號建立圖文選單 ( 免寫程式 )
LINE 官方帳號的「圖文選單」是一種位於行動版的聊天室畫面下方,可以彈出、收合和切換的圖片選單,舉凡「外導連結」、「優惠券」、「集點卡」及「關鍵字」都能放在圖文選單中讓使用者點擊,這篇教學會介紹如何在不用寫程式的狀態下,替 LINE 官方帳號建立圖文選單。
免程式的 LINE BOT 延伸閱讀:建立 LINE 官方帳號、推播訊息、自動回應訊息、基本訊息類型
快速導覽:
建立圖文選單
進入 LINE 官方帳號主頁後,選擇左側「聊天室相關 > 圖文選單」,點擊「建立圖文選單」按鈕就可以開始建立圖文選單。
建立圖文選單時,首先要設定圖文選單的標題 以及使用期限,如果不設定日期時間,該圖文選單就會一直存在於 LINE 官方帳號與使用者的聊天室裡。
接著設定圖文選單的內容,可以設定「版型、按鈕圖片、每個按鈕的動作」以及呈現給使用者看的「選單文字」和「預設顯示方式」。
選單內容 | 說明 |
---|---|
版型 | 選單按鈕的排列方式。 |
圖片 | 設定選單的背景圖,或每個按鈕的圖片。 |
動作 | 點擊選單圖片後的動作,例如發送文字、傳送優惠券...等。 |
選單列顯示文字 | 呈現給使用者看的選單標題。 |
預設顯示方式 | 一打開聊天畫面要開啟選單還是隱藏選單。 |
點擊「版型」按鈕,就可以設定圖文選單的排列樣式,LINE 提供了大型和小型兩種排列樣式,可按照個人需求選擇。
選擇版型後,接著點擊「圖片」按鈕,就可以設定圖文選單的背景圖片,設定方式可以使用一張「大圖」作為底圖,或分別設定不同按鈕各自的背景圖。
加入背景圖時,可以運用 LINE 提供的編輯工具將圖片放大縮小,也可以加入文字,反覆調整直到符合自己的需求,左邊預覽區也會即時看見圖文選單的長相。
接著在「動作」區域裡,會自動產生這個版型中所有按鈕的動作*,下圖範例選擇小型的三格正方形,動作區域就會出現點擊三個按鈕之後要進行的動作,目前圖文選單支援的動作如下:
點擊按鈕後的動作 | 說明 |
---|---|
連結 | 開啟指定網頁 |
文字 | 傳送指定文字 |
優惠券 | 獲得優惠券 |
集點卡 | 打開集點卡 |
不設定 | 單純顯示背景圖 |
下圖設定點擊第一張圖片後,會傳送「我就讚」的訊息,點擊第二張圖片會開啟一個連結。
完成後,從圖文選單的頁面裡,就能看到剛剛建立的圖文選單,同時也可以修改、複製或刪除圖文選單。
使用手機 LINE APP 開啟與這個官方帳號的聊天室,就會看見圖文選單,點擊圖文選單時,就會出現對應的動作。
使用 LINE URL Scheme
圖文選單預設只有「傳送文字、打開連結、優惠券和集點卡」的功能,如果要讓圖文選單更好用,則可以透過「LINE URL Scheme」( LINE API 執行網址 ),讓使用者可以呼叫並使用 LINE 的特殊功能,例如開啟地圖定位、相機、相簿...等,下表列出常用的 LINE URL Scheme,完整列表參考「LINE URL Scheme」。
注意,LINE URL Scheme 只支援行動裝置 LINE APP,不支援 windows 或 MccOS 桌面版。
LINE URL Scheme | 說明 |
---|---|
https://line.me/R/share?text={要發送的訊息} | 傳送訊息給特定聯絡人。 |
https://line.me/R/nv/location | 開啟定位,發送地點資訊。 |
https://line.me/R/nv/camera/ | 開啟相機,拍照後發送照片。 |
https://line.me/R/nv/cameraRoll/single | 開啟相簿,發送一張照片。 |
https://line.me/R/nv/cameraRoll/multi | 開啟相簿,發送多張照片。 |
https://line.me/R/nv/profile | 開啟個人資料畫面。 |
https://line.me/R/nv/profileSetId | 開啟個人 ID 畫面。 |
https://line.me/R/nv/chat | 開啟聊天畫面。 |
https://line.me/R/nv/timeline | 開啟 LINE VOOM 畫面。 |
https://line.me/R/nv/wallet | 開啟錢包畫面。 |
https://line.me/R/nv/addFriends | 開啟新增朋友畫面。 |
https://line.me/R/nv/officialAccounts | 開啟官方帳號畫面。 |
https://line.me/R/nv/settings | 開啟設定畫面。 |
https://line.me/R/nv/settings/sticker | 開啟貼圖畫面。 |
下圖將範例的前兩個圖片按鈕,改成「連結」的動作,並填入對應的 LINE URL Scheme。
完成並儲存圖文選單後,再次打開 LINE APP 與官方帳號的聊天室,點擊圖文選單,就會開啟地圖或相機進行對應的動作,下圖範例開啟地圖,並發送地點資訊。
切換圖文選單
從 LINE 官方帳號管理頁面中「無法」進行切換圖文選單的設定,必須要透過簡單的程式,運用「部署」的方式才能切換選單,詳細參考:切換圖文選單
小結
圖文選單是一個 LINE 官方帳號不可或缺的功能,當使用者不知道該跟官方帳號聊什麼的時候,透過「點選」的方式,就能限縮使用者的聊天範圍,讓使用者可以快速找到想要的功能,如果會寫程式,甚至還能進一步讓圖文選單與城市互動,產生更多有趣的變化和應用。
免程式的 LINE BOT 延伸閱讀:建立 LINE 官方帳號、推播訊息、自動回應訊息、基本訊息類型
意見回饋
如果有任何建議或問題,可傳送「意見表單」給我,謝謝~