Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

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

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

Настройка состоит из таких шагов:
1. Регистрация (1 минута)
2. Создание опроса (2 минуты)
3. Регистрация бота (1 минута)
4. Настройка запроса для обращения к боту (6 минут)

Итак, погнали!

1. Регистрация

Регистрируемся в Интеграме через гугл в 1 клик или по почте здесь:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

2. Создание опроса

Делаем форму опроса, в меню Опросы создаем новый:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Создаем новую таблицу для нашего опроса

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

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

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Заявка на оценку будет невидимым полем, в котором будет храниться время создания заявки. Далее добавляем первое видимое поле – Имя создателя заявки – его можно выбрать из списка существующих в Интеграме полей. Нажимаем Добавить.

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

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

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Осталось добавить ещё 1 поле – почту, на которую придет запрошенная информация. Выбираем Email из списка – он там есть.

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Теперь сделаем поля описания и почты обязательными, и наша форма готова.

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Теперь мы сделаем ссылку на наш опрос и получим код для вставки нашей формы на любой сайт. Переходим в настройке по кнопке слева вверху и делаем 3 клика, которые нам советует Мастер опросов:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Теперь мы можем скопировать отсюда ссылку на опрос или код для сайта:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Откроем ссылку в режиме инкогнито и увидим форму глазами нашего клиента:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Если мы заполним и отправим эту форму, то увидим результат в нашей новой таблице заявок в Интеграме:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Видео-инструкция по созданию простой формы опроса:

3. Регистрация бота

Теперь нам надо настроить канал, где мы будем получать информацию о заявках. Находим @BotFather в Телеграме и регистрируем нового бота и имя для него:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

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

Заходим к нашему новому боту и нажимаем Start / Начать – теперь мы готовы принимать здесь сообщения от него.

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

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

4. Настройка запроса для обращения к боту

Создадим новый запрос bot в меню Запросы:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Добавим туда 3 вычисляемых поля, назвав первые два из них Email и Описание.

Нажать «вычисляемое» и поменять имя добавившейся колонки
Нажать «вычисляемое» и поменять имя добавившейся колонки

К третьему вычисляемому полю примените функцию abn_URL, и должна получиться такая заготовка запроса:

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

У таблицы заявок каждое поле имеет свой код, и нам нужно скопировать их в формулы вычисляемых полей, как на рисунке. Для перехвата параметра используется конструкция '_request_.tNNN', где NNN вы меняете на своё значение. Вставьте '_request_.tNNN' в формулы первых 2-х колонок и исправьте NNN на ваши номера – их видно при подведении курсора к заголовку колонки таблицы.

Посмотрите эти номера в вашей таблице и заполните здесь формулы
Посмотрите эти номера в вашей таблице и заполните здесь формулы

Итак, этот запрос отобразит вам здесь переменные, переданные из вашей формы POST-запросом. Про это потом можно почитать тут, если интересны детали. А пока идём дальше.

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

Из конструктора запросов вы попадете на форму редактирования запроса
Из конструктора запросов вы попадете на форму редактирования запроса

Здесь вам надо заполнить 2 поля: первое это адрес API бота, а второе - текст сообщения, состоящий из двух пришедших параметров – Email и Описание. Можете скопировать ссылку под картинкой и заменить коды своими значениями, полученными от BotFather

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)
https://api.telegram.org/bot[код BotFather]/sendMessage?chat_id=[чат ID] text=[Email]-[Описание]

Последнее, что нам требуется сделать – это использовать этот запрос для обращения по API при создании записи в таблице заявок.

Для этого мы идем в меню Структура, где кликаем на заголовок прямоугольника Заявка на оценку и выбираем из выпадающего списка внизу « --- добавить новое --- »:

«добавить новое» – это первое значение в выпадающем списке колонок
«добавить новое» – это первое значение в выпадающем списке колонок

Далее мы задаем любое имя этой колонке, например, bot, и сохраняем это значение, как новую колонку таблицы.

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

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

Нажмите Enter или иконку диска, чтобы сохранить изменение
Нажмите Enter или иконку диска, чтобы сохранить изменение

Теперь при заполнении формы будет вычисляться значение по умолчанию, которое мы здесь задали, – Интеграм найдет наш запрос bot, выполнит его, перехватит переданные параметры и передать их боту на отправку. Пробуем ещё раз отправить форму:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Заявка будет отправлена, данные сохранены, а мы немедленно получим сообщение в Телеграм:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Теперь вы знаете, как это делается, и по аналогии сможете создавать свои решения самостоятельно или обратившись за помощью к адептам Интеграма.

Спасибо!

44
22
1 комментарий

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