Как сделать интерактивное меню в группе вконтакте: Как создать меню группы в «ВКонтакте» – sdelano.media

Отзыв от droid1008, 4 года

o

«Спасибо за работу! Оперативно и качественно. Результат превзошёл все ожидания.»

«Спасибо за работу! Оперативно и качественно. Результат превзошёл все ожидания.»

Отзыв от olesya122, 4 года

s

«Хорошая работа! Работаем дальше!»

«Хорошая работа! Работаем дальше!»

Отзыв от sasamasa04042014, 6 лет

Посмотрите другие примеры работ
в профиле bokovvlad

Открыть портфолио

1 из 12

Об этом кворке

Оформление группы вконтакте. Изготовлю или заменю на новый Аватар и сделаю интерактивное меню. Помогу создать группу с нуля.

<p>Оформление группы вконтакте. Изготовлю или заменю на новый Аватар и сделаю интерактивное меню. Помогу создать группу с нуля.</p>

Соцсеть: ВКонтакте

Язык перевода:

Объем услуги в кворке: Аватар и меню

Развернуть Свернуть

Гарантия возврата

Средства моментально вернутся на счет,
если что-то пойдет не так. Как это работает?

Расскажите друзьям об этом кворке

Как создать вики страницу ВКонтакте для группы, без усилий [2023]

ВКонтакте не стоит на месте, и вам пора двигаться вперед вместе с соцсетью.

Слышали про wiki-страницы?
Нет?

Сейчас не только узнаете о них, но и увидите, как создать вики страницу ВКонтакте для группы. Поехали!

Содержание

• Что такое вики-страница
• Как создать вики-страницу в группе в ВК
• Редактирование вики-страницы
• Редактор статей
• Создание меню через вики-страницу

Эпоха длинных и однотипных постов, разделенных лишь абзацами, давно канула в лету. Теперь все чаще встречаются новые инструменты в постах различных сообществ.

В виде вики-страниц пользователи оформляют интерактивное меню, информационные статьи, прайс-листы и многое другое.

Так как же сделать нечто похожее?

Как создать вики-страницу ВКонтакте для своей группы и какие инструменты для её оформления существуют?

В этой статье я подробно расскажу вам о всех тонкостях создания вики-страниц для пабликов.

Что такое вики-страница

Вики-страница – один из удобнейших способов подачи информации во ВКонтакте. От обычных постов она отличается возможностью форматировать текст: делать курсив, оформлять таблицы выделять цитаты, вставлять ссылки и фотографии.

Также отдельные вики-страницы можно собирать в цельные блоки и связывать друг с другом ссылками-якорями.

Помимо всего прочего, вики-страница часто становится не просто информационной статьей.

Художники размещают в ней свои прайс-листы, а сложные и структурированные группы могут сделать меню и навигацию.

Важное преимущество вики-страниц – их индексация в поисковых запросах.

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

Псс.. Море подписчиков здесь

Накрутка в соцсетях. Получи первых подписчиков, комментарии и лайки.

Накрутка недорого

Бесплатная накрутка

Как создать вики-страницу в группе в ВК

Увы, ВКонтакте не предоставил отдельного инструмента для создания вики-страниц.

В 2017-м году появился новый раздел – редактор статей, но о нем я вам расскажу чуть позже. Что же нужно сделать для создания вики-страницы?

Для создания новой страницы нужно ввести в адресную строку: http://vk.com/pages?oid=-XXX&p=YYY

YYY – уникальное название. В нем обязательно все пробелы заменить на «_».

Вместо XXX нужно вставить ID своей группы (именно номер, без букв).

Узнать его довольно просто – зайдите на основную страницу группы и посмотрите ID в адресной строке.

Также это можно узнать в настройках. Зайдите в раздел «управление» и уже оттуда из строчки «адрес» скопируйте нужные цифры.

ID группы в разделе «управление»

Когда вы перейдете по созданной ссылке – ВК выдаст ошибку и предложит создать вики-страницу. Нужно кликнуть на это сообщение, а после наполнить содержимым созданную страничку.

