LINE 圖文選單設定教學：尺寸規格、按鈕動作與自動回應完整說明

TL;DR

• 圖文選單要在哪裡設定，取決於按鈕按下去要做什麼。要讓帳號自動回一段文字或圖片，只能在 LINE 官方帳號管理後台設；要連到預約、課表或網站內容，用串接平台的後台比較省事。
• 兩邊不能並用。 LINE 官方的規定是「僅能向用戶顯示一個圖文選單」，所以同一個帳號只會有一張生效中的選單，在哪裡做就在哪裡做完。
• 常被當成規定的「2500×1686」其實只是最大的那個範本尺寸。Messaging API 的規格是寬 800 到 2500、高 250 以上、寬高比 1.45 以上、檔案 1 MB 以內，是一個範圍不是一個數字。
• 自動回應的關鍵字是完全比對，不是包含比對。設了「預約」，客人打「我要預約」不會觸發。這是設好卻沒反應時最常見的原因。
• 按鈕動作選「文字」再搭自動回應，可以做出「按下宮格就跳出圖片或說明」的效果——這是兩種路徑之間唯一真正的交集。

圖文選單是聊天室下方那塊固定的格子，只要客人打開你的官方帳號就會看到，不需要等推播、也不用捲訊息紀錄。以曝光位置而言，它是整個官方帳號裡最值錢的一塊。

多數人在這裡受阻的原因不是設計，是設定。同一件事有兩個入口可以做，兩邊的按鈕能力不一樣，而且不能一邊做一半。

一、圖文選單的版位與能做到的事

圖文選單由一張圖與數個可點選的區塊組成。圖片本身只是背景，實際決定行為的是疊在圖上的「動作」——客人點到哪一格，就執行那一格設定的動作。

能設定的動作依入口而不同，大致分成三類：開啟一個網址（官網、預約頁、表單）、送出一段文字（由客人的帳號發出，可用來觸發自動回應）、LINE 自家的功能（優惠券、集點卡）。

選單列的文字也可以改。那是選單收起來時顯示的那一行字，Messaging API 的上限是 14 個字元。

圖文選單展開時會佔掉聊天室下半部，客人要看舊訊息得先收起選單，格子開得愈多、干擾也愈明顯。

好在成效是量得到的。LINE 官方帳號後台的「分析」裡有圖文選單專屬的報表，官方手冊寫明它會「根據不同圖文選單版型劃分出 A, B, C 等區塊」並顯示各區塊的曝光與點擊，還能切換看點擊次數或點擊的用戶人數，日期區間可自訂。這份逐格數據是決定格數與配置的唯一客觀依據，換版之後記得回來對照——多數人設完就不再看它。

二、LINE 圖文選單尺寸與圖片規格

網路上流傳的尺寸幾乎都寫 2500×1686。那個數字沒有錯，但它是範本裡最大的那一個，不是唯一合法的尺寸。

LINE Messaging API 官方文件列出的實際規格是：

在 LINE 官方帳號管理後台這一側，選擇的是現成版型而不是自訂座標。版型分成兩組，尺寸各有三種：

• 大：2500×1686、1200×810、800×540 像素，共七種格數配置
• 小：2500×843、1200×405、800×270 像素，共五種格數配置

挑好版型之後照它標的尺寸做圖即可，座標不必自己算。

官方帳號管理後台的版型選擇：大與小兩組，各自列出三種可用尺寸。畫面取自示範帳號。

1 MB 是最常撞到的那一條。 2500 像素寬的照片底圖很容易超過，解法是改存 JPEG 並降低品質，或把底圖換成色塊與線條——圖文選單的可讀性本來就不靠照片，它在手機上只有幾公分高。

三、兩種設定路徑的差別：官方帳號後台與串接平台

LINE 官方的限制是「僅能向用戶顯示一個圖文選單，如果期間重複，將無法設定」。 這句話決定了整件事的做法：不會有「一半在官方後台、一半在平台後台」的選單，兩邊都是在產生同一張選單物件，後套用的那一個會取代前一個。

決定入口之前，要先決定按鈕的用途。

判斷標準不是哪一邊比較強，是哪一邊需要你自己找網址。官方後台的「連結」欄位是空白的，要貼什麼得自己知道；平台後台則是從清單挑一個功能，網址由系統產生。

四、官方帳號後台的圖文選單設定步驟

進入 LINE 官方帳號管理後台，左側選「圖文選單」，新增一個之後，依序是標題與期間、版型與底圖、各格動作，以及選單列文字。

先填標題與顯示期間。標題只有自己看得到，用來區分不同檔期；顯示期間可以指定起訖，檔期選單就是靠這個排程。要留意的是前面提過的那條限制——期間重疊的兩張選單存不進去，排下一檔之前先確認上一檔的結束時間。

接著挑版型。六種尺寸各對應一種格數配置，選定之後格子的位置就固定了。底圖照該版型標的尺寸做，或直接用後台內建的編輯器拼色塊與文字，不一定要另外開設計軟體。

然後是每一格的動作。下拉選單裡有連結、優惠券、文字、集點卡與不設定五種：選「連結」就貼網址，選「文字」則是讓客人的帳號送出那段字。格子在後台是以 A、B、C 依序標示——這組代號跟後面分析報表裡的區塊代號是同一套，對照數據時用得上。

