ID連携の方法紹介

カルーセルタイプのメッセージで、ID連携の方法をわかりやすく案内できるメッセージデザイン例です。

業種

用途

その他

メッセージタイプ

カルーセル

このメッセージのテンプレート（JSONコード）

このテンプレートを使うことで、LINEのID連携の方法をわかりやすく案内できます。

‍

‍

下記テンプレートには【サンプル画像・サンプルURL】が使用されています。

実際に利用される際には、下記項目を差し替えの上、配信にご活用ください。

‍

・メッセージ内の各種テキスト

・画像URL

・遷移先URL

{
  "type": "carousel",
  "contents": [
    {
      "type": "bubble",
      "size": "mega",
      "header": {
        "type": "box",
        "layout": "vertical",
        "paddingAll": "0px",
        "contents": [
          {
            "type": "image",
            "url": "https://blog.socialplus.jp/wp-content/uploads/2024/07/6e2fd7e2308c57fb2aa336738070798c-1.png",
            "size": "full",
            "aspectMode": "cover",
            "gravity": "center",
            "margin": "none",
            "aspectRatio": "13:8"
          }
        ]
      },
      "body": {
        "type": "box",
        "layout": "vertical",
        "paddingTop": "12px",
        "paddingBottom": "12px",
        "paddingEnd": "15px",
        "spacing": "lg",
        "contents": [
          {
            "type": "text",
            "text": "LINEのID連携の方法",
            "color": "#112840",
            "wrap": true,
            "weight": "bold",
            "size": "md"
          },
          {
            "type": "text",
            "text": "簡単2ステップで完了！ ID連携した方には500円OFFクーポンをプレゼント🎁",
            "size": "sm",
            "color": "#112840",
            "wrap": true
          },
          {
            "type": "separator"
          },
          {
            "type": "text",
            "text": "▶︎スクロールして方法をチェック！👀",
            "size": "sm",
            "color": "#112840"
          }
        ],
        "paddingStart": "15px",
        "justifyContent": "flex-start"
      }
    },
    {
      "type": "bubble",
      "size": "mega",
      "header": {
        "type": "box",
        "layout": "vertical",
        "paddingAll": "0px",
        "contents": [
          {
            "type": "image",
            "size": "full",
            "aspectMode": "cover",
            "gravity": "center",
            "margin": "none",
            "aspectRatio": "13:8",
            "url": "https://blog.socialplus.jp/wp-content/uploads/2024/07/e87137a3c2230687f0fd9604188c5b74.png"
          }
        ]
      },
      "body": {
        "type": "box",
        "layout": "vertical",
        "paddingTop": "12px",
        "paddingBottom": "12px",
        "paddingEnd": "15px",
        "spacing": "lg",
        "contents": [
          {
            "type": "text",
            "text": "ステップ1：マイページにログイン",
            "color": "#112840",
            "wrap": true,
            "weight": "bold",
            "size": "md"
          },
          {
            "type": "text",
            "text": "会員ではない方は新規会員登録を行い、マイページにログインしてください。",
            "size": "sm",
            "color": "#112840",
            "wrap": true
          }
        ],
        "paddingStart": "15px",
        "justifyContent": "flex-start"
      },
      "footer": {
        "type": "box",
        "layout": "vertical",
        "paddingAll": "10px",
        "contents": [],
        "paddingBottom": "20px"
      }
    },
    {
      "type": "bubble",
      "size": "mega",
      "header": {
        "type": "box",
        "layout": "vertical",
        "paddingAll": "0px",
        "contents": [
          {
            "type": "image",
            "size": "full",
            "aspectMode": "cover",
            "gravity": "center",
            "margin": "none",
            "aspectRatio": "13:8",
            "url": "https://blog.socialplus.jp/wp-content/uploads/2024/07/fb8da0ba5a801f6faf795cdabce82f16.png"
          }
        ]
      },
      "body": {
        "type": "box",
        "layout": "vertical",
        "paddingTop": "12px",
        "paddingBottom": "12px",
        "paddingEnd": "15px",
        "spacing": "lg",
        "contents": [
          {
            "type": "text",
            "text": "ステップ2：マイページでID連携",
            "color": "#112840",
            "wrap": true,
            "weight": "bold",
            "size": "md"
          },
          {
            "type": "text",
            "text": "マイページ上に表示されるLINEアイコン横の「連携する」をタップ。",
            "size": "sm",
            "color": "#112840",
            "wrap": true
          }
        ],
        "paddingStart": "15px",
        "justifyContent": "flex-start"
      },
      "footer": {
        "type": "box",
        "layout": "vertical",
        "paddingAll": "10px",
        "contents": [],
        "paddingBottom": "20px"
      }
    },
    {
      "type": "bubble",
      "size": "mega",
      "header": {
        "type": "box",
        "layout": "vertical",
        "paddingAll": "0px",
        "contents": [
          {
            "type": "image",
            "size": "full",
            "aspectMode": "cover",
            "gravity": "center",
            "margin": "none",
            "aspectRatio": "13:8",
            "url": "https://blog.socialplus.jp/wp-content/uploads/2024/07/d705d6222372295a252150a8b7a08dd8-1.png"
          }
        ]
      },
      "body": {
        "type": "box",
        "layout": "vertical",
        "paddingTop": "12px",
        "paddingBottom": "12px",
        "paddingEnd": "15px",
        "spacing": "lg",
        "contents": [
          {
            "type": "text",
            "text": "LINEのID連携 完了！",
            "color": "#112840",
            "wrap": true,
            "weight": "bold",
            "size": "md"
          },
          {
            "type": "text",
            "text": "連携完了後にLINEでクーポンをお届けします。 LINEのID連携状況はマイページより確認・設定いただけます。",
            "size": "sm",
            "color": "#112840",
            "wrap": true
          }
        ],
        "paddingStart": "15px",
        "justifyContent": "flex-start"
      },
      "footer": {
        "type": "box",
        "layout": "vertical",
        "paddingAll": "10px",
        "contents": [
          {
            "type": "text",
            "text": "LINEのID連携をする",
            "size": "md",
            "color": "#0199dd",
            "action": {
              "type": "uri",
              "label": "action",
              "uri": "https://www.socialplus.jp?utm_source=line&utm_medium=social&utm_campaign=message_gallery"
            },
            "align": "center"
          }
        ],
        "paddingBottom": "20px"
      }
    }
  ]
}

テンプレートの利用方法

上記のテンプレート（JSONコード）をコピーして、Flex Message Simulatorへペーストしてください。
※Flex Message Simulatorの利用にはログインが必要です。ご自身のLINEアカウントでログインしてください。
以下のマニュアルページを参照し、Flex Message Simulator上で画像・テキスト・遷移先URL・変数などをカスタマイズします。
・「CRM PLUS on LINE」をご利用の方
・「ソーシャルPLUS」「メッセージマネージャー」をご利用の方
同マニュアルページの案内に沿って、テスト配信・配信セットを行ってください。

「Flex Message Simulator」はこちら