После окончания работы все изменения сохранятся. Чтобы опубликовать вики-страницу – разместите ссылку на неё в посте, и тогда она прикрепится в виде материала.

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

К слову, о фотографиях – если прикрепить одновременно ссылку на вики-страницу и фото, то пользователь сможет сделать из фотографии своеобразное превью, при клике на которое его автоматически перебросит на нужную вики-статью.

Точно стоит изучить:

• Как накрутить лайки ВКонтакте: 5 простых сервисов
• Подписчики для ВК и как их накрутить
• Как купить подписчиков в группу в ВК: обзор ТОП сервисов
• Накрутка отзывов в ВК: большой мануал

Редактирование вики-страницы

Первый шаг после создания страницы – обозначить, кто может её редактировать.

Ведь никому не хочется, чтобы огромная статья была удалена случайным пользователем?

Поэтому важно выбрать доступ для редактирования: только администрация или все участники группы. Некоторые проекты подразумевают, что страницу может редактировать любой член группы.

В этом же разделе настраивается режим просмотра.

Также важно отметить, что в основном разделе существует кнопка «<>». Это переключение с режима разметки на визуальный редактор.

Режим разметки позволяет увидеть вам все коды в тексте, а визуальный редактор – оценить, как страница будет смотреться в итоговом виде.

Но злоупотреблять этим переключением не стоит – иногда все просто «ломается» и код перестает работать. Данный баг существует уже много лет, и ВК всё никак не могут его пофиксить.

Кнопка переключения режимов

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

Создание ссылок

Наверняка, первое, что интересует пользователя при создании вики-страницы – размещение внутри неё ссылок. Ссылок как на пользователей и сторонние ресурсы, так и на другие вики-страницы.

Это делается уже привычным всем методом: [[id|text]]. Этот же способ работает при создании ссылок в обычных постах или в обсуждениях группы.

В колонке «text» можно указать имя пользователя или любую нужную информацию, при нажатии на которую читателя перебросит к нему на страницу.

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

Внешние ссылки оформляются похожим способом, но только вместо двойных скобок используются одинарные: [link|text].

Цитирование

Второй вопрос по популярности, после размещения ссылок, о цитировании.

Этот метод часто используют для красивого оформления вики-страницы, а не для цитирования, как бы иронично это не звучало.

Для помещения текста в цитату используют выделение <blockquote></blockquote>. В режиме вики-разметки это будет выглядеть как-то так: <blockquote>цитаты великих людей</blockquote>.

Оформление цитаты

Получи больше подписчиков

Бесплатные подписчики за выполнение заданий, или быстрая недорогая накрутка. Что выберешь ты?

Накрутка недорого

Бесплатная накрутка

Оформление текста

Теперь подробнее остановимся на визуальной части работы.

Чтобы текст приятнее читался, его нужно разграничить. Удобнее всего это делать при помощи заголовков. 

Чтобы обозначить текст как заголовок, нужно заключить его в символы «=» с обеих сторон.

Как это выглядит: ==заголовок==

Заголовки бывают несколько уровневыми. Классифицировать их вы можете, добавляя по ещё одному символу «=» с каждой стороны.

Например: ===заголовок второго уровня===

Небольшой список инструментов для визуальной работы с текстом:

• <b>Выделение жирным</b> или »’выделение жирным»’
• <gray>Серый цвет текста</gray>
• <i>Курсив</i> или »Курсив»
• <s>Зачёркивание</s>
• <u>Подчёркивание</u>
• ^{Верхний индекс}
• _{Нижний индекс}
• <tt>Моноширинный</tt> или <code>Моноширинный</code>
• <center>Выравнивание по центру</center>
• <right>Выравнивание по правому краю</right>
• Тег для перевода строки <br/>

Как это выглядит в редакторе

Итоговый результат

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

Списки

Списки – неотъемлемая часть любой статьи, даже этой. Для создания маркированного списка достаточно использовать «*» перед каждым пунктом. Этот способ тоже делится на уровни ** и ***

