LINE Flex Message 教學：從零開始學會製作精美卡片訊息

想要製作精美的 LINE 卡片訊息？本文提供完整的 LINE Flex Message 教學，從基礎概念到進階技巧，讓您輕鬆掌握 Flex Message 製作方法。

什麼是 LINE Flex Message？

LINE Flex Message 是 LINE 官方帳號可以發送的進階訊息格式，相較於一般的文字訊息或圖片訊息，Flex Message 可以包含更豐富的視覺元素，包括圖片、按鈕、多欄排版等，讓您的訊息更加吸引人。

Flex Message 的優勢

高度客製化：可以自由設計版面配置，不受固定模板限制。

互動性強：支援多種按鈕類型，包括連結、電話、位置等動作。

專業形象：精美的卡片設計能提升品牌專業度和信任感。

轉換率高：視覺化的呈現方式能有效提升點擊率和轉換率。

LINE Flex Message 基礎結構

Flex Message 採用 JSON 格式定義，主要由以下幾個層級組成：

Container（容器）

Container 是 Flex Message 的最外層，分為兩種類型：

  • Bubble：單一卡片，適合展示單一商品或訊息
  • Carousel：輪播卡片，最多可包含 12 張 Bubble

Block（區塊）

每個 Bubble 可以包含以下區塊：

  • Header：標題區，通常放置主標題
  • Hero：主視覺區，通常放置大圖
  • Body：內容區，放置主要文字內容
  • Footer：底部區，通常放置按鈕

Component（元件）

區塊內可以放置各種元件：

  • Box：容器元件，用於排版
  • Text：文字元件
  • Image：圖片元件
  • Button：按鈕元件
  • Separator：分隔線元件
  • Filler：填充元件

使用視覺化編輯器製作 Flex Message

對於不熟悉 JSON 的使用者，我們推薦使用奧特線上工具的 LINE Flex Message 製作器，透過視覺化介面輕鬆製作精美的卡片訊息。

步驟一：選擇範本

進入工具後，可以從多種預設範本中選擇，包括商品展示卡片、活動宣傳卡片、優惠券卡片、預約確認卡片等。

步驟二：編輯內容

使用視覺化編輯器修改圖片、標題、描述、按鈕等內容。

步驟三：預覽效果

編輯過程中可以即時預覽在 LINE 中的顯示效果。

步驟四：匯出 JSON

完成編輯後，點擊「複製 JSON」按鈕即可取得完整代碼。

常見問題解答

Q1：Flex Message 有字數限制嗎？

整個 Flex Message 的 JSON 大小不能超過 50KB。

Q2：圖片有什麼限制？

支援 JPEG、PNG 格式，檔案大小不超過 10MB，建議使用 HTTPS 網址。

Q3：可以在哪裡使用 Flex Message？

LINE 官方帳號、LINE Bot、LINE Notify（部分支援）都可以使用。

相關工具推薦

延伸閱讀