LINE 圖文選單怎麼做？尺寸規格、版型、按鈕動作與分頁切換教學（2026）

客人點進你的官方帳號，還沒打字，就先看到聊天室底部那一大塊。

那一塊叫圖文選單。它一直開在那裡，客人想找商品、查訂單、問運費，手指會先往那裡按。做得好，很多問題客人自己就點到答案；做得亂，客人只好打字問你。

TL;DR：圖文選單 = 一張圖 + 切成幾塊的點擊區 + 一條選單列。圖片要 JPEG 或 PNG、寬 800–2500 px、高至少 250 px、寬高比（寬 ÷ 高）1.45 以上、1 MB 以內，一張最多 20 個點擊區。只要連結和文字，用官方帳號管理後台的範本就做得出來；要 postback、日期選擇、兩個分頁互相切換，就得走 Messaging API：做兩張選單、各給一個 alias，再用 richmenuswitch 動作互相指過去。

下面照 LINE 官方文件把規格、版型、每格能做的事、分頁切換和常見錯誤走一遍，最後用我們做的開店系統「賣賣」示範整個流程。

圖文選單由三個部分組成

部分	是什麼	你要決定的事
選單圖	一張 JPEG 或 PNG，所有按鈕都畫在這張圖上	尺寸、每格寫什麼字、放什麼圖
點擊區	在圖上劃出來的矩形，每一塊綁一個動作	切幾格、每格點了做什麼
選單列	聊天室最下面那條，點它打開或收起選單	上面顯示的文字

要記住的一件事：客人看到的「按鈕」只是圖上的字，真正能按的是你另外劃的點擊區。兩邊對不上，客人按「查訂單」卻跑去商店首頁，這種錯在後台看不出來。

兩種做法：官方帳號後台 vs Messaging API

LINE 給兩個工具做圖文選單，能做的事不一樣：

	官方帳號管理後台	Messaging API
怎麼做	圖形介面，照預設範本切格子	寫程式呼叫 API，或用串好 API 的系統
顯示期間	可以設	沒有
postback、日期時間選擇	不行	可以
分頁切換	不行	可以
每個人看到不同選單	不行	可以（per-user rich menu）
點擊統計	在後台看	用 API 拿（總計、每日）

兩個工具不能管同一張選單：在後台做的，只能在後台改；用 API 建的，後台也看不到、改不了。點擊統計同樣只能在建立它的那個工具裡看。

如果兩邊都設了，客人看到哪一張照這個順序：

用 API 綁定給「這個人」的選單（per-user）
用 API 設的預設選單
官方帳號後台設的預設選單

排越前面越優先。所以你在後台改了預設，客人卻還是看到舊的，多半是 API 那邊還掛著一張。

尺寸與規格：照 LINE 文件整理

項目	規格
圖片格式	JPEG 或 PNG
寬度	800–2500 px
高度	250 px 以上
寬高比（寬 ÷ 高）	1.45 以上
檔案大小	1 MB 以內
點擊區數量	一張最多 20 個
選單列文字	最多 14 個字
一個官方帳號可建的選單（API）	最多 1000 張

寬高比這條最常被忽略。寬 2500 的圖，高度最多到 1724 左右；正方形或直式的圖一律過不了。LINE 文件的範例用的是 2500 × 1686（兩列），想抄一個安全的數字可以直接用它。

官方帳號後台建立選單的頁面可以下載官方範本圖（LINE 文件稱為 Design guide），格線都畫好了，照著放字最省事。

版型怎麼切

點擊區用像素座標劃：每一塊給左上角的 x、y，再給寬和高。常見切法：

版型	適合	每格放什麼
一列 3 格	剛開始、入口少	逛商品／查訂單／聯絡我們
兩列 4 格（2 × 2）	多數小店	商品／優惠／訂單／客服
兩列 6 格（3 × 2）	商品分類多、活動多	再加分類、會員權益

排格子可以從客人最常傳來問的事開始，一件一格；剩下的格子再放想推的東西。格子越多、每格越小，字就要越少，賣賣的預設範本每格標題都是三、四個字（逛商品、查訂單、本週優惠）。

有一個細節：寬 2500 切 3 欄除不盡，最後一欄要把餘數吃掉，點擊區才會剛好鋪滿整張圖、不留縫。手算座標最容易在這裡差個 1 px，客人按在縫上就什麼都沒發生。

每一格可以做什麼

點擊區綁的是「動作」。LINE 文件列出可以放在圖文選單上的動作：

動作	客人點了會怎樣	適合放
URI（開網址）	用 LINE 內建瀏覽器開網頁	商店、商品頁、訂單查詢
Message（送訊息）	客人的帳號送出一句你預先寫好的話	「我想聯絡店家」、接關鍵字回覆
Postback	不顯示網址，把一段資料送到你的系統	觸發自動回覆、查訂單
日期時間選擇	跳出日期時間挑選器，選好送回系統	預約、到店時間
richmenuswitch	切到另一張圖文選單	分頁切換（下一節）
Clipboard（複製）	把一段文字複製到手機剪貼簿	優惠碼、匯款帳號（LINE 14.0.0 以上）