Нумерованный список хоть и можно создать вручную, куда удобнее делать это уже существующими инструментами, а именно «#».

Вид списков в итоге

Фотографии в тексте

Фотографии – важная часть визуальной составляющей. Создатели ВКонтакте знают это, поэтому добавили некоторый функционал для размещения фотографий в статье.

Фотографии добавляются по тому же принципу, что и внутренние ссылки, за исключением одной особенности: [​[photoXXXX_YYYY|options|link]]. Options – дополнительные функции. А link – текст, или ссылка, которые появятся при наведении на фото.

Что можно вставить в графу options:

• plain — превращает фотографию в текстовую ссылку.
• noborder — убирает рамку вокруг фотографии.
• nolink — делает фотографию некликабельной.
• nopadding — убирает отступы вокруг фотографии.
• Npx — задает ширину фотографии в px.
• NxMpx — задает ширину и высоту фотографии в px.
• right — задает обтекание текстом справа.
• left — задает обтекание текстом слева.

Размещение фото в статье

Для справки добавлю, что ширина вики-страницы – 607px, а вот высота её не ограничена. Это может помочь вам при «подгонке» фотографий под нужные размеры.

Размещение видеозаписей

Схема тут почти такая же, как и с размещением фотографий. Видеозаписи вставляются по шаблону: [​[videoXXXX_YYYY|options|]] или [​[videoXXXX_YYYY|text]].

Возможные значения options:

• player — проигрывание видео в слое.
• NxMpx; player — задает ширину и высоту видео в px (применяется только совместно с player).

Подпись автора

Когда паблик ведут несколько администраторов, очень важно, чтобы автор статьи мог оставить свою подпись. Делается это при помощи символа «~»

Как выглядит подпись автора

Создание таблиц

Ими пользуются не так часто, но таблицы очень удобны для оформления и подачи практически любого материала.

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

Символы для создания таблицы:

• {|options — начало таблицы.
• |+ — центрированный заголовок.
• |- — новая строка.
• | — новая ячейка.
• ! — выделенная ячейка (жирный текст, отцентрированный по вертикали).
• |} — конец таблицы.

Возможные значения options:

• noborder — убирает границы.
• nomargin — убирает отступы от полей (таблица на всю ширину страницы).
• nopadding — убирает отступы внутри ячеек.
• fixed — фиксирует ширину таблицы.

Дополнительно

Если вам захотелось по какой-то причине вставить код, но при этом не форматировать текст, используйте или

. Это может пригодиться при создании собственных руководств.

Редактор статей – инструмент, предоставляющий облегченную версию работы с вики-статьями. Многие пользователи путают их, однако не стоит вводить себя в заблуждение.

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

Однако, если у пользователя есть желание разобраться с визуальным редактором – он может сделать это самостоятельно.

Для того, чтобы открыть редактор статей, вам нужно просто открыть публикацию нового поста и снизу во вложениях выбрать «статья».

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

Редактор не позволяет использовать привычную вики-разметку и таблицы, но порой это и не нужно.

Зато преимущество редактора по сравнению с вики-статьями – автоматическое объединение в блок для читателя.

Создание меню через вики-страницу

Наверняка, вы часто сталкивались с красиво оформленным меню в пабликах.

Все эти эстетичные разделы с правилами, ссылками на товары и основной информацией. Это не отдельное приложение или функция. Это прямая работа вики-разметок.

Главная сложность здесь – красиво визуально оформить его. Порой для этого приходится сотрудничать с дизайнерами и художниками, ну или самому осваивать азы Фотошопа.

Допустим, вы уже создали нужную картинку. Дальше её нужно правильно разрезать в соответствии с нарисованными «кнопками». Сделать это можно либо в Фотошопе, либо благодаря многим онлайн-ресурсам «раскройка».

Далее создается таблица. Использовать вы можете теги, которые я приводил выше, и обязательно вставляйте параметр options nopadding, noborder и fixed. 

Размещайте картинки в отдельные ячейки таблицы и делайте их кликабельными, используя коды, приведенные выше.

