Настройка получения заявок из формы сайта в телеграм в 2025 году

Оперативность получения информации — залог успеха. Заявка из формы сайта на WordPress может быть отправлена разными средствами. В большинстве случаев используются плагины ContactForm7 и WPForms, которые присылают на указанную почту информацию из формы. При использовании же редактора Elementor и его Pro-версии, дополнительное ПО не требуется — элемент Форма позволяет отправлять письмо без использования дополнительных плагинов.

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

  1. Переходим в Отца Ботов — @BotFather
Настройка получения заявок из формы сайта в телеграм в 2025 году

Пишем ему /start и следуем инстуркциям:

/newbot — создать бота

Далее вводим отображаемое имя сайта. Например — Уведомления с сайта

После необходимо придумать и отправить боту уникальное имя бота, оканчивающееся на заветные три буквы — bot. например, notify_bot или notifybot. При создании Отец ботов подскажет, если имя занято.

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

Настройка получения заявок из формы сайта в телеграм в 2025 году

Настройка WordPress + Elementor PRO для отправки уведомления с сайта в Телеграм

Чтобы в процессе отправки формы выполнялась также отправка сообщения в Телеграм необходимо обеспечить в момент нажатия кнопки Отправить на форме вызов процедуры подключения к API Телеграма и передача в него необходимых параметров. Для этого необходимо создать веб-хук соответствующего события. Можно сделать это вручную, добавив соответствующий код в файл темы functions.php, но мы пойдем другим путем и будем использовать плагин Woody code snippets, который позволяет добавлять код в WordPress в нужном месте и необходимыми нам условиями. Вы также можете использовать любой другой плагин сниппетов, суть у них примерно одинаковая.

После установки плагина Woody code snippets в меню WordPress появится соответствующий пункт. Переходим в него и добавляем php-сниппет. Название можете задавать любое, понятное вам.

В поле кода вставляем следующий код:

add_action( 'elementor_pro/forms/new_record', function( $record, $handler ) {

    $bot_token = "***"; // Вместо звездочек вставляем Токен, полученный при создании вашего Бота от Отца
    $chat_id = "***"; // Вместо звездочек нужно вставить идентификатор чата, в который необходимо посылать уведомление. Об этом ниже

	$raw_fields = $record->get( 'fields' );
    $arr = array();
    $txt = "Заявка с сайта Как-без-сайта.рф %0A"; // До знака % вводим заголовок для сообщения

        foreach ( $raw_fields as $id => $field ) {
          $txt .= "<b>".$field['title']."</b>: ".$field['value']."%0A";
        }

    fopen("https://api.telegram.org/bot{$bot_token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}&disable_web_page_preview=true","r"); // Это обращение к api с необходимыми параметрами. не меняем ничего.

}, 10, 2 );

Чтобы получить ID своего чата (уникальный идентификатор), переходим в еще один бот — IDBot. После запуска бота, в его меню выбирайте необходимый тип чата: User, Chat, Channel, Bot. в данном случае нас может интересовать Юзер или Чат. При нажатии на соответствующую кнопку, откроется список доступных пользователей/чатов, выбираем, например, себя и получаем в ответ искомый id. Просто копируем его в наш код и сохраняем сниппет.

Еще один важный момент — выполнение кода сниппета. Эта настройка имеет два возможных значения — Запускать везде и Везде, где есть шорткод.

В первом случае — наш хук будет работать на всем сайте и для всех форм. Если выбрать второй вариант, то сниппет будет активироваться шорткодом (его найдете на странице самого сниппета, он уникален). То есть на странице, формы которой должны отправляться в Телеграм, необходимо добавить шорткод. например элементом html-код. Необходимо это может быть, например, для того, чтобы кастомизировать отправляемые сообщения по содержанию заголовка или адресату уведомления.

Если у вас есть вопрос, касаемо данной настройки, вы можете задать его в мой Телеграм —@Andrew_SHA256.