Уведомление в Telegram о заполнении формы сбора заявок в сообществе ВКонтакте

В этой инструкции мы научимся реализовать следующую механику:

  • Подключение формы сбора заявок в сообществе
    ВКонтакте
  • Интеграция с Telegram
  • Создание группы и уведомлений для менеджеров о поступивших заявках

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

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

Интеграция с Telegram

Пример настройки

Пример настройки интеграции

Важно! Интеграция с Telegram возможна только если у вас есть сообщество ВК.

Для создания интеграции в Автопилоте открываем Сообщества→ Находим нужное сообщество, открываем НастройкиИнтеграции

Настройки телеграм-бота
Настройки телеграм-бота

Получение API Токена для бота

Кликаем на кнопку: Открыть BotFather. Должно открыться приложение Telegram с этим ботом. Дальнейшая настройка будет показана в видео выше. После получения токена нужно скопировать его в искомое поле и нажать подключить вебхук.

Жмем старт и начинаем творить.
Жмем старт и начинаем творить.

Тут все просто. Если не знаете английского, то можете через переводчик перевести или в браузере Chrome.

Пишем (или нажимаем в меню) команду:

/newbot
Здесь вводим желаемое имя бота
Здесь вводим желаемое имя бота

Бот попросит ввести имя бота с приставкой (вводим без @ и с приставкой Bot). Пример: AndroidIvanychBot

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

Получаем токен вида ↓:

123456789:AA1_XzXmxkCLReh2oRUb8rrAr45BLOhtNt

Помним что в видео выше была показана также настройка внешнего вида (аватар, описание команды). Сейчас это упустим.

Команда: /helpвыдаст возможные команды

Важно! Если вам необходимо изменить токен, то выбираем Revoke current tokenAPI Token→ И после этих действий необходимо заменить API токен и переподключить вебхук в настройках Автопилота.

Полученный токен вставляем в настройки сообщества Автопилот и нажимаем: «Подключить Webhooks»

Для тестирования подключения вебхука открываем Сообщества→ Находим нужное сообщество, открываем НастройкиИнтеграциии нажимаем на «Проверить Webhooks»

Важно! Telegram устроен таким образом, что подключить одного бота можно только к одному сервису (Автопилот / Multy.Ai ), при подключении к другому сервису подключенный бот перестанет работать.
Пример: бот подключен к Автопилоту. Вы подключаете его к Multy. Команды Telegram в Автопилоте перестанут работать. Будьте внимательны.
Проверка вебхуков
Проверка вебхуков

Если вы все настроили верно, то вы увидите примерно следующее сообщение:

Проверка работоспособности вебхуков. Если сервер вернул TRUE, то интеграция настроена верно
Проверка работоспособности вебхуков. Если сервер вернул TRUE, то интеграция настроена верно

Подключение формы сбора заявок

Демонстрация настройки

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

Создание группы и уведомлений для менеджеров о поступивших заявках

Демонстрация настройки

Демонстрация создания группы показана на скрине.

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

Уведомление в Telegram о заполнении формы сбора заявок в сообществе ВКонтакте, image #7
Создание группы
Уведомление в Telegram о заполнении формы сбора заявок в сообществе ВКонтакте, image #9
Уведомление в Telegram о заполнении формы сбора заявок в сообществе ВКонтакте, image #10
Уведомление в Telegram о заполнении формы сбора заявок в сообществе ВКонтакте, image #11
1 of 5
Важно! В примере реакция на одну форму.

Событие:

1) Для реакции на форму используем событие «Заполнить форму заявок» и вставляем ссылку на форму.

Пример события
Пример события

2) Опционально: если нужна реакция только первое заполнение формы, то добавляем условие: «Выполнена команда»0ровно 0 раз.

Пример условия
Пример условия

Действия:

1) Опционально: Для отправки пользователю сообщения используем действие «Отправить сообщение в VK» с текстом:

%first_name%, спасибо за информацию.
Благодарим пользователя
Благодарим пользователя

2) Опционально: Для отправки сообщения сотрудникам используем действие «Отправить сообщение в VK» с переключателем «сотрудникам»
с текстом (все переменные из события):

    #заполнил_форму
%first_name% — имя подписчика;
%last_name% — фамилия;
%email% - эл. адрес;
 %phone% - номер телефона;
 %age% — возраст;
 %birthday% - день рождения;
 %location% — страна и город (одной строкой);
 %form_id% — порядковый номер формы в приложении (может использоваться для формирования ссылки на форму).
 %form_name% — название формы в приложении;
 %lead_id% — ID заявки. Уникальный номер для каждого факта заполнения формы подписчиками;
 %ad_id% — ID рекламного объявления. Может использоваться для формирования ссылки на объявление. Например так → https://vk.com/ads?act=office&union_id=%ad_id%.
%custom_0% — Дополнительный Вопрос 1 (да именно на 1 больше).
 %custom_1% — Вопрос 2
%custom_2% — Вопрос 3 
%custom_3% — Вопрос 4 
%custom_4% — Вопрос 5 
Уведомление сотрудникам в ВК
Уведомление сотрудникам в ВК
Важно! У вас будет свой ID чата.

3) Для отправки уведомлений в Telegram, нужно получить ID группы и указать ее в действии: «Отправить сообщение в telegram» с переключателем Markdown. В примере: -833630635и текстом:

#форма
[%first_name% %last_name%](vk.com/id=%vk_id%) {gender}заполнил|заполнила{/gender} [форму](ссылка на вашу форму)
Данные:
    %email% - эл. адрес;
    %phone% - номер телефона;
Дополнительные вопросы:
    %custom_0% — Дополнительный Вопрос 1 (да именно на 1 больше).
    %custom_1% — Вопрос 2
%custom_2% — Вопрос 3    
%custom_3% — Вопрос 4
%custom_4% — Вопрос 5
[ссылка на диалог](vk.com/gim%event_club_id%?sel=%vk_id%)
Пример сообщения.
Пример сообщения.

Тестируем.

Форма заполнена
Форма заполнена
Все работает
Все работает

Как видно все отлично работает.

Если у вас остались какие-то вопросы, или есть пожелания, или просто хотите сказать 💙 «спасибо» — сделать это можно в этом посте на стене группы. Творческих взлетов и успешного внедрения!

Вернуться к списку инструкций
1160 views·14 shares
1160 views