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

Интеграция

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

В этой инструкции мы по шагам с примерами разберём, как настроить оба сервиса и связать их между собой:

  1. Настройка приёма заявок с UMI.CMS: источник «Форма на сайте», поля формы и установка скрипта в код страниц сайта. Сохраните настройки и отправьте тестовую заявку.
  2. Настройка отправки сообщений в Telegram: подключение бота, режим текста, опции оповещения и текст сообщения для чата, группы или канала.

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

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

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

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

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

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

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

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

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

Личный чат

  1. Найдите в Telegram бота WebJackBot.
  2. Отправьте ему скопированное сообщение /start с токеном.
    Подключение Telegram: Отправьте ему скопированное сообщение /start с токеном
    Подключение Telegram: Отправьте ему скопированное сообщение /start с токеном

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

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

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

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

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

Источник «UMI.CMS»

Заявки из форм UMI.CMS начнут поступать после установки скрипта на страницы. Выберите тип «Форма на сайте», укажите поля формы и вставьте скрипт в код сайта.

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

  1. Отметьте «Форма на сайте» и нажмите «Выбрать».
    Получение заявок из форм сайта на UMI.CMS: Отметьте «Форма на сайте» и нажмите «Выбрать»

Поля и сохранение

  1. Укажите название источника, добавьте поля формы и при необходимости параметры, затем нажмите «Сохранить».
    Получение заявок из форм сайта на UMI.CMS: Укажите название источника, добавьте поля формы и нажмите «Сохранить»

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

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

Установка в UMI.CMS

  1. В UMI.CMS откройте шаблон сайта или вставку HTML.
  2. Вставьте скопированный «Скрипт» внутрь тега body на страницах с формами.
  3. Сохраните шаблон и отправьте тестовую заявку.

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

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

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

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

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

Подключение

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

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

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

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

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

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

«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>.

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

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

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

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

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

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

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