圖文卡片
圖文卡片為 LINE Flex Message 的單張卡片。後台採 範本 + 卡片 兩層架構:先建立可重用的 Flex JSON 範本(其中文字 / 圖片 / 連結等動態欄位以 {{placeholder}} 標示),再以範本為基礎建立多張卡片並填入實際值。適合主推單一活動、商品或公告,可透過圖文選單、自動回覆、廣播等方式發送。
進入路徑
後台左側 內容管理 → 圖文卡片。
進入後上方有兩個分頁:
卡片列表 管理已建立的卡片實例。
卡片範本 管理可重用的 Flex JSON 範本。
卡片範本
範本是一段含 {{placeholder}} 的 Flex Message JSON。實際發送時,placeholder 會替換為卡片填入的值。
建立範本
切到「卡片範本」分頁,右上點 新建範本。
範本名稱 例如「商品推薦卡片」。
縮圖 選填,建議 400×400 以上方形圖(≤ 5MB)。建立卡片時的下拉預覽會用到。
Flex Message JSON 可用 LINE Flex Simulator 設計後貼上 JSON。所有需動態替換的文字 / 圖片 URL / 連結請寫成 `{{欄位名}}`。
可編輯欄位 每個 placeholder 需登記一筆「欄位名稱 + path(即 {{}} 內的 key)」。兩個輔助工具:
- 一鍵萃取 掃描 JSON 自動把文字 / 圖片 / 連結轉成 {{placeholder}} 並建立對應欄位,會智能命名「店名 / 電話 / 地址 / 主視覺圖」等。 - 同步 placeholder 以 JSON 內現有 {{}} 為準,自動補上缺漏、移除多餘欄位。
右側即時預覽以近似 LINE 顯示方式渲染,圖片若為 placeholder 會顯示灰底佔位。
範本狀態
每個範本有 草稿 / 已發布 狀態。建立卡片時僅能選擇「已發布」的範本,避免測試中的版型誤用於正式卡片。可於範本列表直接切換狀態。
卡片實例
切到「卡片列表」分頁,右上點 新建卡片。
第一步 選擇範本
從下拉清單挑一個已發布的範本,範本縮圖會顯示協助確認。
第二步 填寫基本資料
卡片名稱 後台識別用。
分類 從既有分類選擇,或透過列表上的 管理分類 建立新分類,可設定顏色標示。
第三步 填入欄位值
依範本登記的「可編輯欄位」依序填入文字 / 圖片網址 / 連結等。右側即時預覽會反映目前填入值。
第四步 儲存
點 建立 / 更新。儲存後卡片即可被各模組引用。
發送卡片的方式
建立後的卡片可透過以下管道發送至會員:
圖文選單按鈕 於圖文選單區塊選擇「系統功能 → 圖文卡片 → 該卡片」,會員點擊時自動發送。
廣播訊息 於 訊息發送 → 群發訊息 選擇此卡片進行群發。
自動行銷劇本 於 會員管理 → 自動行銷劇本 的 action 可選擇發送指定卡片。
自動回覆 / 按鈕回應 依關鍵字或按鈕觸發。
卡片管理
每張卡片列表的操作:
編輯 修改卡片名稱、分類與欄位值(無法切換範本)。
刪除 永久移除。已綁定該卡片的圖文選單 / 自動化任務需手動更換。
範本列表可額外執行 切換狀態(發布 / 草稿) 與 刪除範本。
分頁(2026-08-13 新) 卡片列表改為分頁顯示,每頁可選 20 / 50 / 100 張,底部有頁碼。卡片累積上百張之後不必再一路捲到底找。
常見問題
Q1 會員收到的卡片圖片顯示破圖
可能原因:
第一 圖片網址無效或已被刪除。
第二 圖片來源非 https。LINE 規定 Flex 圖片必須使用 https 網址。
第三 圖片格式不支援。請使用 JPG、PNG 或 WebP。
第四 圖片網址欄位仍是 {{key}} 沒填值;建立卡片時請確認所有欄位都已填寫。
Q2 按鈕點擊沒反應
請檢查範本 JSON 內 action 的設定:
type: uri URL 是否以 https:// 開頭、是否可正常訪問。
type: message 訊息文字是否為空白。
type: postback data 是否與接收端的處理邏輯對應。
Q3 Flex JSON 不熟悉怎麼辦
建議流程:
第一 到 LINE Flex Simulator 點選官方模板,視覺化調整後 Export JSON。
第二 貼進範本編輯器,按 一鍵萃取 自動將文字 / 圖片 / 連結轉為 placeholder。
第三 檢查左下 可編輯欄位 命名是否合理,可手動 rename 為「店名 / 主視覺圖」等更直覺名稱。
Q4 可以為不同會員發送不同卡片嗎
可透過 會員管理 → 自動行銷劇本 依等級 / 標籤條件設不同 trigger,action 各自指定不同卡片。詳見自動行銷劇本說明。
Q5 多圖卡片要怎麼做
單張卡片屬於 bubble 容器,請改用 多圖卡片(carousel) 模組(內容管理 → 多圖卡片),可橫向滑動顯示多張卡片。
其他問題協助