UGOMK 操作手冊
05 章 / 共 72

圖文選單(Rich Menu)

圖文選單是會員開啟 LINE 官方帳號時,顯示於聊天視窗下方的圖像式互動選單。透過將圖片分割為多個區塊,會員點擊區塊即可跳轉至指定頁面、發送訊息或領取優惠券,為會員端最主要的功能入口

進入路徑

後台左側 內容管理 → 圖文選單。首次進入為空白列表,請點擊右上角 新增圖文選單

操作流程總覽

完整建立並上架一份圖文選單,需依序完成下列五個階段。各階段皆可保存草稿、分次完成。

第一步 建立草稿

輸入選單名稱(後台識別用)與下方對話列顯示文字(會員端可見,例如「主選單」「會員專區」)。

第二步 選擇版型

系統提供二十餘種內建模板,例如 4 格 2×26 格 3×2。亦可切換至 自由模式,自行拖曳框選按鈕區域。

第三步 上傳圖片

建議使用對應的標準尺寸(例如大選單採 2500×1686)。系統將自動壓縮並轉換為 LINE 支援的格式。

第四步 設定按鈕動作

為每個區塊指定一個動作,例如開啟網址、發送訊息或連結至指定圖文卡片。完整動作類型請見後續段落。

第五步 上傳至 LINE

點擊右上角 上傳到 LINE,系統將把選單推送至 LINE 伺服器。若同時勾選 設為預設,會員加入官方帳號後即會自動顯示此選單。

流程提示

前四步驟可隨時儲存為草稿、反覆調整。僅有「上傳到 LINE」步驟會實際生效,調整版型時無須擔心影響會員端顯示。

內建模板說明

模板依格數分為以下群組:

大圖類 包含 1 格滿版、2 格上下、2 格左右,適合品牌主視覺與單一活動主推。

3 至 4 格 包含 3 格橫排、4 格 2×2、上 1 下 3、上 3 下 1 等,為最常見的功能選單樣式。

5 至 9 格 適合功能項目較多的官方帳號,例如 6 格 2×3、9 格 3×3。

頁籤模板 標示「2 頁籤」或「3 頁籤」者,可讓會員切換不同頁面(例如「主選單」「會員專區」「優惠活動」三個頁籤)。此類模板會自動處理切換邏輯,僅需分別建立各頁對應的圖文選單。

圖片規格

LINE 支援六種標準尺寸:2500×1686(大選單)、2500×843(小選單)、1200×8101200×405800×540800×270。任何尺寸的圖片皆可上傳,系統會自動裁切至最接近的標準尺寸。

檔案大小限制

單張圖片上限為 1MB。超過上限時,系統將自動壓縮為 JPEG 並降低品質至符合限制,畫質會隨之下降。

建議統一採用 2500×1686,此為顯示效果最佳、使用最廣的規格。頁籤型選單建議以底圖為基礎,於各按鈕位置預留圖示與文字。

按鈕動作類型

每個區塊可指定一種動作,會員點擊後系統將執行對應行為,共七種:

開啟網址(uri)

開啟指定的 URL,例如官網、訂位頁面或外部活動頁。URL 必須以 `https://` 或 `http://` 開頭

發送訊息(message)

會員點擊後,以會員身分自動發送預設文字至聊天室。常用於 「我想預約」「查詢點數」 等關鍵字,搭配關鍵字自動回應使用。

Postback

進階用法,點擊後不於聊天室顯示任何文字,系統將接收一段資料字串並可串接自動化流程。一般情境較少使用。

切換選單(richmenuswitch)

從目前選單切換至另一份選單,為頁籤切換的核心動作

系統功能(system_function)

最推薦的選項。直接從下拉選單選擇「會員專區」「票券中心」「集點兌換」等系統內建頁面,系統會自動帶入正確的 LIFF 網址,多分店切換時亦不會發生路由錯誤。

按鈕回應(button_reply)

從下拉選單選擇一筆已建立的「按鈕回應」,會員點擊圖文選單區塊後系統會自動推送該按鈕回應對應的文字內容(與會員直接輸入按鈕文字觸發的效果完全一致),若該按鈕回應有設定 自動貼標籤 也會同步生效。

使用步驟:

先到 訊息發送 → 按鈕回應 建立一筆按鈕回應(含文字內容、可選標籤)。

回到此頁編輯圖文選單,於該區塊將「動作類型」切到「按鈕回應」。

第二層下拉自動列出全部已建立的按鈕回應,依「按鈕文字」選擇即可。

儲存後重新「上傳到 LINE」生效。

應用情境

適合 店家資訊、營業時間、交通指引、活動規則 等需要重複推送但內容會更新的常用文字。日後只要去按鈕回應改一次內容,圖文選單不必重上傳,會員下次點擊就會收到新內容。

無動作(none)

點擊後不執行任何行為。適用於裝飾性的標題區塊或主視覺中心點等不希望被誤觸的位置。

建議組合

日常營運最常使用的組合為 「系統功能 + 切換選單」。系統功能負責會員專區、票券、集點等內建頁面的連結;切換選單則負責主選單與會員專區的頁面切換。兩者搭配可大幅減少手動 URL 設定。

上架至 LINE 的流程