Закрепить свою работу вы можете в разделе «свежие новости», которые, кстати, легко переименовываются. Или же сделать это закрепив запись. Способ зависит от того, паблик вы ведете или группу.

Кстати, подписчиков надо?)

Бесплатные подписчики и лайки за выполнение заданий, или быстрая недорогая накрутка. Что выберешь ты?

Накрутка недорого

Бесплатная накрутка

Интерактивные сообщения — локальный API — документация

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

Типы интерактивных сообщений:

• Список сообщений : Сообщения, содержащие меню до 10 вариантов. Этот тип сообщения предлагает пользователям более простой и последовательный способ сделать выбор при взаимодействии с компанией.
• Сообщения кнопки ответа : Сообщения, включающие до 3 вариантов — каждый вариант представляет собой кнопку. Этот тип сообщения предлагает пользователям более быстрый способ сделать выбор из меню при взаимодействии с компанией. Кнопки ответа имеют тот же пользовательский интерфейс, что и интерактивные шаблоны с кнопками.
• Сообщения об одном продукте : Сообщения с одним продуктом из инвентаря предприятия. Дополнительную информацию см. в разделе Поделитесь продуктами с клиентами.
• Сообщения о нескольких продуктах : Сообщения, содержащие выбор до 30 предметов из инвентаря предприятия. Дополнительную информацию см. в разделе Поделитесь продуктами с клиентами.

Спецификации интерактивных сообщений

• Интерактивные сообщения можно объединять в одном потоке.
• Пользователи не могут одновременно выбирать более одного параметра из списка или сообщения кнопки, но они могут вернуться и повторно открыть предыдущее сообщение.
• Сообщения списка или кнопки ответа не могут использоваться в качестве уведомлений. В настоящее время их можно отправить только в течение 24 часов с момента последнего сообщения, отправленного пользователем. Если вы попытаетесь отправить сообщение вне 24-часового окна, вы получите сообщение об ошибке.
• Поддерживаемые платформы: iOS, Android и Интернет.

Посмотрите, как текстовые сообщения сравниваются с интерактивными сообщениями:

Посмотрите пример того, как сообщения списка и кнопки «Ответить» могут быть объединены в одном потоке:

Что-то пошло не так

У нас возникли проблемы с воспроизведением этого видео. Чтобы посмотреть видео, обновите веб-браузер.

Подробнее

Обзор

Почему вы должны использовать это

Понимание пользователей

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

Business Outcomes

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

Персонализированный

Заполняется динамически в режиме реального времени, поэтому может быть персонализирован в зависимости от клиента или ситуации. Например, вы можете отобразить сообщение со списком доступных временных интервалов для записи на прием или использовать кнопки «Ответить», чтобы показать предыдущие адреса доставки.

Нет шаблонов

Интерактивные сообщения не требуют шаблонов или предварительных утверждений.

Когда следует использовать

Сообщения-списки лучше всего подходят для представления нескольких вариантов, таких как:

• Меню обслуживания клиентов или часто задаваемых вопросов
• Меню на вынос
• Выбор ближайших магазинов или мест
• Доступное время резервирования
• Выбор недавнего заказа для повторения

Кнопки ответа лучше всего подходят для предоставления быстрых ответов из ограниченного набора вариантов, таких как:

• Пополнение эфирного времени
• Изменение личных данных
• Повторный заказ предыдущего заказа
• Запрос возврата
• Добавление дополнительных услуг к заказу еды
• Выбор способа оплаты

Кнопки ответа особенно ценны для «персонализированных» случаев использования, когда общий ответ не является адекватным.

Как использовать

На уровне API интерактивные сообщения устанавливаются путем указания типа сообщения до интерактивный и добавление интерактивного объекта . Как правило, эти сообщения состоят из 4 основных частей: заголовок , тело , нижний колонтитул и действие :

{
  "recipient_type": "индивидуальный",
  «кому»: «whatsapp-id»,
  "тип": "интерактивный"
  "интерактив": {
    "тип": "список" | "кнопка",
    "заголовок": {},
    "тело": {},
    "нижний колонтитул": {},
    "действие": {}
  }
} 

