Поделиться через


Задание вопросов с адаптивными карточками

В Copilot Studio можно использовать адаптивные карточки, чтобы задавать вопросы пользователю агента. Узел Адаптивная карточка создает диалоговое окно, с которым могут взаимодействовать пользователи, в результате чего появляются переменные, которые агент может повторно использовать позже в разговоре. Адаптивная карточка может иметь одну или несколько кнопок отправки и, при необходимости, одно или несколько полей ввода формы.

Снимок экрана настроенной адаптивной карточки, собирающей информацию от пользователя в ходе разговора.

Эту функцию лучше всего использовать в следующих случаях:

  • Необходимо управлять внешним видом набора параметров для выбора.
  • Вы хотите предложить форму для заполнения.
  • Вы обнаружите, что сочетание ссылок и изображений может помочь клиенту выполнить поставленную задачу.

УзелАдаптивная карточка подходит, когда вы хотите, чтобы клиент взаимодействовал с карточкой напрямую, — например, отправлял информацию. Если адаптивная карточка не имеет кнопки Отправить и предназначена только для отображения, следует добавить ее в узел Сообщение. Дополнительные сведения о добавлении адаптивной карточки в узел Сообщение см. в разделе Добавление адаптивной карточки. В зависимости от ваших целей адаптивные карточки можно также добавлять в узлы Вопрос.

Дополнительные сведения об узле Адаптивная карточка см. в разделе Запрос с помощью адаптивных карточек.

Настройка узла адаптивной карточки с полезной нагрузкой JSON

  1. Выберите значок Еще () в узле Адаптивная карточка, затем выберите Свойства.

  2. На панели Свойства узла адаптивной карточки выберите Редактировать адаптивную карточку. Откроется панель Конструктор адаптивных карточек.

  3. Скопируйте пример полезных данных JSON, например, для демонстрационного запроса, и вставьте его в область редактора полезных данных карточки.

  4. В конструкторе можно изменять свойства элементов карточки или редактировать полезные данные JSON непосредственно в области Редактора полезных данных карточки. Когда вы закончите обновление дизайна карточки, выберите Сохранить и закройте конструктор. В узле Адаптивная карточка отображаются изменения.

    Снимок экрана узла адаптивной карточки, настроенного с помощью адаптивной карточки для демонстрационного запроса.

Пример полезных данных JSON для адаптивной карточки

В следующем примере полезные данные JSON создают адаптивную карточку для демонстрационного запроса.

{
  "$schema": "https://adaptivecards.io/schemas/adaptive-card.json",
  "type": "AdaptiveCard",
  "version": "1.5",
  "body": [{
      "type": "ColumnSet",
      "columns": [{
          "type": "Column",
          "width": 2,
          "items": [{
              "type": "TextBlock",
              "text": "Demo Request",
              "weight": "Bolder",
              "id": "Title",
              "size": "ExtraLarge"
            }, {
              "type": "TextBlock",
              "text": "Which product demo are you interested in?",
              "isSubtle": true,
              "wrap": true,
              "id": "acInstructions",
              "size": "Large"
            }
          ]
        }
      ]
    }, {
      "type": "Input.ChoiceSet",
      "placeholder": "Placeholder text",
      "choices": [{
          "title": "Office 365",
          "value": "Office 365"
        }, {
          "title": "Dynamics 365",
          "value": "Dynamics 365"
        }, {
          "title": "Azure Services",
          "value": "Azure Services"
        }, {
          "title": "Power Platform",
          "value": "Power Platform"
        }
      ],
      "style": "expanded",
      "id": "acLeadProductInterest",
      "isMultiSelect": true
    }
  ],
  "actions": [{
      "type": "Action.Submit",
      "title": "Submit"
    }
  ]
}