Перейти к содержимому

WABA-шаблоны вида "Карусель"

WABA-шаблоны вида «Карусель»: как создать и отправить интерактивные карточки с товарами в WhatsApp, заполнить поля и медиа для каждой карточки в чате RadistWeb.

Что такое шаблон «Карусель»

Карусель — это тип WABA-шаблона, в котором клиент получает интерактивные карточки с товарами или информацией и может их пролистывать. Каждая карточка содержит своё медиа, описание и кнопку. Это удобно, чтобы показать несколько товаров или вариантов в одном сообщении — клиент листает карточки и сразу выбирает нужное.

Что важно знать до создания:

  • карусель всегда относится к категории «Маркетинг» — она открывает платный маркетинговый диалог;
  • в каждой карточке обязательно должно быть медиа — картинка или видео;
  • в одном шаблоне от 1 до 10 карточек.

Как создать шаблон-карусель

Карусель создают в личном кабинете RadistWeb: раздел «Шаблоны» → «WABA-шаблоны». Создание проходит в три этапа:

Выберите вид «Карусель»

В поле «Вид шаблона» выберите «Карусель», задайте название и язык. Категория для карусели всегда «Маркетинг» — сменить её нельзя.

Соберите карточки

Заполните основной текст (до 1024 символов) и добавьте от 1 до 10 медиа-карточек. У каждой карточки — своё описание (до 160 символов) и, при необходимости, кнопка-ссылка. Тип медиа (картинка или видео) общий для всех карточек.

Отправьте на модерацию

Заполните переменные, приложите примеры медиа и нажмите «Отправить на модерацию».

Подробная инструкция по созданию — со всеми полями, ограничениями и предпросмотром — на странице «WABA-шаблоны в RadistWeb».

Как отправить готовую карусель

Принцип одинаковый во всех интерфейсах: в окне выбора шаблонов выберите шаблон-карусель, откройте его и заполните каждую карточку по очереди — медиа, описание и кнопку-ссылку (если они есть), — затем отправьте. Ниже — как это выглядит в RadistWeb; отправка в amoCRM и Битрикс24 устроена так же (разверните нужный блок).

Форматы медиа для карточек:

  • Изображения: JPG, JPEG, PNG, до 5 МБ.
  • Видео: MP4, до 16 МБ.

В проводнике отображаются только файлы поддерживаемых форматов.

В чате RadistWeb

В окне выбора шаблонов выберите шаблон типа «Карусель». Предпросмотр интерактивный — между карточками можно переключаться стрелками (на первой или последней карточке одна из стрелок неактивна). Под предпросмотром появляется кнопка «Открыть шаблон» — по клику открывается страница заполнения.

Страница заполнения шаблона-карусели в RadistWeb

Поля идут в таком порядке:

  1. Переменные основного текста — поле «Основной текст».
  2. Для каждой карточки (после линии и заголовка «Карточка {{номер}}»):
    • поле прикрепления картинки/видео;
    • переменные описания карточки (если есть) — поле «Описание»;
    • переменная кнопки-ссылки (если есть) — поле «Кнопка-ссылка».

Блок из пункта 2 повторяется столько раз, сколько карточек в шаблоне. Предпросмотр заполняется по мере ввода, добавленные картинки и видео сразу отображаются, предпросмотр можно прокручивать.

Заполненный шаблон-карусель в RadistWeb

Если все поля заполнены, по клику на «Отправить в чат» сообщение уходит клиенту. В чате RadistWeb карусель отображается как обычное сообщение, но со стрелками по бокам для переключения карточек.

Карусель в чате RadistWeb со стрелками переключения

В WhatsApp у клиента она выглядит так:

Как шаблон-карусель выглядит в WhatsApp

Отправка в amoCRM

В чате amoCRM

В предпросмотре отображается одна карточка за раз. Переключение — по кнопкам с числами под карточкой. Поле «Картинка»/«Видео» показывает, где в сообщении будет медиа.