Для сообщений списка это то, как части сочетаются друг с другом:

Для сообщений с кнопками ответа вот как эти части сочетаются друг с другом:

Подробнее о том, как отправлять эти сообщения, см. ниже.

Начало работы

Прежде чем вы сможете отправить каждое сообщение, вам необходимо получить идентификатор WhatsApp получателя с помощью звонка на узел /contacts .

Мы рекомендуем настроить ваши веб-перехватчики для получения уведомлений о состоянии сообщений и входящих сообщениях. Таким образом, вы можете отслеживать, было ли отправлено ваше сообщение, и ответы, которые вы получаете от пользователей. Дополнительные сведения см. в разделе Веб-перехватчики.

Step 1: Assemble your

List Messages

To send a list message, you must assemble an interactive object of type list with the following components:

В итоге ваш интерактивный объект должен выглядеть примерно так:

"интерактив": {
  "тип": "список",
  "заголовок": {
    "тип": "текст",
    "text": "содержимое вашего заголовка"
  },
  "тело": {
    "text": "содержимое-вашего-текстового-сообщения"
  },
  "нижний колонтитул": {
    "text": "содержимое вашего нижнего колонтитула"
  },
  "действие": {
    "button": "cta-button-content",
    "разделы": [
      {
        "title":"название-содержания-вашего-раздела",
        "ряды": [
          {
            "id":"уникальный идентификатор строки",
            "title": "заголовок-строки-контент",
            "описание": "содержимое-описания-строки",
          }
        ]
      },
      {
        "title":"название-содержания-вашего-раздела",
        "ряды": [
          {
            "id":"уникальный идентификатор строки",
            "title": "заголовок-строки-контент",
            "описание": "содержимое-описания-строки",
          }
        ]
      },
      . ..
    ]
  }
} 

Reply Buttons

To send a reply button message, you must assemble an interactive object of type button with the following components:

 "заголовок": {
      "тип": "текст" | "изображение" | "видео" | "документ",
      "текст": "ваш текст"
      # ИЛИ
      "документ": {
        "id": "ваш-медиа-идентификатор",
        "имя файла": "какое-то имя файла"
      }
      # ИЛИ
      "документ": {
        "ссылка": "имя-провайдера/протокол://адрес-адрес",
        "провайдер": {
          "имя": "имя провайдера",
        },
        "имя файла": "какое-то имя файла"
      },
      # ИЛИ
      "видео": {
        "id": "ваш-медиа-идентификатор"
      }
      # ИЛИ
      "видео": {
        "ссылка": "имя-провайдера/протокол://адрес-адрес",
        "провайдер": {
          "имя": "имя-провайдера"
        }
      }
      # ИЛИ
      "изображение": {
        "id": "ваш-медиа-идентификатор"
      }
      # ИЛИ
      "изображение": {
        "ссылка": "http(s)://адрес",
        "провайдер": {
          "имя": "имя-провайдера"
        }
      }
    }
 

 "действие": {
      "кнопки": [
        {
          "тип": "ответить",
          "отвечать": {
            "id": "уникальный идентификатор постбэка",
            "title": "Название первой кнопки"
          }
        },
        {
          "тип": "ответить",
          "отвечать": {
            "id": "уникальный идентификатор постбэка",
            "title": "Название второй кнопки"
          }
        }
      ]
    }
 

