UGOMK 操作手冊
10 章 / 共 72

圖片輪播卡

圖片輪播卡為 LINE 訊息中的簡易橫向輪播版本,每頁為一張 1:1 正方形圖片 + 一個按鈕(按鈕文字 + 連結)。相較於圖文卡片,圖片輪播卡建立流程最簡單,適合產品圖庫、活動 banner 集合、品牌形象展示等以圖像為主的內容。

進入路徑

後台左側 內容管理 → 圖片輪播卡

與多頁圖卡 / 圖文卡片的差異

圖文卡片多頁圖卡圖片輪播卡
頁數1 張多張多張(上限 10 頁)
結構Flex JSON 範本多張圖文卡片組合1:1 圖片 + 單一按鈕
設計複雜度低(最簡單)
適用情境主推單一焦點文字 + 圖片並重純視覺吸引

建立圖片輪播卡

第一步 新增輪播卡

右上點 新增輪播卡,填入輪播卡名稱(後台識別用)。預設會帶 3 頁空白頁面,可視需要 新增一頁移除

第二步 每頁填寫三個必填欄位

每頁卡片需填齊以下三個欄位才會儲存生效:

圖片 可上傳或貼網址,建議 1:1 正方形(800×800px),會自動寫入媒體櫃。

按鈕文字 顯示於圖片下方的按鈕標籤,例如「了解更多」「立即購買」。

按鈕連結 按鈕點擊後開啟的 URL,必須是 https:// 開頭。

未填齊三個欄位的頁面儲存時會自動忽略。

第三步 儲存

儲存 寫入。

比例統一原則

所有頁面建議採 相同尺寸的方形圖。若混合不同比例,LINE 端可能會出現留白或裁切。

卡片數量限制

每組輪播卡可放置 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。修改後正使用此輪播卡的圖文選單 / 自動回覆會自動讀取新版本,會員端無須重新加好友。

其他問題協助

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