Skip to content

Flex Messageテンプレートギャラリー

Treasure AI Engage StudioはLINEの Flex Message をサポートしており、テキストやImagemapにとらわれないリッチでカスタマイズ性の高いレイアウトを配信できます。このギャラリーでは、キャンペーンにコピーしてすぐ使えるJSONテンプレートを提供しています。

各テンプレートはLINEのFlex Message仕様に準拠しており、Liquidパーソナライズトークン(例: {{ profile.first_name }})を利用できます。

テンプレートの使い方
  1. 用途に合うテンプレートを選択します。
  2. JSONをコピーするか、詳細ページを開いて拡大表示します。
  3. Engage StudioのLINEメッセージエディタ (Flex Messageタイプ) に貼り付けます。
  4. 画像URL・テキスト・Liquid変数をプロファイルスキーマに合わせて置き換えます。

以下のテンプレートの多くは、公式の LINE Flex Message Simulator を参考にしており、出発点として提供しています。配信前にペイロードを確認・調整してください。

テンプレート一覧

クーポン通知
プロモーション

クーポン通知

ヒーロー画像・パーソナライズド挨拶・クーポンコード・CTAボタンを含むシングルバブルのプロモメッセージ。Liquidパーソナライズの例を含みます。

詳細を見る
アパレル ショーケース
プロモーション

アパレル ショーケース

アパレル商品を画像・価格・アイテム別CTAで並べるカルーセル。ファッションキャンペーンに最適。

詳細を見る
ホテル予約
トランザクション

ホテル予約

宿泊日・部屋タイプ・確認CTAを含むホテル予約のサマリーバブル。

詳細を見る
ローカル検索結果
レコメンド

ローカル検索結果

評価・サムネイル・ディープリンクを含む位置情報ベースの検索結果カルーセル。

詳細を見る
メニュー
プロモーション

メニュー

メニュー項目をヒーロー画像と注文CTAで一覧表示するバブル。

詳細を見る
不動産物件
プロモーション

不動産物件

ヘッダー・仕様(価格・部屋数・面積)・問い合わせCTAを含む物件リスティング。

詳細を見る
レシート
トランザクション

レシート

購入商品・小計・税金・合計を表示するスタイル付きレシート。購入後確認に最適。

詳細を見る
レストラン レコメンド
プロモーション

レストラン レコメンド

ヒーロー画像・評価・ジャンル・予約CTAを含むレストランカード。

詳細を見る
ショッピング カルーセル
プロモーション

ショッピング カルーセル

価格・サムネイル・カート追加アクションを含む複数商品カルーセル。

詳細を見る
ソーシャル ポスト
通知

ソーシャル ポスト

アバター・本文・リアクションボタンを含むソーシャル投稿風バブル。

詳細を見る
イベント チケット
トランザクション

イベント チケット

イベント名・日付・座席情報・チェックインCTAを含むチケット風バブル。

詳細を見る
TODOリスト
通知

TODOリスト

ステータスと更新アクション付きでTODOアイテムを表示するカルーセル。

詳細を見る
乗換案内
トランザクション

乗換案内

出発・到着時刻・乗換・運賃合計を含む旅程バブル。

詳細を見る

設計ガイドライン

Flex Messageテンプレートを作成・修正する際は次の点に注意してください。

  • altText は必須で、チャットプレビューやアクセシビリティ読み上げに使用されます。400文字以内に収めてください。
  • 単一カードには bubble を、最大10枚並列表示する場合は carousel を使用します。
  • 画像URLはHTTPSで配信される必要があります。
  • 1キャンペーンに含められるメッセージオブジェクトはFlex Messageを含め 最大5個 です。詳細はLINEメッセージタイプを参照してください。

関連ページ