圖片輪播卡
圖片輪播卡為 LINE 訊息中的簡易橫向輪播版本,每頁為一張 1:1 正方形圖片 + 一個按鈕(按鈕文字 + 連結)。相較於圖文卡片,圖片輪播卡建立流程最簡單,適合產品圖庫、活動 banner 集合、品牌形象展示等以圖像為主的內容。
進入路徑
後台左側 內容管理 → 圖片輪播卡。
與多頁圖卡 / 圖文卡片的差異
| 圖文卡片 | 多頁圖卡 | 圖片輪播卡 | |
|---|---|---|---|
| 頁數 | 1 張 | 多張 | 多張(上限 10 頁) |
| 結構 | Flex JSON 範本 | 多張圖文卡片組合 | 1:1 圖片 + 單一按鈕 |
| 設計複雜度 | 高 | 中 | 低(最簡單) |
| 適用情境 | 主推單一焦點 | 文字 + 圖片並重 | 純視覺吸引 |
建立圖片輪播卡
第一步 新增輪播卡
右上點 新增輪播卡,填入輪播卡名稱(後台識別用)。預設會帶 3 頁空白頁面,可視需要 新增一頁 或 移除。
第二步 每頁填寫三個必填欄位
每頁卡片需填齊以下三個欄位才會儲存生效:
圖片 可上傳或貼網址,建議 1:1 正方形(800×800px),會自動寫入媒體櫃。
按鈕文字 顯示於圖片下方的按鈕標籤,例如「了解更多」「立即購買」。
按鈕連結 按鈕點擊後開啟的 URL,必須是 https:// 開頭。
未填齊三個欄位的頁面儲存時會自動忽略。
第三步 儲存
點 儲存 寫入。
比例統一原則
卡片數量限制
每組輪播卡可放置 1 至 10 頁:
3 至 5 頁 主推內容,會員耐心可滑完。
6 至 8 頁 展示型內容(例如菜單照、商品系列)。
9 至 10 頁 建議用於品牌畫廊,且每張需有強烈視覺吸引力。
達到 10 頁時 新增一頁 會被擋下。
列表操作
每組輪播卡列表的操作:
取得 JSON 彈出該輪播卡對應的 Flex Message JSON,可複製貼到「廣播」或其他自訂 Flex 訊息使用。
編輯 修改名稱、頁面內容與順序。
刪除 永久移除。
發送方式
建立後的輪播卡可透過:
圖文選單按鈕 系統功能 → 圖片輪播卡 → 該組合。
廣播訊息 於 訊息發送 → 群發訊息 選擇此輪播卡,或自訂 Flex 訊息貼上 取得 JSON 拿到的內容。
自動行銷劇本 於 會員管理 → 自動行銷劇本 action 選擇發送。
自動回覆 / 按鈕回應 依關鍵字或按鈕觸發。
使用情境建議
新品上市
以系列商品圖建立輪播,每張圖按鈕連結至對應商品頁。
餐廳菜單
每張圖為一道招牌菜的高品質照片,按鈕連結至訂位頁面。
活動相簿
每張圖為活動現場花絮,按鈕連結至完整相簿或活動報導。
分店形象
每張圖為一間分店的店面照,按鈕連結至 Google 地圖導航。
常見問題
Q1 按鈕點擊沒反應 / 跳錯頁
請確認:
第一 該頁三個欄位已完整填寫(缺一即被忽略)。
第二 按鈕連結 以 `https://` 開頭。http://、tel:、mailto: 等格式請改用其他類型卡片。
第三 該 URL 在外部瀏覽器可正常開啟。
Q2 可以為一張圖設定多個按鈕嗎
不行。每頁僅一個按鈕。若需多個選項,請改用「圖文卡片」或「多頁圖卡」(圖文卡片可有最多 3 個按鈕)。
Q3 可以讓圖片本身可點擊嗎
按鈕為固定 UI 元件,圖片本身不會掛上 action。如需「整張圖可點擊」效果,請改用 圖文卡片 範本內設定 hero image 的 action。
Q4 圖片可以是非 1:1 比例嗎
技術上可上傳任何比例,但顯示時 LINE 會以 1:1 方框呈現,非方形圖會被裁切或留白。建議上傳前先裁成 正方形 800×800px 以上。
Q5 修改後會員看到的順序不對
請確認後台已 儲存。儲存前的順序變動不會同步至 LINE。修改後正使用此輪播卡的圖文選單 / 自動回覆會自動讀取新版本,會員端無須重新加好友。
其他問題協助