概要

チェックイン時のメッセージをフレックスメッセージにすることが可能です。

設定方法

１　QRコードの読み取り時のメッセージを作成する

QRコード読み取り時に出すフレックスメッセージを作成してください。

上記サンプルは{{Name}}には登録した名前、{{checkin_at}}にはチェックイン日時が入るように差し込み設定をしています。

スポットオブジェクトに入っている項目であれば差し込み可能です。

<aside> ⚠️ チェックイン日時は、スポットオブジェクトの「持ち運びモード」にチェックが入っている時のみ値が入ります

</aside>

なお差し込み設定については下記を参考にしてください

差し込み項目について

なお、上記のフレックスメッセージを使用する場合は下記JSONコードを使用してください。

{
  "type": "bubble",
  "header": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "image",
        "url": "<https://firebasestorage.googleapis.com/v0/b/ge-dev-c8786.appspot.com/o/public%2Fgirl_bus_checkin.png?alt=media&token=ceca0d27-6889-403d-b613-937cfdaa3a48>",
        "aspectRatio": "7:3",
        "size": "4xl"
      },
      {
        "type": "box",
        "layout": "baseline",
        "contents": [
          {
            "type": "text",
            "text": "{{ Name }}",
            "color": "#ffffff",
            "weight": "bold",
            "size": "xl",
            "align": "end",
            "wrap": true
          },
          {
            "type": "text",
            "text": "がチェックインしました。",
            "color": "#ffffff",
            "align": "center",
            "gravity": "bottom",
            "size": "sm",
            "weight": "bold",
            "wrap": true
          }
        ],
        "margin": "lg"
      }
    ]
  },
  "body": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "text",
                "text": "{{ checkin_at }}",
                "align": "center",
                "weight": "bold",
                "size": "md",
                "wrap": true
              }
            ],
            "borderWidth": "1px",
            "borderColor": "#FFCD00",
            "cornerRadius": "15px",
            "paddingAll": "10px",
            "backgroundColor": "#FFF7D8"
          }
        ]
      }
    ]
  },
  "styles": {
    "header": {
      "backgroundColor": "#ffa500"
    }
  }
}

２　メッセージオブジェクトにレコードを作成する

1.検索ボックスで「メッセージ」と入力してメッセージオブジェクトを開いてください