相機、相簿、傳位置這三種動作，LINE 文件寫明只能用在快速回覆按鈕，圖文選單用不了。

Postback 和日期時間選擇要有一個收得到 Webhook 的系統才有用，這部分的設定在這篇講 Channel access token 和 Webhook 的文章。

多分頁切換：rich menu alias + richmenuswitch

你在一些品牌帳號看過選單最上面有「主選單｜會員服務」兩個頁籤，點一下整張選單換掉，那就是分頁。它的原理是兩張選單互相指：

準備兩張圖：選單 A、選單 B。上方都畫一條分頁列。
用 API 建立選單 A，分頁列上「B」那一段的點擊區設成 richmenuswitch，目標寫選單 B 的 alias。
上傳選單 A 的圖。
選單 B 照做，分頁列上「A」那一段指回選單 A 的 alias。
把選單 A 設為預設。
建立兩個 alias，分別綁到選單 A 和選單 B。

Alias 是你幫選單取的固定名字，規則是小寫英數、底線、連字號，最多 32 字元，一個官方帳號最多 1000 個。之後選單改版，只要把 alias 指到新的那張，分頁列上的按鈕不用重做。

客人點分頁時，LINE 會切換選單，同時用 Webhook 送一則 postback 事件給你的系統，裡面帶著切到哪個 alias，可以拿來算客人多常切到會員頁。切換本身不會發出任何訊息。

分頁最容易踩的一個坑

客人點過分頁之後，他看到的那張選單就變成「綁定給他個人」的選單。 照上面的優先順序，個人選單永遠贏過預設選單。

所以你之後換了新的預設，切過分頁的客人還是會看到舊的那組，要等你把舊選單刪掉、或解除他的綁定，他才會回到新預設。LINE 文件把這寫在「預設清掉了選單卻還在」的排查段落。

常見錯誤

容易踩	症狀	可以改
用正方形或直式圖	API 上傳被拒	寬高比拉到 1.45 以上，例如 2500 × 1686
照片直接存 PNG	檔案超過 1 MB	有照片的選單存 JPEG，降一點品質
想「換圖」	找不到換圖的地方	上傳過圖的選單不能換圖，要建一張新的再設成預設
改版沒清舊選單	帳號裡選單越堆越多，自己也分不清哪張在線上	每次發佈後刪掉不用的舊版，只留回復要用的幾版
圖上的字跟點擊區分開做	按「查訂單」跑去首頁	圖和點擊區用同一份格線產生
在電腦版 LINE 驗收	看不到選單	圖文選單只在手機 LINE 顯示
改完馬上看	還是舊的	預設選單要客人重開聊天室才更新，API 設的最多再等一分鐘
淺色圖配白字	客人看不清楚，也不會有人跟你講	文字改深色，或在字後面墊一層半透明底

「換圖要建新選單」和「舊選單不清」這兩條會疊在一起。我們自己的測試站就出現過三張選單同時掛在帳號裡的狀況，每次改版都多建一張、沒人刪。

用賣賣示範：選版型、打字、發佈

賣賣微電商是我們做的開店系統，圖文選單編輯器內建在後台，背後走的是 Messaging API。前提是官方帳號已經接上（接法見上一篇）。

這個編輯器是被店長一句話逼出來的。早期版本的選單圖是程式畫的三個線稿 icon、一個字都沒有，後台卻列著「逛商店／最新商品／聯絡我們」三個文字標籤。店長在手機上看完回報：「畫面不正確、和後台不一樣、無法編輯。」

查下去，畫面上沒有字，是因為當時伺服器上沒放中文字型，就繞過去不畫了。我們把中文字型搬進系統，才做出現在這版：後台打什麼字，手機上就是什麼字。

1. 選模式和版型

賣賣後台 →「LINE 行銷」→「圖文選單」分頁。

「選單模式」選「單頁選單」或「分頁選單（2 個分頁）」。
版型三選一：「3 格精簡」「4 格 2×2」「6 格 3×2」。
「圖片」選「每格放圖片」或「上傳一張完整圖片」，沒放圖的格子用背景色。

畫布寬固定 1200 px：3 格版是 1200 × 405，4 格和 6 格是 1200 × 810，兩個都落在 LINE 的規格內（寬高比 2.96 和 1.48）。

賣賣後台圖文選單頁：上方選單模式（單頁選單／分頁選單），下方 3 格精簡、4 格 2×2、6 格 3×2 三種版型

2. 每一格打字、設點擊

每一格有「主標題」「副標題」，下面是「點擊設定」：

