此篇將帶您了解卡片訊息的建制和規格限制,串接上Super 8後我們可以發送選項型卡片、確認型卡片、多頁大圖和圖文訊息這4種卡片形式,增加訊息的美觀和功能
卡片訊息可用於訊息中心、群發訊息和聊天機器人,所有的設置和規範皆一樣,以下會操作群發訊息畫面來示範
本文重點:
支援平台
雖然Super 8提供多達4種卡片格式,但各平台支援的卡片形式會有所不同
簡單的整理一下:
LINE - 支援「選項型卡片」、「確認型卡片」、「多頁大圖」和「圖文訊息」
Facebook - 支援「選項型卡片」和「確認型卡片」
Instagram - 支援「選項型卡片」和「確認型卡片」
WhatsApp - 支援「選項型卡片」、「確認型卡片」和「列表型卡片」
選項型卡片
選項型卡片可以圖文並茂顯示您想傳達給客戶的訊息,並清楚標示客戶可以點按的按鈕,在每個按鈕中都可以自行編輯標籤名稱,當用戶點按會自動貼上,適用於所有情境
卡片數:一則對話氣泡匡最多可以傳送 10張卡片(點擊+號新增)
按鈕數:每張卡片最多可新增 3個按鈕(點擊新增按鈕)
圖片尺寸:960x1553、960x960 或 960x500,檔案大小為 5MB以下
實際畫面
註:會根據不同尺寸的圖片顯示不同版型
提醒您:
若您在卡片中放入「客製化問卷」連結、開頭是 https://liff.line.me/ 的連結,並使用卡片中的標籤欄位功能時,受限於 LINE 的 LIFF API,按鈕送出表單後會出現無法為 LINE 顧客自動貼標籤的情況。
確認型卡片
確認型卡片是較為簡單的格式,不能上傳圖片顯示,僅能使用文字呈現,適用給客戶回覆簡單答覆的情境
卡片數:一則對話氣泡匡僅能傳送1張卡片
按鈕數:每張卡片固定2個按鈕(卡片版型固定)
圖片尺寸:不能上傳圖片
實際畫面
提醒您:
若您在卡片中放入「客製化問卷」連結、開頭是 https://liff.line.me/ 的連結,並使用卡片中的標籤欄位功能時,受限於 LINE 的 LIFF API,按鈕送出表單後會出現無法為 LINE 顧客自動貼標籤的情況。
多頁大圖
多頁大圖是將按鈕個藏在圖片當中,用圖片方式顯示您想傳達給客戶的資訊,用戶需點案圖片觸發您設置好的按鈕行為,在每個按鈕中同樣可自行編輯標籤名稱,當用戶點按會自動貼上,較適用於推薦主打的商品,用圖片吸引客戶
提醒您:(若您希望圖片上有一些文字說明請直接設計在底圖上)
卡片數:一則對話氣泡匡最多可以傳送 10張卡片(點擊+號新增)
按鈕數:每張卡片包含一個隱藏於圖片中的按鈕
圖片尺寸:960x1553、960x960 或 960x500,檔案大小為 5MB以下
實際畫面
註:會根據不同尺寸的圖片顯示不同版型
提醒您:
若您在卡片中放入「客製化問卷」連結、開頭是 https://liff.line.me/ 的連結,並使用卡片中的標籤欄位功能時,受限於 LINE 的 LIFF API,按鈕送出表單後會出現無法為 LINE 顧客自動貼標籤的情況。
圖文訊息
像圖文選單一樣可以上傳一張圖片並切割想要客戶點按的範圍,您可以選擇固定版型或是自訂切割範圍,適用於所有情境
提醒您:(若您希望圖片上有一些文字說明請直接設計在底圖上)
卡片數:一則對話氣泡匡最多可以傳送1張圖文訊息
按鈕數:每個淡藍色匡線範圍可設置一種回傳行為
圖片尺寸:固定版型為1040 x 1040,自訂版型為1040 x 520~2080
實際畫面
註:會根據不同尺寸的圖片顯示不同版型
提醒您:
若您在卡片中放入「客製化問卷」連結、開頭是 https://liff.line.me/ 的連結,並使用卡片中的標籤欄位功能時,受限於 LINE 的 LIFF API,按鈕送出表單後會出現無法為 LINE 顧客自動貼標籤的情況。
列表型卡片
為WhatsApp特殊版型,設置後僅WhatsApp渠道才會進行發送。
新增「列表型卡片」時,會先有一個預設的分類包含一個空值選項,「分類」可以重新命名
當「列表選項」某個分類只有一個選項時,無法單刪除該「選項」,只能刪除該分類
左側分類可以直接刪除,但只剩一個分類時,無法刪除,只能刪除該分類的選項,一直到剩「一個選項」時,才無法做任何刪除
「列表選項」最多只可建立 10 則,每個分類下面必須包含一個「列表選項」
提醒您:在設定過程中,僅首次對話即時回應與離線即時回應機器人可以預覽卡片樣式,
客製化聊天機器人尚無法使用預覽功能。
備註:
卡片上傳圖片限制檔案為 5MB以下,建議可壓縮避免上傳時間較久
因LINE官方會針對「960 x 500」格式做一點裁切,建議可以看此篇文章
卡片裡的圖片檔案大小、尺寸、比例建議為何?
以上為此單元教學內容,希望有協助到您!
若有相關問題,歡迎透過 Super 8 平台右下方的「顧客聊天外掛程式」向線上客服專員詢問,服務時間為週一至週五 09:30~13:00,14:00~18:30。
Super 8 雲發互動科技 Messenger:m.me/no8.io
Super 8 雲發互動科技 LINE@:https://line.me/R/ti/p/@super88888