メインコンテンツまでスキップ

共通機能 — quickReplies

quickReplies は message template にクイックリプライのボタンを表示します。

基本的な使い方​

quickReplies は、どの message template の下にも横スクロールのボタン列を表示し、ユーザーがよくある返答をすばやく選べるようにします。ボタンをタップすると、その文面がメッセージとして送信されます。

構造​

JSON​

{
  "quickReplies": [
    {
      "text": "四川料理を探しています"
    },
    {
      "text": "広東料理を探しています"
    },
    {
      "text": "台湾料理を探しています"
    }
  ]
}

各項目​

quickReplies（配列）​

クイックリプライのボタンの配列で、各要素が 1 つのボタンにあたります。

text（必須）​

ボタンに表示される文面で、タップしたときに送信されるメッセージにもなります。20 文字以内に収めることをおすすめします。

使用例​

基本のクイックリプライ​

{
  "type": "TEXT",
  "text": "どの料理をご希望ですか。",
  "quickReplies": [
    {
      "text": "📍四川料理"
    },
    {
      "text": "📍広東料理"
    },
    {
      "text": "📍台湾料理"
    }
  ]
}

他のテンプレートと組み合わせる​

{
  "type": "BUTTON",
  "title": "おすすめ商品",
  "text": "こちらが人気の商品です:",
  "buttons": [
    {
      "label": "詳細を見る",
      "action": {
        "type": "uri",
        "uri": "https://example.com/product"
      }
    }
  ],
  "quickReplies": [
    {
      "text": "他の商品を見たい"
    },
    {
      "text": "サポートに問い合わせる"
    },
    {
      "text": "メインメニューに戻る"
    }
  ]
}

使い方​

Push Message から quickReplies を含むメッセージを送る手順です。

  1. Template 項目のドロップダウンで Expression を選びます。
  2. エディターに次の JavaScript を入力します。
(() => {
  return {
    type: 'TEXT',
    text: 'どのサービスをご希望ですか。',
    quickReplies: [
      {
        text: '注文の照会',
      },
      {
        text: '返品・交換',
      },
      {
        text: '商品のご相談',
      },
      {
        text: '技術サポート',
      },
    ],
  };
})()

設定すると、ボタンがメッセージの下に表示され、タップするとその文面が送信されます。