Предпросмотр карусели в чате amoCRM

Переключение карточек в предпросмотре amoCRM

По клику на «Открыть шаблон» открывается страница заполнения. Сначала идут поля для прикрепления картинки/видео, затем переменные основного текста, описания карточек и кнопок-ссылок.

Поля заполнения карусели в amoCRM

Для отправки все поля должны быть заполнены:

Все поля карусели заполнены в amoCRM

Текстовые переменные заполняются в предпросмотре по мере ввода:

Заполнение переменных в предпросмотре amoCRM

После заполнения данные шаблона вставляются в поле ввода — останется отправить сообщение контакту. В чате amoCRM карусель выглядит так:

Шаблон-карусель в чате amoCRM

В рассылках amoCRM

При создании рассылки WABA-шаблона в amoCRM карусель тоже можно заполнить и отправить.

Карусель при создании рассылки в amoCRM

В Salebot в amoCRM

Карусель доступна и при настройке Salebot в amoCRM.

Карусель в Salebot в amoCRM

Отправка в Битрикс24

В предпросмотре в верхней части — основной текст шаблона, ниже в рамке — карточка (одна за раз). Переключение — по клику на номер карточки внизу окна. Текстовые переменные заполняются в тексте; для карточек нужно переключаться между ними и заполнять медиа, описание и кнопки-ссылки. Картинки и видео прикрепляются кнопкой «Добавить».

Из сделки (WABA-виджет)

WABA-виджет в сделке Битрикс24

Заполнение карусели из сделки Битрикс24

Отправленная из сделки карусель отображается в сделке; при успешной доставке — со статусом «Доставлено» (в сделке показывается только основной текст).

Статус «Доставлено» у карусели в сделке Битрикс24

В WhatsApp сообщение-карусель выглядит так:

Отправленная карусель в WhatsApp

Из чата Битрикс24

Выбор WABA-шаблона в чате Битрикс24

Окно заполнения шаблона прокручивается:

Заполнение карусели в чате Битрикс24

Если все поля заполнены, по клику на «Отправить» шаблон сразу уходит в чат:

Отправка карусели из чата Битрикс24

В отправленном сообщении сверху — значения заполненных переменных, ниже — текст шаблона. По ссылкам в переменных открывается предпросмотр прикреплённого медиа.

Отправленная карусель в чате Битрикс24

В бизнес-процессе (Роботы)

Карусель добавлена в WABA-виджет при создании бизнес-процесса.

Добавление виджета в бизнес-процесс Битрикс24

Шаблон-карусель в бизнес-процессе (Роботы) Битрикс24

Из настроек виджета (для SMS-рассылки)

В контакт-центре выберите WABA-виджет и откройте нужную открытую линию — откроется форма настройки.

Открытая линия WABA-виджета в контакт-центре Битрикс24

Нажмите «Изменить»:

Кнопка «Изменить» в настройках открытой линии

Откроется форма «Шаблоны для SMS-рассылки». Выберите шаблон и заполните переменные, если они есть:

Выбор WABA-шаблона в настройках виджета

Заполнение шаблона в настройках виджета

По клику на «Получить шаблон» появится поле с текстом для отправки шаблона в чате или сделке. Скопируйте этот текст, форму можно закрыть крестиком.

Копирование готового текста шаблона из настроек виджета

Дальше скопированный текст используется для рассылки. В разделе «Маркетинг» создайте «СМС-рассылку»:

Раздел «Маркетинг», создание SMS-рассылки в Битрикс24

Выберите подходящий тип рассылки:

Выбор типа рассылки в Битрикс24

В поле «Отправить» выберите WABA-номер и шаблон, который хотите добавить в рассылку. В поле «Текст sms» вставьте скопированный ранее текст. По клику на «Применить» получатели из выбранных сегментов получат в WhatsApp сообщение с WABA-шаблоном.

Создание рассылки с WABA-шаблоном в Битрикс24

Что дальше