LINE Flex Message シミュレーター

作って、見て、その場でOgawa Botに送る

左のJSONを編集すると、右にLINEトーク風のプレビューがリアルタイムで反映されます。完成したカードは「Ogawa Botで受け取る」で自分のトークに、「友だちにシェア」で送り先を選んで送れます（LINEアプリ内で開いた場合）。

AIでFlexを作る

作りたいカードを日本語で書くだけ。お客様のHP URLを入れると、その業種・雰囲気に合わせて自動生成します。LINEログインで使えます。

テンプレートから読み込む

Flex Message JSON（bubble / carousel / メッセージ全体OK）

{
  "type": "bubble",
  "body": {
    "type": "box",
    "layout": "vertical",
    "spacing": "md",
    "contents": [
      {
        "type": "text",
        "text": "こんにちは。ご予約の前に少し教えてください",
        "weight": "bold",
        "size": "md",
        "wrap": true
      },
      {
        "type": "separator",
        "margin": "md"
      },
      {
        "type": "text",
        "text": "気になる症状は？",
        "size": "sm",
        "color": "#8C8C8C",
        "margin": "md"
      },
      {
        "type": "box",
        "layout": "horizontal",
        "spacing": "sm",
        "contents": [
          {
            "type": "button",
            "style": "secondary",
            "height": "sm",
            "action": {
              "type": "message",
              "label": "むし歯・痛み",
              "text": "むし歯・痛み"
            }
          },
          {
            "type": "button",
            "style": "secondary",
            "height": "sm",
            "action": {
              "type": "message",
              "label": "検診・クリーニング",
              "text": "検診・クリーニング"
            }
          },
          {
            "type": "button",
            "style": "secondary",
            "height": "sm",
            "action": {
              "type": "message",
              "label": "矯正相談",
              "text": "矯正相談"
            }
          }
        ]
      },
      {
        "type": "text",
        "text": "ご希望の時間帯は？",
        "size": "sm",
        "color": "#8C8C8C",
        "margin": "md"
      },
      {
        "type": "box",
        "layout": "horizontal",
        "spacing": "sm",
        "contents": [
          {
            "type": "button",
            "style": "secondary",
            "height": "sm",
            "action": {
              "type": "message",
              "label": "平日午前",
              "text": "平日午前"
            }
          },
          {
            "type": "button",
            "style": "secondary",
            "height": "sm",
            "action": {
              "type": "message",
              "label": "平日午後",
              "text": "平日午後"
            }
          },
          {
            "type": "button",
            "style": "secondary",
            "height": "sm",
            "action": {
              "type": "message",
              "label": "土曜",
              "text": "土曜"
            }
          }
        ]
      }
    ]
  }
}

bubble だけでなく、{ "type":"flex", "altText":…, "contents":… } のメッセージ全体や carousel を貼ってもOK。altText は自動で読み取ります。入力に文字数の上限はありません。

サイズ 1.3KB / 50KBカルーセル 1 / 12枚altText 15 / 400字

代替テキスト（通知・一覧で表示）

プレビュー

LLINEプレビュー

LYNX

こんにちは。ご予約の前に少し教えてください

気になる症状は？

むし歯・痛み検診・クリーニング矯正相談

ご希望の時間帯は？

平日午前平日午後土曜

Share Target Pickerでは、そのまま送れないactionがあります。

Flex MessageをShare Target Pickerで送る場合、ボタンなどのactionはURI actionのみ利用できます。現在、message等の非URI actionが6件含まれています。

message: むし歯・痛みmessage: 検診・クリーニングmessage: 矯正相談message: 平日午前他2件

友だちにシェアするときだけ、非URI actionを下のURLへフォールバックする

フォールバックURL

このカードをみんなに公開

公開するとみんなのカード一覧に並びます。他のLINE運用者の参考になります。