В итоге ваш интерактивный объект должен выглядеть примерно так:

 "interactive": {
    "тип": "кнопка",
    "заголовок": { # необязательный
      "тип": "текст" | "изображение" | "видео" | "документ",
      "текст": "ваш текст"
      # ИЛИ
      "документ": {
        "id": "ваш-медиа-идентификатор",
        "имя файла": "какое-то имя файла"
      }
      # ИЛИ
      "документ": {
        "ссылка": "имя-провайдера/протокол://адрес-адрес",
        "провайдер": {
          "имя": "имя провайдера",
        },
        "имя файла": "какое-то имя файла"
      },
      # ИЛИ
      "видео": {
        "id": "ваш-медиа-идентификатор"
      }
      # ИЛИ
      "видео": {
        "ссылка": "имя-провайдера/протокол://адрес-адрес",
        "провайдер": {
          "имя": "имя-провайдера"
        }
      }
      # ИЛИ
      "изображение": {
        "id": "ваш-медиа-идентификатор"
      }
      # ИЛИ
      "изображение": {
        "ссылка": "http(s)://адрес",
        "провайдер": {
          "имя": "имя-провайдера"
        }
      }
    }, # конец заголовка
    "тело": {
      "text": "ваш-текстовый-текст"
    },
    "нижний колонтитул": { # необязательный
      "text": "ваш-текстовый-нижний-контент"
    },
    "действие": {
      "кнопки": [
        {
          "тип": "ответить",
          "отвечать": {
            "id": "уникальный идентификатор постбэка",
            "title": "Название первой кнопки"
          }
        },
        {
          "тип": "ответить",
          "отвечать": {
            "id": "уникальный идентификатор постбэка",
            "title": "Название второй кнопки"
          }
        }
      ]
    } # завершение действия
  } # конец интерактивного
 

Шаг 2: Добавьте общие параметры сообщения

Теперь, когда у вас есть интерактивный объект, добавьте другие параметры, создающие сообщение: relay_type , to и type . Не забудьте установить тип на интерактивный .

 {
  "recipient_type": "индивидуальный",
  "to" : "whatsapp-id", // WhatsApp ID вашего получателя
  "тип": "интерактивный",
  "интерактив": {
    // Ваш интерактивный объект
   }
  } 

См. здесь параметры, общие для всех типов сообщений.

Шаг 3. Сделайте вызов

Сделайте вызов POST на конечную точку /messages с объектом JSON , который вы собрали на шагах 1 и 2. Если отправлено успешно, вы получите следующий ответ:

 {
  "Сообщения": [{
    "id": "{идентификатор сообщения}"
  }]
} 

Шаг 4. Проверка веб-перехватчиков

Если вы настроили свои веб-перехватчики, проверьте изменения в статусе вашего сообщения, а также любые ответы от пользователей.

Веб-перехватчики пользователей, отвечающих на интерактивные сообщения, включают новый компонент под названием интерактивный , который содержит информацию о выборе пользователя. См. Webhooks, Components для получения дополнительной информации.

Шаблоны интерактивных сообщений — Локальный API — Документация

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

Предлагается два типа предопределенных кнопок:

• Призыв к действию — Позволяет вашему клиенту позвонить по номеру телефона и посетить веб-сайт
• Быстрый ответ — позволяет вашему клиенту ответить простым текстовым сообщением

Эти кнопки можно прикрепить к текстовым сообщениям или мультимедийным сообщениям. После создания и утверждения ваших интерактивных шаблонов сообщений вы можете использовать их в сообщениях уведомлений, а также в сообщениях службы поддержки клиентов.

Перед началом работы

Вам необходимо:

• Выполнить все требования, перечисленные в разделе «Перед началом работы» документации Messages.
• Создан интерактивный шаблон сообщения в Business Manager. Вы можете добавить кнопку призыва к действию или кнопку быстрого ответа.

После утверждения шаблона сообщения вы можете использовать API для отправки сообщения.

Ограничения

• Для шаблонов призыва к действию можно добавить 2 кнопки, до одной кнопки каждого типа (позвонить по номеру телефона и посетить веб-сайт).
• Для шаблонов быстрого ответа можно добавить до 3 кнопок.

Шаг 1: Сделайте

