イメージタイプ

メッセージの特徴

画像

画像を大きく表示することで、商品やキャンペーンの訴求効果を高めることができます。

カード

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-template03.png?v=1682045189",
                "size": "full",
                "aspectMode": "cover",
                "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"
              },
              {
                "type": "box",
                "layout": "horizontal",
                "contents": [
                  {
                    "type": "box",
                    "layout": "horizontal",
                    "contents": [
                      {
                        "type": "text",
                        "text": "アクションラベルを入力",
                        "size": "md",
                        "color": "#ffffff",
                        "align": "center",
                        "gravity": "center",
                        "flex": 0
                      }
                    ],
                    "backgroundColor": "#00000066",
                    "paddingStart": "20px",
                    "paddingEnd": "20px",
                    "cornerRadius": "100px",
                    "height": "48px",
                    "flex": 0
                  }
                ],
                "position": "absolute",
                "width": "100%",
                "justifyContent": "center",
                "offsetBottom": "24px"
              }
            ]
          }
        ],
        "paddingAll": "0px",
        "maxHeight": "268px"
      }
    },
    {
      "type": "bubble",
      "size": "mega",
      "body": {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "button",
            "action": {
              "type": "uri",
              "label": "もっと見る",
              "uri": "http://linecorp.com/"
            },
            "color": "#5b82db"
          }
        ],
        "justifyContent": "center"
      }
    }
  ]
}

‍

その他の Flex Message はこちら

プロダクトタイプ

タイトルや値段などの商品情報を表示することができます。商品を紹介したい場合におすすめです。

詳しく見る

メッセージの特徴

画像

カード

メッセージのJSON

その他の Flex Message はこちら

プロダクトタイプ

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