每一格的動作類型；左側預覽可以看到格子以 A 到 F 標示。畫面取自示範帳號。

最後決定選單列的文字，以及客人第一次進入聊天室時選單要展開還是收合。

存檔之後選單就會套用到所有好友身上，不需要逐一設定。

五、按鈕搭配自動回應訊息的關鍵字設定

「按下宮格就跳出一段說明或一張圖」這個效果，是兩個功能接起來的：按鈕動作設成文字，再由自動回應訊息接住那段文字。

做法是把某一格的動作設為文字、內容填一個關鍵字（例如「營業時間」），接著到「自動回應訊息」新增一則，回應類型選「關鍵字回應」而不是「一律回應」，關鍵字填一模一樣的字，回應內容放要送出的文字或圖片。客人按下那一格，等於他自己打了那四個字，帳號接著回覆。

設好了卻沒反應，多半是踩到下面這三條規格的其中一條。

關鍵字是完全比對。 後台在「關鍵字回應」底下就寫著「系統會在收到與關鍵字完全一致的訊息內容時進行回覆」，官方手冊另外註明不區分大小寫與全形半形，但比對本身是整串相等。設了「預約」，客人自己打「我要預約」不會觸發。用在圖文選單上其實是優點——按鈕送出的字是固定的，一定對得上；但如果同時想接住客人自己打的字，就得把可能的講法都列進關鍵字。

關鍵字登錄數量上限是 51 個，每筆關鍵字最多 30 個字，一則自動回應最多放 5 個對話框。

回應模式要設為「聊天機器人」。 設成「聊天」模式時，官方手冊寫的是「則不會顯示回應相關的功能設定」——自動回應整組不會生效。這是設定完卻毫無反應時第一個該檢查的地方。

自動回應的關鍵字設定。回應類型要選「關鍵字回應」，右側是實際送出的樣子。畫面取自示範帳號，內容為虛構資料。

六、串接平台的圖文選單設定與 LIFF 連結

如果按鈕要開的是預約流程、客人自己的預約紀錄、課卡購買這類功能，網址不是一個固定連結，而是帶參數的 LIFF 網址（LIFF 是 LINE 內建的網頁框架，讓網頁能開在 LINE 裡面並帶入客人身分）。自己組這串網址容易出錯，而且錯了不會報錯，只會變成「按下去沒反應」。要自行建立 LIFF app 的話，欄位怎麼填與常見錯誤另有一篇 LIFF 設定教學。

有串接的架站平台通常會把這段包起來。以 AHHA 為例，後台的圖文選單編輯器提供 16 種動作，選定之後對應的網址由系統產生：預約、我的預約、課卡方案、師資陣容、商品、作品、公告、部落格、官網、聯絡、購物車，以及自訂連結與送出文字。設定完直接套用到官方帳號，不必再進 LINE 後台重設一次。

平台後台的編輯器：選版型、上傳圖片，右側即時預覽選單在手機上的樣子。畫面取自示範站。

代價是優惠券與集點卡這兩種 LINE 原生動作不在裡面——那是 LINE 自家的功能，第三方平台的編輯器碰不到。要用的話得回官方後台設整張選單，或是用自訂連結貼優惠券網址。

上面第五節那個「文字＋自動回應」的組合在這一側同樣成立：平台編輯器的送出文字動作，產生的是 LINE 原生的文字動作，自動回應照樣接得到。所以真正無法兼顧的只有優惠券與集點卡那兩格。

七、圖文選單常見錯誤與上線前檢查

套用後手機上沒變。 圖文選單的更新在手機端有快取，把該官方帳號的聊天視窗關掉再重開多半就會更新。改完立刻截圖給人看之前先自己重開一次。

動作選錯型態。 「網址」與「文字」在後台的外觀差不多，選錯的結果是按下去送出一段字而不是開啟頁面，或是反過來。設定完一格就在預覽確認一次比事後回頭找快。

沒有用真機測過。 選單在後台預覽正常，不代表手機上的行為一樣——格子的實際點擊範圍、外連網址在 LINE 內建瀏覽器的開啟方式，都得在真機上才看得出來。設定完拿手機把每一格點過一輪，不要只看預覽圖。

排程撞期。 兩張選單的顯示期間重疊時後一張存不進去。排下一檔之前先確認上一檔的結束時間。

上線前走一次完整動線：點開每一格、確認每一格的結果符合預期、把選單收起來看選單列的字有沒有被截斷。整套大概五分鐘，能省掉之後客人反應「按了沒反應」時的來回。

延伸閱讀：

• LINE 官方帳號教學：申請流程、收費方案，以及接上網站的對話入口
• LIFF 是什麼？讓客人在 LINE 對話框內預約、查會員、看訂單
• LIFF 教學：建立流程、Endpoint URL 與 Size 設定完整說明
• 線上預約系統完整指南

參考來源

• Requirements for rich menu image — LINE Messaging API reference
• Rich menus overview — LINE Developers
• 圖文選單 — LINE 官方帳號官方手冊
• 自動回應訊息 — LINE 官方帳號官方手冊
• 分析 — LINE 官方帳號官方手冊