ПОСТ /v1/сообщения
{
    "кому": " получатель_wa_id ",
    "тип": "шаблон",
    "шаблон": {
        "пространство имен": " ваше пространство имен ",
        "язык": {
            «политика»: «детерминированная»,
            "код": "  код вашего языка и локали  "
        },
        "имя": "  ваше-имя-шаблона ",
        "компоненты": [
            {
                "тип": "заголовок",
                "параметры": [
                    {
                        "тип": "текст",
                        "текст": "текст_замены"
                    }
                ]
            # конец заголовка
            },
            {
                "тип": "тело",
                "параметры": [
                    {
                        "тип": "текст",
                        "текст": "текст_замены"
                    },
                    {
                        "тип": "валюта",
                        "валюта" : {
                            "fallback_value": "$100,99",
                            "код": "USD",
                            "сумма_1000": 100990
                        }
                    },
                    {
                        "тип": "дата_время",
                        "дата_время": {
                            "fallback_value": "25 февраля 1977 г. ",
                            "день_недели": 5,
                            "день_месяца": 25,
                            "год": 1977,
                            "месяц": 2,
                            "час": 15,
                            "минута": 33, #ИЛИ
                            "отметка времени": 1485470276
                        }
                    },
                    {
                        ...
                        # Любые дополнительные параметры шаблона
                    }
                ]
            # конец тела
            },
            # Следующая часть этого примера кода включает несколько возможных типов кнопок,
            # не все из них требуются для вызова API интерактивного шаблона сообщения.
            {
                "тип": "кнопка",
                "sub_type": "быстрый_ответ",
                "индекс": "0",
                "параметры": [
                    {
                        "тип": "полезная нагрузка",
                        # Полезная нагрузка, определяемая бизнес-разработчиком
                        "полезная нагрузка":"aGlzIHRoaXMgaXMgY29vZHNhc2phZHdpcXdlMGZoIGFTIEZISUQgV1FEV0RT"
                    }
                ]
            },
            {
                "тип": "кнопка",
                "sub_type": "URL",
                "индекс": "1",
                "параметры": [
                    {
                        "тип": "текст",
                        # Определенный бизнес-разработчиком динамический суффикс URL
                        "текст": "9rwnB8RbYmPF5t2Mn09x4h"
                    }
                ]
            },
            {
                "тип": "кнопка",
                "sub_type": "URL",
                "индекс": "2",
                "параметры": [
                    {
                        "тип": "текст",
                        # Определенный бизнес-разработчиком динамический суффикс URL
                        "текст": "билет. pdf"
                    }
                ]
            }
        ]
    }
}
 

Параметры

• Параметры, общие для всех запросов сообщений
• Параметры для шаблонов сообщений:
  • шаблон объект
  • компоненты объект: для интерактивных шаблонов сообщений включите тип кнопки и поле sub_type
  • параметры объект

Шаг 2. Проверьте ответ API

Успешный ответ содержит сообщения объект с идентификатором .

{
  "Сообщения": [{
    "id": "gBEGkYiEB1VXAglK1ZEqA1YKPrU"
  }]
}
 

Неудачный ответ содержит объект ошибки со строкой ошибки, кодом ошибки и другой информацией.

Если шаблон отправляется учетной записи, которая не может получить шаблон, ошибка 1026 (ReceiverIncapable) будет отправлена ​​в объекте ошибки на настроенный сервер Webhook.

Дополнительную информацию об ошибках см. в разделе Коды ошибок и состояний.

Необязательный шаг 3. Обработка действий пользователя

Когда пользователь нажимает кнопку быстрого ответа, ответ отправляется обратно в компанию. Дополнительные сведения см. в разделе Обратный вызов после нажатия кнопки быстрого ответа. Пользователи также могут не нажимать кнопку и просто отправить вам сообщение в свободной форме.

Обратный вызов с помощью кнопки быстрого ответа Нажмите

Когда ваш клиент нажимает кнопку быстрого ответа, отправляется ответ. Ниже приведен пример формата обратного вызова. Примечание: Клиент не может нажать кнопку и либо ответить на сообщение интерактивного шаблона, либо просто отправить вам сообщение. Убедитесь, что вы также можете поддерживать этот тип сценария. Дополнительную информацию см. в документации по веб-перехватчикам.

