在机器人对话中使用卡片

在 WhatsApp 中配置卡片时，请记住以下注意事项：

• WhatsApp 最多支持三个带卡的按钮。 如果配置了三个以上的按钮，则会发生错误。
• WhatsApp 支持仅限于文本返回按钮。 WhatsApp 不支持网址按钮。
• 客户可以选择每个文本后退按钮一次，而不限于一个选择。 你的机器人行为应考虑到用户可以选择多个选项的情况。
• WhatsApp 不支持卡片机器人响应中的默认操作。
• 包含图像或视频的卡片不显示标题。 仅使用文本时，将显示标题。

例如，如果您配置标题为 “飞往挪威航班 50％ 的折扣” 的卡片并包含图片，则标题不会显示：

如果您为卡片配置了标题而没有图像，则卡片中将显示标题：

1. 安装来自 Genesys AppFoundry 的谷歌对话流集成。
2. 配置谷歌 Dialogflow 平台服务帐号凭据。
3. 启用谷歌对话流集成。
4. 要在 Dialogflow 控制台中设置快速回复选项，请使用此自定义 JSON 为机器人的意图定义选项：

{
    "genesys_prompt": "String", // optional message text
    "genesys_carousel": [
         {
              "title": "String", // mandatory cards title line
              "description": "String", // optional cards body text explaining its purpose
              "image": "URL", // optional a URL pointing to the image shown in the card
              "defaultAction":  {
                    "type": "String", //Describes the type of action. Valid values Link Postback
                    "text": "String", //The response text from the button click
                    "payload": "String", // Text to be returned as the payload from a ButtonResponse when a button is clicked.
                    "url": "String" //A URL of a web page to direct the user to.
              },
              "actions": [
                    {                                       
                         "type": "String", //Describes the type of action.  Valid values Link Postback
                         "text": "String", //The response text from the button click
                         "payload": "String" // Text to be returned as the payload from a ButtonResponse when a button is clicked.
                    },
                    {
                         "type": "String", //Describes the type of action.  Valid values Link Postback
                         "text": "String", //The response text from the button click
                         "url": "String" //A URL of a web page to direct the user to.
                    }
              ]
         }
    ]
}

要使用卡片选项在机器人的意图之间切换，请在 Dialogflow 控制台中，将上一节中的自定义 JSON 添加到响应输入字段中：

谷歌云 DialogFlow ES 示例

点击图片放大。

谷歌云 DialogFlow 客户体验示例

点击图片放大。

要使用卡片选项来填充机器人的插槽，请使用上一节中的自定义 JSON 到 webhook。 为此，您还可以使用 AWS lambda。 有关详细信息，请参阅 用于插槽填充的 Webhook 在 Google Cloud Dialogflow ES 指南中。

了解更多

• 关于谷歌对话流集成
• 谷歌云 Dialogflow ES 指南 中用于填充插槽的 Webhook

1. 创建符合 Genesys Digital Bot Connector 规范的机器人。 
2. 配置 Genesys Digital Bot Connector 集成。
3. 使用 Genesys 标准化格式来定义卡片。

    {
      "type": "Structured",
      "content": [
        {
          "contentType": "Card",
          "card": {
            "title": "50% off Flights to Norway",
            "description": "Valid September to November only",
            "image": "https://www.samplesite.com/photo/1234.jpg",
            "defaultAction": {
              "type": "Link",
              "url": "http://www.samplesite.com/flights/norway"
            },
            "actions": [
              {
                "type": "Link",
                "text": "View Details",
                "url": "http://www.samplesite.com/flights/norway"
              },
              {
                "type": "Postback",
                "text": "Book Now",
                "payload": "I want it"
              }
            ]
          }
        }
      ]
    }

• 关于Genesys Digital Bot Connector

1. 创建一个符合 Genesys 机器人连接器规范的机器人。 
2. 配置 Genesys Bot 连接器集成。
3. 使用 PostTextMessage 卡片对象定义卡片。

了解更多

• 关于 Genesys 机器人连接器
• 话后回应示例 — 卡片