完成圖片、區塊與動作設定後,點擊右上角 上傳到 LINE,系統將依序執行:

若該選單先前已上傳,會自動將舊版本從 LINE 移除,避免遺留孤兒選單。

建立新版本選單於 LINE 伺服器。

若勾選 設為預設,或這張選單原本就是 LINE 端的預設(不論是用勾選還是列表上的 設為預設 按鈕設的),系統會把新版本重新設為預設,會員開啟 LINE 時顯示的仍是這張選單。

若有會員是靠「圖文選單規則」個別綁定在這張選單上,上傳後系統會在背景把他們重新綁到新版本;人數多時需要幾分鐘,期間他們暫時看到預設選單。

上傳成功後,列表狀態將由 草稿 變更為 已上傳,並顯示綠色標籤。

取消預設(讓會員看不到選單)

目前是預設的那張選單,列表上會多一顆 取消預設 按鈕。按下後 LINE 的預設選單設定會被清除,聊天室下方的選單就會收起來,畫面多出一整塊對話空間。

適合的情境:活動結束後暫時不想掛選單、選單改版期間先撤下、或門市想讓客人直接打字對話。

取消預設 ≠ 所有會員都看不到選單

圖文選單有兩層,而且個別綁定的優先序高於預設: | 層級 | 對象 | |------|------| | 預設選單 | 給「沒有被個別綁定」的會員 | | 個別綁定(由圖文選單規則套用) | 蓋過預設,被綁定的會員看到的是自己那一張 | 所以如果您有啟用圖文選單規則,取消預設之後那些被規則綁定的會員照樣看得到選單。要讓全部人都看不到,必須連同圖文選單規則一起停用

按下按鈕前會先跳確認視窗說明上述行為;取消成功後,系統會如實告訴您目前還有幾位會員身上綁著選單(例如「已取消預設圖文選單,但仍有 12 位會員被規則個別綁定,他們還看得到選單」),而不是只回一句「已取消」讓人誤以為已經清乾淨。

若 LINE 上有預設選單、後台卻沒有對應的草稿(孤兒選單),主列表認不出來,此時請改從 LINE 伺服器同步 面板內的「取消預設」按鈕操作。

會員端為何看不到變更

LINE App 存在快取

LINE App 會將圖文選單暫存於會員裝置中,後台更新不會即時反映於會員端

請告知會員執行下列任一動作以強制刷新:

方法一 封鎖官方帳號後解除封鎖。

方法二 移除好友後重新加入。

方法三 關閉 LINE App 後重新開啟。

上述方法皆會迫使 LINE 重新向伺服器請求最新的選單資料。

同步管理功能

列表右上角 LINE 伺服器同步 為實用的維運工具,建議定期檢查。開啟後將顯示:

統計 LINE 上目前的選單數量、後台草稿數量、孤兒選單數量(LINE 上存在但後台已刪除)。

LINE 選單列表 LINE 伺服器上所有選單,標示預設選單與孤兒選單。孤兒選單可直接刪除,預設選單則禁止刪除以防誤觸。

對應關係 後台草稿與 LINE 選單 ID 的對應表,便於問題排查。

動態選單規則

若需依會員等級、標籤顯示不同的圖文選單(例如 VIP 會員看「VIP 專屬選單」、新會員看「歡迎選單」),請使用 內容管理 → 動態選單規則

設定方式如下:先建立並上傳所有預期使用的圖文選單至 LINE,再於規則頁建立判斷條件,例如「標籤包含 VIP 套用 VIP 選單」「等級為 鉑金 套用 鉑金選單」。系統將於會員加入、標籤變更、等級升降時自動套用對應選單。

常見問題

Q1 建立完成但 LINE 上未顯示

請確認狀態為 已上傳。若仍為 草稿,請點擊 上傳到 LINE。若已上傳但 LINE App 顯示舊版,請參照前述清除快取的方法。

Q2 上傳失敗並出現 LINE API 紅字錯誤

通常為按鈕動作設定問題,例如「開啟網址」填入無效的 URL,或「切換選單」指向尚未上傳的選單。請逐一檢視各區塊設定,特別確認網址以 `http` 或 `https` 開頭

Q3 圖片上傳後畫質明顯下降

LINE 規定圖檔不得超過 1MB,原圖過大時系統會自動壓縮並降低品質。建議於上傳前將圖片優化至 800KB 以內,例如使用 JPEG 80% 品質壓縮。

Q4 如何更換預設選單

於列表中找到目標選單,點擊 設為預設 即可,不需要重新上傳。之後不論是修改後重新 上傳到 LINE,或是勾選 設為預設 再上傳,預設都會跟著新版本走。

若是要完全不掛選單(而非換一張),請用列表上的 取消預設,並留意被規則綁定的會員仍看得到

Q5 頁籤型選單點擊頁籤無反應

請確認所有頁面皆已上傳至 LINE,且各頁籤切換按鈕指向正確的目標選單。若任一頁仍為草稿,切換將失敗,下拉選單會將未上傳的選單標示為灰色禁選狀態。

其他問題協助

若遇本說明未涵蓋的問題,請透過後台右下角 LINE 客服 @ugomk 聯繫真人專員協助處理。