「點擊後」：商店首頁／商品／分類／頁面／訂單查詢／自訂網址。選商品或分類會再跳出清單給你挑，不用自己貼網址。
「辨識點擊者」：勾了，客人點下去 LINE 會先回一個按鈕，再點一次才進網站，換到「知道是誰點的」；不勾就一點直接開頁。
「點擊後自動回覆」：選一條你建好的回覆規則，客人點那格 LINE 直接回覆，會蓋過上面的連結。

「圖片與文字樣式」裡可以調字級（小字／中字／大字）、字重（粗／細）、位置（置上／置中／置下）、文字顏色，以及「文字底色」。

賣賣圖文選單的單格設定：主標題、副標題、點擊後要去哪裡、辨識點擊者勾選框

3. 看正式圖，存草稿

編輯器上方那張圖是伺服器即時合成的正式圖，改任何欄位約 1 秒就更新，發佈出去客人看到的就是這張。點擊區和圖上的格線用同一份座標算，上面那個「字和點擊區對不上」的錯不會發生。

有問題的格子會被擋下來，不讓你發佈，例如：

標題空白
字型裡沒有你打的那個字（冷僻字）
標題太長，格子放不下

改好按「儲存草稿」。

賣賣圖文選單的正式圖即時預覽，下方紅框寫著「這些先修好，正式圖才會更新：第 1 格：標題空白」

4. 發佈到 LINE

按「發佈到 LINE」，賣賣會依序做完：合成正式圖（有照片就壓成 1 MB 以內的 JPEG）→ 先送 LINE 檢查 → 建新選單 → 上傳圖 → 設成預設 → 刪掉多出來的舊選單，只留最近 5 版（含這一版）。

中間任何一步失敗，客人看到的還是原本那張。按下發佈前的確認視窗也會提醒：發佈後用手機逐格點一次。

想退回去，「版本紀錄」裡每一版都有「回復這版」。

5. 分頁模式

選「分頁選單（2 個分頁）」後，兩個分頁預設叫「主選單」和「會員服務」，名字可以改（最多 8 個字）。分頁只能選 4 格或 6 格；最上面那條分頁列不能刪，也不能改成連結。

想從現有選單升級，按「把單頁內容複製成分頁 A」，再補分頁 B。
改好按「儲存分頁草稿」，再按「發布全部（兩個分頁）」。

賣賣會一次建兩張選單、更新兩個 alias、確認 alias 指對了，才把分頁 A 設成預設；任何一步失敗都退回原狀。上面講的「切過分頁的客人卡在舊版」，我們的處理是把上一組選單留 24 小時再清掉，清掉之後那些客人就回到新版。退回舊版用「整組回復」。

賣賣分頁選單編輯器：分頁 A 主選單與分頁 B 會員服務兩張正式圖，上方是分頁列

「發布全部（兩個分頁）」按鈕與提示：兩張選單一次發布

6. 看哪一格有人按

編輯器卡上有「近 30 天點擊」，每格列出被按幾次；分頁模式的發布紀錄卡另外有「近 30 天分頁切換」，列出客人切到每個分頁幾次、幾個人。

送訊息的格子會顯示「—」：客人點了是在聊天室送出一句話，沒經過網站，所以計不到次數。沒人按的格子照樣顯示「0 次」，不會從清單裡消失。

常見問題

Q：電腦版 LINE 看得到圖文選單嗎？

A：看不到。LINE 文件寫明圖文選單不會在電腦版（macOS、Windows）顯示，驗收一律用手機。

Q：還沒加好友的人看得到嗎？

A：看得到預設選單，不管是後台設的還是 API 設的。要注意的是「綁定給個人」的選單只能給好友，沒加好友的人一律看預設那張。

Q：我改了選單，客人多久會看到？

A：看你改的是哪一種。綁定給個人的選單是立刻生效；預設選單要等客人重開聊天室，用 API 設的最多再等一分鐘左右。

Q：在後台做好的選單，可以改用 API 接手嗎？

A：不行。LINE 規定同一張選單只能用建立它的那個工具管理。要換工具，就在新工具重做一張，設成預設。

Q：分頁可以做三個以上嗎？

A：用 API 可以，alias 一個帳號能建到 1000 個，三個分頁就是三張選單互相指。賣賣目前固定兩個分頁，先把「主選單＋會員服務」這組做穩。

Q：選單列那條字可以改嗎？

A：可以，用 API 建的時候填 chatBarText，最多 14 個字。賣賣統一用「選單」兩個字。

下一步

圖文選單做好，下面幾件事可以接著做：

還沒拿到 token、Webhook 也還沒設：LINE Messaging API 怎麼申請？Channel access token 與 Channel secret 取得教學
想把常問的問題變成自動回覆、接在選單格子後面：LINE 自動回覆能做到哪、做不到哪
官方帳號開店初期，選單以外還要設哪些：LINE@ 開店神器怎麼用？從加好友到回購的 7 個設定
想要一間 LINE 和圖文選單編輯器都內建、可以直接開賣的店：mo-shop 賣賣微電商

你都怎麼決定圖文選單第一格要放什麼？