# Насыщенные карточки и интерактивные сообщения

> Насыщенный, интерактивный обмен сообщениями заменяет текстовые подсказки структурированным интерфейсом: насыщенные карточки и карусели показывают медиа с действиями, предлагаемые ответы и кнопки быстрых ответов дают нажимаемые варианты, а списки выбора представляют меню. RCS (через RBM) и WhatsApp поддерживают их с разными нагрузками и ограничениями, поэтому отправители проектируют под более строгие ограничения и обеспечивают текстовые откаты.

- Канонический URL: https://www.broadnet.me/ru/reference/rich-cards-and-interactive-messaging
- Язык: ru
- Последнее обновление: 2026-07-18
- Издатель: BroadNet (https://www.broadnet.me)

Интерактивные строительные блоки RCS и WhatsApp: насыщенные карточки и карусели, предлагаемые ответы и действия, кнопки быстрых ответов и списки выбора — с примерами JSON-нагрузок для каждой платформы, а также рекомендации по UX и доступности.

## От свободного текста к структурированному взаимодействию

Ценность насыщенных каналов над SMS — не только медиа, но и структурированное взаимодействие. Вместо того чтобы просить клиента набрать «1 — отслеживание, 2 — поддержка», интерактивное сообщение представляет нажимаемые элементы: карточки, объединяющие изображение, заголовок, описание и кнопки; предлагаемые ответы, отправляющие предопределённый ответ; и списки, предлагающие ограниченное меню. Каждое нажатие возвращает машиночитаемое значение (строку postback, идентификатор кнопки), а не свободный текст, поэтому логика отправителя ветвится детерминированно, а не разбирает естественный язык. И RCS Business Messaging, и платформа WhatsApp Business предоставляют эти элементы, с разными именами, формами нагрузки и ограничениями, — поэтому работа по проектированию состоит в том, чтобы выразить одно взаимодействие в словаре и ограничениях каждой платформы.

*Интерактивные элементы в RCS и WhatsApp*

| Элемент | RCS (RBM) | WhatsApp |
|---|---|---|
| Одна rich-карточка | Отдельная rich-карточка | Медиазаголовок + интерактивное тело |
| Горизонтальный набор карточек | Карусель rich-карточек | Список товаров / несколько товаров (коммерция) |
| Быстрый выбор, доступный одним касанием | Предлагаемый ответ | Интерактивные кнопки ответа |
| Действие (набор номера/URL и т. д.) | Предлагаемое действие | URL / кнопка призыва к действию |
| Меню опций | (предложения) | Сообщение-список (list picker) |

## Насыщенные карточки и карусели

Насыщенная карточка объединяет медиа-элемент (изображение или видео), заголовок, описание и набор предложений в одно визуально заметное сообщение — идеально для сводки заказа, товара или бронирования с чётким призывом к действию. Карусель — это горизонтально прокручиваемый набор насыщенных карточек, используемый для представления небольшого каталога вариантов (нескольких товаров, выбора слотов записи) в одном сообщении. В RBM отдельная насыщенная карточка несёт высоту медиа, заголовок, описание и собственные предложения; карусель оборачивает несколько таких карточек с шириной карточки. WhatsApp выражает сопоставимую насыщенность через медиа-заголовки с интерактивными телами и, для коммерции, сообщения с товаром и мультитоварные сообщения. Число карточек, размеры изображений и длины текста ограничены для каждой платформы, поэтому карусель проектируется под меньший из двух лимитов.

*Отдельная насыщенная карточка RBM с изображением и двумя предложениями*

```json
{
  "contentMessage": {
    "richCard": {
      "standaloneCard": {
        "cardOrientation": "VERTICAL",
        "cardContent": {
          "title": "Order #4021",
          "description": "Arriving Friday. Track or change delivery.",
          "media": { "height": "MEDIUM",
            "contentInfo": { "fileUrl": "https://brand.example/pkg.jpg" } },
          "suggestions": [
            { "reply":  { "text": "Track",  "postbackData": "track_4021" } },
            { "action": { "text": "Reschedule", "postbackData": "resched_4021",
                          "openUrlAction": { "url": "https://brand.example/r/4021" } } }
          ]
        }
      }
    }
  }
}
```

## Предлагаемые ответы, действия и кнопки быстрых ответов

Простейший интерактивный элемент — нажимаемый чип. В RCS это предложения двух видов: предлагаемый ответ отправляет предопределённый текст обратно агенту с его данными postback, а предлагаемое действие выполняет действие устройства — набрать номер, открыть URL, открыть карту, создать событие календаря, запросить местоположение. Эквивалент WhatsApp для обычного сообщения — интерактивные кнопки ответа: до трёх кнопок быстрого ответа, чьё нажатие возвращает идентификатор кнопки, плюс кнопки URL и вызова для действий. Обе платформы ограничивают число и длину подписи этих чипов (предложения RCS и лимит трёх кнопок WhatsApp), поэтому взаимодействие более чем с несколькими вариантами должно использовать список выбора вместо кнопок.

*Интерактивные кнопки ответа WhatsApp (не более трёх)*

```json
{
  "messaging_product": "whatsapp",
  "to": "15551234567",
  "type": "interactive",
  "interactive": {
    "type": "button",
    "body": { "text": "Your order #4021 has shipped. What next?" },
    "action": { "buttons": [
      { "type": "reply", "reply": { "id": "track_4021",   "title": "Track" } },
      { "type": "reply", "reply": { "id": "resched_4021", "title": "Reschedule" } },
      { "type": "reply", "reply": { "id": "support",      "title": "Help" } }
    ] }
  }
}
```

## Списки выбора для больших наборов вариантов

Когда вариантов больше, чем могут вместить несколько кнопок, список выбора представляет прокручиваемое меню. Списочное сообщение WhatsApp показывает кнопку, открывающую список строк, сгруппированных в секции, каждая строка — заголовок, необязательное описание и идентификатор, возвращаемый при выборе, — подходит для меню услуг, временных слотов или тем FAQ, которые переполнили бы лимит трёх кнопок. RCS представляет большие наборы вариантов через несколько предложений или карусель карточек, а не через один нативный виджет списка, поэтому межканальный дизайн отображает «выбрать один из многих» на список WhatsApp в WhatsApp и на карусель или набор предложений в RCS. Результат взаимодействия одинаков в обоих: единственный выбранный идентификатор, с которым работает логика отправителя.

*Списочное сообщение WhatsApp (список выбора) со сгруппированными строками*

```json
{
  "type": "interactive",
  "interactive": {
    "type": "list",
    "body": { "text": "Choose an appointment time" },
    "action": {
      "button": "View times",
      "sections": [
        { "title": "Friday", "rows": [
            { "id": "fri_0900", "title": "09:00" },
            { "id": "fri_1330", "title": "13:30" } ] },
        { "title": "Saturday", "rows": [
            { "id": "sat_1000", "title": "10:00" } ] }
      ]
    }
  }
}
```

## Заметки по UX и доступности

Интерактивный обмен сообщениями помогает только если он корректно деградирует и остаётся удобным для всех. Поскольку насыщенный контент достижим не повсеместно, каждое интерактивное сообщение должно нести осмысленное текстовое тело, чтобы оно оставалось понятным при откате на SMS или отображении на клиенте, который не может показать виджет, — кнопки могут исчезнуть, но сообщение не должно стать бессмысленным. Держите подписи кнопок и строк короткими, однозначными и ориентированными на действие («Отследить», а не «Нажмите здесь»), поскольку длинные подписи обрезаются, а расплывчатые подводят программы чтения с экрана. Соблюдайте лимиты каждой платформы (три кнопки ответа WhatsApp, лимиты строк списка; число предложений RCS), а не пытайтесь их превысить. Предоставляйте альт/описательный текст для медиа там, где платформа это поддерживает, не полагайтесь на один лишь цвет или изображение для передачи смысла и убедитесь, что любое действие, которое запускает кнопка, также достижимо иным путём, — чтобы взаимодействие было удобством, а не единственным путём.

*Чек-лист UX и доступности интерактива*

| Руководство | Почему |
|---|---|
| Всегда включайте основной текст | Сохраняется при резервном переходе на SMS и на клиентах без поддержки rich-контента |
| Короткие подписи, начинающиеся с действия | Сокращение и чёткость для программ чтения с экрана |
| Не превышайте лимиты платформы | Кнопки/строки, превышающие лимит, отклоняются |
| Не полагайтесь только на цвет/изображение | Доступность для людей с ослабленным зрением и резервный вариант |
| Предусмотрите альтернативный путь для каждого действия | Взаимодействие — это удобство, а не единственный путь |

## Частые вопросы

### Что такое насыщенная карточка?

Насыщенная карточка — это структурированное сообщение, объединяющее медиа-элемент (изображение или видео), заголовок, описание и набор нажимаемых предложений или кнопок в одно заметное сообщение — для сводки заказа, товара или бронирования. RCS называет это отдельной насыщенной карточкой; WhatsApp достигает сопоставимой насыщенности медиа-заголовком и интерактивным телом.

### Что такое карусель?

Карусель — это горизонтально прокручиваемый набор насыщенных карточек, представленный в одном сообщении, используемый для показа небольшого набора вариантов, таких как несколько товаров или слотов записи. В RBM она оборачивает несколько насыщенных карточек; WhatsApp выражает похожую многоэлементную насыщенность через товарные и мультитоварные коммерческие сообщения. Число и размеры карточек ограничены для каждой платформы.

### В чём разница между предлагаемым ответом и предлагаемым действием?

В RCS предлагаемый ответ отправляет предопределённый текст обратно агенту с данными postback, поэтому пользователь выбирает заготовленный ответ. Предлагаемое действие вместо этого выполняет действие устройства — набрать номер, открыть URL, открыть карту, создать событие календаря или поделиться местоположением. Эквиваленты WhatsApp — кнопки ответа и кнопки URL/вызова.

### Когда использовать список выбора вместо кнопок?

Когда вариантов больше, чем могут вместить несколько кнопок. WhatsApp ограничивает интерактивные кнопки ответа тремя, поэтому меню услуг, временных слотов или тем должно использовать списочное сообщение — кнопку, открывающую сгруппированные, прокручиваемые строки, каждая из которых возвращает идентификатор при выборе. В RCS та же идея отображается на несколько предложений или карусель.

### Сколько кнопок может иметь интерактивное сообщение WhatsApp?

Интерактивное сообщение WhatsApp поддерживает до трёх кнопок быстрого ответа, каждая из которых возвращает идентификатор кнопки при нажатии. Для большего числа вариантов используется списочное сообщение (список выбора), которое представляет сгруппированные строки за одной кнопкой. Превышение лимита кнопок приводит к отклонению сообщения, поэтому большие наборы вариантов должны использовать список.

### Как сделать интерактивные сообщения доступными?

Всегда включайте осмысленное текстовое тело, чтобы сообщение пережило откат на SMS и не-насыщенные клиенты; держите подписи короткими и ориентированными на действие; соблюдайте лимиты кнопок и строк каждой платформы; не полагайтесь на один лишь цвет или изображение для передачи смысла; предоставляйте альт-текст для медиа там, где поддерживается; и обеспечьте, чтобы каждое действие кнопки было достижимо иным путём.

## Источники

- [Google RCS Business Messaging — rich cards and suggestions](https://developers.google.com/business-communications/rcs-business-messaging/guides/build/messages/send)
- [WhatsApp Cloud API — interactive messages (buttons and lists)](https://developers.facebook.com/docs/whatsapp/cloud-api/guides/send-message-templates)
- [GSMA RCC.07 — RCS Universal Profile (rich messaging features)](https://www.gsma.com/solutions-and-impact/technologies/networks/rcs/)

## См. также

- [RCS Business Messaging и MaaP](https://www.broadnet.me/ru/reference/rcs-business-messaging-maap)
- [WhatsApp Business Cloud API](https://www.broadnet.me/ru/reference/whatsapp-business-cloud-api)
- [RCS против SMS и WhatsApp](https://www.broadnet.me/ru/reference/rcs-vs-sms-vs-whatsapp-channels)
- [Сообщения RCS](https://www.broadnet.me/ru/products/rcs-messaging)
- [Омниканальность](https://www.broadnet.me/ru/products/omnichannel)
- [Разработчикам](https://www.broadnet.me/ru/developers)