1. Создать и отправить
Создайте расширенное сообщение вставив шорткод в чат, далее настройте все параметры с вашей информацией и отправьте сообщение.
Расширенные сообщения – это сообщения с дополнительными элементами, такими как кнопки, выпадающие списки или поля ввода. С их помощью агент может запрашивать информацию у пользователя или отображать интерактивный контент. Расширенные сообщения можно вставлять в чат с помощью шорткодов. Шорткоды могут принимать различные параметры, такие как заголовок и описание. Ниже перечислены доступные расширенные сообщения.
Название | Шорткод | Описание |
---|---|---|
Карточка |
[card image="URL" header="TITLE" description="Lorem ipsum dolor sit amete" link="URL" link-text="Купить" extra="599 руб" target="_blank"] |
Карточка с призывом к действию: изображением, заголовком, описанием, ссылкой и дополнительной информацией. |
Слайдер карточек |
[slider image-1="URL" header-1="TITLE" description-1="Lorem ipsum dolor sit amete" link-1="URL" link-text-1="Купить" extra-1="599 руб" image-2="URL" header-2="TITLE" description-2="Lorem ipsum dolor sit amete" link-2="URL" link-text-2="Купить" extra-2="599 руб" target="_blank"] |
Слайдер с карточками и с призывом к действию: изображением, заголовком, описанием, ссылкой и дополнительной информацией. Можно добавить до 10 слайдов. |
Слайдер изображений |
[slider-images images="URL,URL,URL"] |
Слайдер с изображениями |
Мини-кнопки |
[chips options="A,B,C"] |
Список из одной или нескольких мини-кнопок. |
Кнопки |
[buttons options="A,B,C"] |
Список из одной или нескольких кнопок. |
Выбор |
[select options="A,B,C"] |
Выпадающий список с вариантами ответов. |
Поля ввода |
[inputs values="A,B,C" button="Отправить сейчас"] |
Список текстовых полей ввода. |
[email name="true" last-name="true" phone="true" phone-required="false" placeholder=""] |
Форма сбора электронной почты и номера телефона пользователя. По стандарту все атрибуты являются необязательными. Для того, чтобы поля электронной почты и номера телефона были обязательными добавьте атрибут required-messaging-apps="true". | |
Регистраиця |
[registration] |
Форма регистрации. |
Расписание |
[timetable] |
Расписание. |
Статьи |
[articles link="URL"] |
Статьи с областью поиска. Атрибут link используется как резервное сообщение для Telegram. |
Оценка |
[rating label-positive="Хорошо" label-negative="Плохо" label="Оценить и оставить отзыв" success-negative=""] |
Форма оценки агента. |
Список |
[list values="A,B,C"] |
Список с текстовыми элементами. |
Список с заголовками |
[list values="A:X,B:Y,C:Z"] |
Список с текстовыми элементами и заголовками. |
Список с изображениями |
[list-image values="URL:A,URL:B,URL:C"] |
Список с текстовыми элементами, заголовками и изображениями. |
Таблица |
[table header="A,B,C" values="A:B:C,A:B:C,A:B:C"] |
Таблица. |
Кнопка |
[button link="URL" name="Перейти" target="_blank" style="link"] |
Переход по ссылке или открытие статьи. Атрибут target="_blank" необязателен, он отвечает за открытие ссылки в новом окне. Атрибут style="link" необязателен, он отвечает за дизайн кнопки. Чтобы открыть статью по клику, значение атрибута link должно быть вида #article-ID, замените ID на ID статьи. |
Видео |
[video type="youtube" id="0TImic4N1ko" height="350"] |
Добавление видео с YouTube или Vimeo. Значение атрибута type может быть youtube или vimeo. Атрибут id - это ID видео, получить его можно из URL добавляемого видео. Атрибут height необязателен, он отвечает за высоту видео в пикселях. |
Изображение |
[image url="#"] |
Изображение. |
Поделиться |
[share fb="#" tw="#" li="#" pi="#" wa="#"] |
Кнопки социальных сетей для публикации. |
Если ваши тексты содержат запятые, замените все запятые на символы \,.
Все расширенные сообщения поддерживают следующие параметры:
Параметр | Описание |
---|---|
id="123" |
ID расширенного сообщения (используется также для сохранения данных в формате JSON). |
title="ABC" |
Заголовок расширенного сообщения. |
message="ABC" |
Описание расширенного сообщения. |
success="ABC" |
Сообщение после отправки расширенное сообщение. |
settings="ABC" |
Дополнительное поле. |
При создании собственного расширенного сообщения вы можете использовать следующие коды:
Код | Описание |
---|---|
<a href="https://www.google.com" target="_blank" class="sb-rich-btn sb-btn">Нажмите здесь</a> |
Ссылка с дизайном кнопки. |
<a href="https://www.google.com" target="_blank" class="sb-rich-btn sb-btn-text">Нажмите здесь</a> |
Ссылка. |
<div class="sb-image"><img src="https://via.placeholder.com/1500x600" class="sb-image" /></div> |
Изображение, при клике на которое происходит увеличение. |