Интеграция

Получение заявок из формы на сайте → Отправка сообщения в Telegram

В этой инструкции настроим связку формы на сайте → Telegram: приём данных из форм на сайте, отправку сообщений в личные чаты, группы или каналы. Ниже — шаги по порядку, с примерами.

Отдельные инструкции: источник «Получение заявок из формы на сайте» · действие «Отправка сообщения в Telegram»

Не хотите настраивать сами? Сделаем бесплатно

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

Получить бесплатную настройку Или следуйте инструкции ниже

Создание подключений

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

Подключение Telegram

Создание подключения

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

Личный чат

Найдите в Telegram бота WebJackBot.
Отправьте ему скопированное сообщение /start с токеном.

Группа или канал

Добавьте WebJackBot в нужную группу или канал.
Отправьте в этот чат скопированное сообщение /start с токеном.

Создайте обработку

В левом меню откройте «Обработки» и нажмите «+».

integrations: В левом меню откройте «Обработки» и нажмите «+»

Источник «Форма на сайте»

Заявки с HTML-формы на любом сайте начнут поступать после установки скрипта. Укажите поля формы и вставьте скрипт в body. Адрес страницы, utm-метки и cookie аналитики приходят автоматически.

Выбор типа источника

В списке типов источника выберите «Форма на сайте» и нажмите «Выбрать».

Поля формы

Укажите «Название» источника.
В блоке «Поля» нажмите «Добавить поле» и в «Название» укажите атрибут name у input, select или textarea.
При необходимости в «Параметры» добавьте GET-параметры страницы сверх utm-меток, а в «Cookie» - cookie сверх аналитики.
Нажмите «Сохранить».

Скрипт на сайт

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

Автоматические поля со страницы

Эти поля появляются в заявке без настройки в блоках «Поля», «Параметры» и «Cookie».

«Дата и время создания» - момент, когда заявка попала в обработку.
«Ссылка (полная)» - адрес страницы вместе со строкой запроса.
«Ссылка» - адрес страницы без параметров.
«Сайт» - схема и хост страницы, без пути и без параметров.
«Домен» - хост страницы.
«Заголовок страницы» - содержимое document.title.
«Параметры» - все собранные GET-параметры одной JSON-строкой.
«Cookie» - строка cookie браузера на момент отправки.

Отдельными полями всегда приходят utm-метки, если они были в адресе после установки скрипта:

«Параметр utm_source»
«Параметр utm_medium»
«Параметр utm_campaign»
«Параметр utm_content»
«Параметр utm_term»

Отдельными полями всегда приходят cookie аналитики, если они есть в браузере:

«Cookie _ga»
«Cookie _gid»
«Cookie _ym_uid»
«Cookie _ym_d»
«Cookie roistat_visit»
«Cookie roistat_first_visit»
«Cookie roistat_marker»
«Cookie roistat_marker_old»

Если заявка не приходит

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

Действие «Отправить сообщение в Телеграм»

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

Перейдите в обработке во вкладку "Действия" и нажмите на кнопку "Добавить действие"
actions: Перейдите в обработке во вкладку Действия и нажмите на кнопку Добавить действие

Подключение

В поле «Подключение» выберите ранее созданное подключение типа «Телеграм».

Параметры сообщения

В поле «Режим» выберите «Текст», «Markdown» или «HTML».
При необходимости включите «Отключить предпросмотр ссылок» и «Отключить звуковое оповещение».
В поле «Текст» введите сообщение или подставьте переменные из сценария.
Нажмите «Сохранить».

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

Режим в поле «Режим» и разметка в «Текст» должны совпадать.

«Текст» - сообщение без разметки.

«Markdown»

Оформление	Пример
Жирный	`жирный`
Курсив	`_курсив_`
Ссылка	`[текст](https://example.com)`
Код в строке	`код`

Вложенные стили и подчёркивание в «Markdown» не поддерживаются.

«HTML»

Оформление	Пример
Жирный	`<b>жирный</b>`
Курсив	`<i>курсив</i>`
Подчёркнутый	`<u>подчёркнутый</u>`
Зачёркнутый	`<s>зачёркнутый</s>`
Спойлер	`<tg-spoiler>скрытый текст</tg-spoiler>`
Ссылка	`<a href="https://example.com">текст</a>`
Код в строке	`<code>код</code>`
Блок кода	`<pre>блок кода</pre>`

Теги можно вкладывать, например <b>важно: <i>имя</i></b>.

Частые ошибки при настройке действия

Частые ошибки

Запустите обработку

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

integrations: Входящие данные, статус и история отобразятся в «Истории операций»

Застряли на подключении или полях?

Соберём обработку «Получение заявок из формы на сайте → Отправка сообщения в Telegram», проверим тест и запустим.

Получить бесплатную настройку