プロダクトタイプ

メッセージの特徴

価格表示

商品の説明や価格を表示することができます。アクションボタンを設置して、商品の詳細や購入ページに簡単にアクセスできるようにしましょう。

カード

カードを最大9枚まで追加できます。商品が多い場合は「もっと見る」カードを活用しましょう。

メッセージのJSON

次のJSONを使用して、Flex Message Simulatorで画像やテキストをカスタマイズしましょう。カスタマイズ方法については、Flex Message Simulatorで画像やテキストを変更する方法をご確認ください。

{
  "type": "carousel",
  "contents": [
    {
      "type": "bubble",
      "size": "mega",
      "header": {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "box",
            "layout": "horizontal",
            "contents": [
              {
                "type": "image",
                "url": "https://cdn.shopify.com/s/files/1/0592/8291/5535/files/Flex-Message-template02.png?v=1681978320",
                "size": "full",
                "aspectMode": "cover",
                "aspectRatio": "1.54:1",
                "gravity": "center",
                "flex": 1
              },
              {
                "type": "box",
                "layout": "horizontal",
                "contents": [
                  {
                    "type": "text",
                    "text": "ラベルを入力",
                    "size": "xs",
                    "color": "#ffffff",
                    "align": "center",
                    "gravity": "center"
                  }
                ],
                "backgroundColor": "#666f86",
                "paddingAll": "2px",
                "paddingStart": "8px",
                "paddingEnd": "8px",
                "flex": 0,
                "position": "absolute",
                "offsetStart": "18px",
                "offsetTop": "18px",
                "cornerRadius": "100px",
                "height": "24px"
              }
            ]
          }
        ],
        "paddingAll": "0px"
      },
      "body": {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "box",
                "layout": "vertical",
                "contents": [
                  {
                    "type": "text",
                    "contents": [],
                    "size": "xl",
                    "wrap": true,
                    "text": "タイトルを入力",
                    "color": "#000000",
                    "weight": "bold"
                  },
                  {
                    "type": "text",
                    "text": "説明文を入力",
                    "color": "#000000",
                    "size": "sm",
                    "wrap": true
                  }
                ],
                "spacing": "sm"
              },
              {
                "type": "box",
                "layout": "vertical",
                "contents": [
                  {
                    "type": "text",
                    "text": "¥00,000",
                    "align": "end",
                    "size": "lg"
                  }
                ]
              }
            ]
          }
        ],
        "paddingAll": "20px",
        "backgroundColor": "#FFFFFF"
      },
      "footer": {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "button",
            "action": {
              "type": "uri",
              "label": "アクションラベルを入力",
              "uri": "http://linecorp.com/"
            }
          }
        ]
      }
    },
    {
      "type": "bubble",
      "body": {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "button",
            "action": {
              "type": "uri",
              "label": "もっと見る",
              "uri": "http://linecorp.com/"
            }
          }
        ],
        "justifyContent": "center"
      }
    }
  ]
}

その他の Flex Message はこちら

イメージタイプ

キャンペーンや商品の画像を大きく表示することができます。画像を紹介したい場合におすすめです。

LINE配信テンプレート 一覧へ戻る

Freeプランに利用期間制限はありません!お気軽にインストールしてお試しください!

CRM PLUS on LINEに関するお問い合わせやご相談など、お気軽にお問い合わせください。