{
    "контакты": [
        {
            "профиль": {
                "name": "Керри Фишер"
            },
            "wa_id": "16505551234"
        }
    ],
    "Сообщения": [
        {
            "кнопка": {
                "payload": "Полезная нагрузка без кнопок",
                "текст": "Нет"
            },
            "контекст": {
                "от": "16315558007",
                "id": "gBGGFmkiWVVPagkgQkwi7IORac0"
            },
            "от": "16505551234",
            "id": "ABGGFmkiWVVPAgo-sKD87hgxPHdF",
            "отметка времени": "1591210827",
            "тип": "кнопка"
        }
    ]
    # Если есть какие-либо ошибки, будет присутствовать поле ошибок (массив)
    "ошибки": [ { . .. } ]
}
 

Примеры

Эти примеры иллюстрируют процесс настройки интерактивных шаблонов сообщений, начиная с создания шаблона в вашем Бизнес-менеджере и отправки шаблонов сообщений с вызовами API на конечную точку messages .

Напоминание о поездке

В этом примере показано создание шаблона интерактивного мультимедийного сообщения с кнопками быстрого ответа.

1. Создайте шаблон интерактивного мультимедийного сообщения в вашем Бизнес-менеджере.

2. Сообщения

ПОСТ /v1/сообщения
{
    "to": " ваш-тестовый-получатель-wa-id ",
    "recipient_type": "индивидуальный",
    "тип": "шаблон",
    "шаблон": {
        "пространство имен": "88b39973_f0d5_54e1_29cf_e80f1e3da4f2",
        "имя": "upcoming_trip_reminder",
        "язык": {
            "код": "ru",
            "политика": "детерминированная"
        },
        "компоненты": [
            {
                "тип": "заголовок",
                "параметры": [
                    {
                        "тип": "текст",
                        "текст": "26 декабря"
                    }
                ]
            },
            {
                "тип": "тело",
                "параметры": [
                    {
                        "тип": "текст",
                        "text": "*Лыжная прогулка*"
                    },
                    {
                        "тип": "дата_время",
                        "дата_время": {
                            "fallback_value": "2907. 07.2019, 8:00»,
                            "день_месяца": "29",
                            "год": "2019",
                            "месяц": "7",
                            "час": "8",
                            "минута": "00"
                        }
                    },
                    {
                            "тип": "текст",
                            "text": "*Горнолыжный курорт Скво-Вэлли, Тахо*"
                    }
                ]
            },
            {
                "тип": "кнопка",
                "sub_type": "быстрый_ответ",
                "индекс": 0,
                "параметры": [
                    {
                        "тип": "полезная нагрузка",
                        "payload": "Да-Кнопка-Полезная нагрузка"
                    }
                ]
            },
            {
                "тип": "кнопка",
                "sub_type": "быстрый_ответ",
                "индекс": 1,
                "параметры": [
                    {
                        "тип": "полезная нагрузка",
                        "payload": "Полезная нагрузка без кнопок"
                    }
                ]
            }
        ]
    }
}
 

3.

Отгрузка продукта

В этом примере показано создание шаблона интерактивного мультимедийного сообщения с кнопками URL и номера телефона.

1. Создайте шаблон интерактивного мультимедийного сообщения в вашем Business Manager:

2. Вызов

 ПОСТ /v1/сообщения
{
 "to": " ваш-тестовый-получатель-wa-id ",
 "recipient_type": "индивидуальный",
 "тип": "шаблон",
 "шаблон": {
 "пространство имен": "88b39973_f0d5_54e1_29cf_e80f1e3da4f2",
 "имя": "oculus_shipment_update",
 "язык": {
 "код": "ru",
 "политика": "детерминированная"
 },
 "компоненты": [
 {
 "тип": "заголовок",
 "параметры": [{
 "тип": "изображение",
 "изображение": {
 "ссылка": "  ссылка на ваше изображение  "
 }
 }]
 },
 {
 "тип": "тело",
 "параметры": [
 {
 "тип": "текст",
 "текст": "Ананд"
 },
 {
 "тип": "текст",
 "текст": "Квест"
 },
 {
 "тип": "текст",
 "текст": "113-0921387"
 },
 {
 "тип": "дата_время",
 "дата_время": {
 "fallback_value": "23 ноября 2019 г.