Как получать заявки с сайта в телеграм

Быстрый и легкий способ, как получать заявки в телеграм с Wordpress сайта, используя Contact Form 7, WPForms и Elementor PRO.

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

Получаем заявки в телеграм

Шаг 1. Создаем телеграм бота

Для создания телеграм бота удобнее использовать версию Telegram для компьютера.

Первым делом нам надо через поиск найти отца всех ботов @BotFather (Нажмите, чтобы сразу открыть его). 

После этого нажмите «Запустить» и в появившемся сообщении нажмите /newbot

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

Далее бот запросит ввести уникальный никнейм для вашего бота. Введите какое-то имя на английском языке без пробелов и добавьте в конце _bot. Можно и без нижнего подчеркивания, но так больше шансов на уникальность имени. 

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

Шаг 2. Создаем чат для заявок

Теперь нам надо создать чат, куда будут приходить заявки в телеграм.

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

После этого пишем что-нибудь в чат и в личку самому боту. Это нужно для того, чтоб на серверах телеграма появился уникальный номер нужного нам чата.

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

После этого снова идем в поиск и ищем бота @IDBot (Ссылка ведет на этого бота). Нажимаем Запустить, вставляем скопированную ссылку на наш чат и нажимаем Enter. Бот вступит в наш чат и тут же выйдет, а в ответ пришлет нужным нам ID  чата. Его так же копируем в какой-нибудь блокнот.

С Telegram всё. Переходим к настройкам сайта.

Шаг 3. Настройка сайта на WordPress

Для того, чтобы поступали заявки в телеграм с WordPress сайта, нам нужно установить плагин Telsender. Но учтите, что он работает только если вы создаете формы обратной связи через плагины Contact-form-7 и Wp Forms.

Устанавливаем Telsender как любой другой плагин. Потом идем в настройки плагина и в поле Токен копируем токен нашего бота, а в ID чата — ID того чата, куда будут отправляться заявки. После этого выбираем формы, с которых надо присылать заявки в телеграм и нажимаем Сохранить. 

Всё, теперь сообщения с тех форм, которые вы указали в настройках, будут приходить в телеграм.

Заявки в телеграм через Elementor PRO

В бесплатном элементоре формы создаются так же через плагины, о которых я рассказал выше. А вот с формами, созданными в Elementor PRO всё немного сложнее, так как там у них свой алгоритм работы.

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

Ниже я разместил код, который поможет нам в этом. Чтобы он заработал, вам нужно на своем сайте установить любой плагин со сниппетами. Я лично пользуют Woody code snippets, но вы можете использовать любой другой.

Просто копируете код, добавляете новый PHP сниппет и вставляете туда этот код, добавив токен бота и ID чата в нужные поля. Если вы хотите, чтобы в телеграм чат приходили заявки со всего сайта, тогда выбираете, чтобы он запускался везде. Если только на определенных формах, тогда выбираете «Запускать везде, где есть шорткод» и на нужных страницах добавляете элемент Шорткод (лучше перед формой или в начале страницы).

				
					add_action( 'elementor_pro/forms/new_record', function( $record, $handler ) {
     
    $bot_token = ""; // Вставьте между кавычками токен вашего бота
    $chat_id = ""; // Вставьте между кавычками 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"); // Открывает ссылку, по которой и уходит нужный текст в телеграм
    
}, 10, 2 );
?>
				
			

Сообщения с названием формы

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

				
					add_action( 'elementor_pro/forms/new_record', function( $record, $handler ) {
     
    $bot_token = ""; // Вставьте между кавычками токен вашего бота
    $chat_id = ""; // Вставьте между кавычками ID чата, в который должны приходить заявки и не забудьте минус
    $form_name = $record->get_form_settings( 'form_name' ); // Берет из настроек формы название формы и записывает её в переменную $form_name
	$raw_fields = $record->get( 'fields' );
    $arr = array();
    $txt = $form_name . "%0A"; // Выводит в заголовке формы данные из переменной $form_name
    
        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"); // Открывает ссылку, по которой и уходит нужный текст в телеграм
    
}, 10, 2 );
?>
				
			
5 11 голоса
Оцените эту статью
Подписаться
Уведомление о
guest

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

10 Комментарии
старее
новее большинство голосов
Inline Feedbacks
Посмотреть все комментарии
Igor
Igor
1 год назад

Добрый день Андрей.
В первую очередь хочу поблагодарить за Ваши труды. Многое что подглядел в Ваших видео, и за тем успешно реализовал.

Хотел бы у Вас узнать к теме про отправку заявок в Телеграм, а именно: Как можно с помощью Вашего кода разделить формы отправки заявок? Например на сайте есть несколько форм, одна с общими запросами, а другая с запросами технической поддержки. Как лучше разделить чаты, что бы всё приходило не в один канал а совершенно в разные каналы?

Если у Вас есть на это решение, буду весьма благодарен.

С уважением,
Игорь Г.

Андрей
Андрей
1 год назад

Добрый день! а как сделать что бы телефон в сообщении был ссылкой

Алексей
Алексей
1 год назад

Андрей, привет.
Спасибо за ваши видео.
У меня не получилось настроить отправку заявок в телеграм. Наверное, потому что я использую многоступенчатую форму на Элементоре (квиз)
Может быть в этом случае код нужно другой в сниппете прописать? Подскажите.

Егор
Егор
11 месяцев назад

а возможно ли таким образом получать в тг прикрепленные файлы из формы? или нужно чтото дописать?

Роман
Роман
8 месяцев назад

Подскажи как сделать чтобы формы отправлялись с форм «pafe piotnet» я уже весь интернет перелапатил. Помоги плиз

Адиль Татенов
Адиль Татенов
Ответить на  Роман
8 месяцев назад

Нашел решение? Тоже с pafe мультиформами бодаюсь не могу отобразить в телеграм заявки

Светлана
Светлана
8 месяцев назад

Добрый день.
В чем может быть ошибка, у меня не работает данный код, в телеграм не отправляются данные. На сайте 3 формы (одна из них popup).

Паша
Паша
7 месяцев назад

подскажие, почему у меня когда я вставляю кастом код для элементора он у меня вылезает в хедере сайта?

Елена
Елена
3 месяцев назад

Для тех, кто не желает вникать в код или не знает его, как я, например, можно еще установить вот такой плагин для WordPress — https://opovestit.ru/plagin-dlya-wordpress-dlya-otpravki-v-telegram/

Можно легко подключить Телеграм к любому своему сайту на WordPress, а у меня их 3 штуки, и не надо с бубном плясать. Не бесплатно, конечно, но копейки стоит, а вещь удобная. Меня в свое время сильно выручило, может, кому тоже пригодится.

Дмитрий
Дмитрий
3 месяцев назад

Спасибо вам большое, все получилось.

10
0
Появились мысли по статье? Напишите их в комментариях, пока не забылиx

Этот сайт, как и любой другой, создает на Вашем компьютере или телефоне cookie - файлы, чтобы улучшить Ваше нахождение на нем. Это безопасно и конфиденциально.

Яндекс.Метрика