Конкурс инструкций

Как отправлять заявки с лендинга прямо в Telegram

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

Создаём бота
Шаг 1
Находим @BotFather и жмем START

Отправлять заявки в чат будет бот. Поэтому первым шагом мы создадим
и настроим его.

Для создания бота в Telegram нам необходимо зарегистрировать его у бати ботов — @BotFather. Ищем его в поиске Telegram по нику @BotFather, открываем окно чата и жмем Start.

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

Вводим команду /newbot

После того, как вы нажали на START, появится список команд для работы
с вашими ботами. Нас интересует команда /newbot. Нажмите на неё в списке или введите в поле ввода и отправьте как сообщение.

Выбор имени и никнейма для бота, получение токена

Даём имя новому боту

После ввода команды /newbot, @BotFather попросит ввести имя для нашего бота. Имя — это то, что будет выводится в списке чатов.
Я выбрал имя Заявки с лендоса.

Далее @BotFather просит нас задать username для бота. Это тот самый ник,
по которому его можно будет найти в поиске. Причем батя просит, чтобы username заканчивался на bot. Например, TelegramBot или Telegram_bot.
Я выбрал ник @LendosOrder_bot.

Вводим username и получаем токен

После того, как мы отправили username, @BotFather сообщает, что бот успешно создан и выдает нам токен для доступа к боту по HTTP API. Он нам понадобится чуть позже.

Наш бот готов, переходим к следующему шагу.

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

Создаём группу

Здесь всё просто.

1) Заходим в меню Telegram и создаем новую группу. Называем её
как душе угодно.

2) Добавляем в группу созданного ранее бота.

3) Переходим в бот и активируем его, нажав кнопку START.

Получаем chat_id

Чтобы получить chat_id, нужно вставить в адресную строку браузера ссылку такого вида:

https://api.telegram.org/botXXXXXXXXXXXXXXXXXXXXXXX/getUpdates

где XXXXXXXXXXXXXXXXXXXXXXX — это токен, который дал @BotFather.

Получится примерно так:

https://api.telegram.org/bot1094153697:AAFiXXXX0hRDsxBij1lddKydKxSSsOg04/getUpdates

Откроется страница с данными, где нужно скопировать ID чата (с минусом). Сохраните его, он понадобится нам дальше.

Копируем chat_id
Форма на сайте
Шаг 3

В рамках инструкции не буду рассматривать сам процесс верстки. У меня есть форма, которая передает данные при помощи метода POST. В параметре action я указал php-обработчик с именем send.php (свой обработчик можете назвать как угодно).

<form class="form" method="post" action="/send.php"> <div class="form__item"> <input class="form__input" type="text" name="name" required> <label class="form__label">Ваше имя</label> </div> <div class="form__item"> <input class="form__input" type="text" name="phone" required> <label class="form__label">Номер телефона</label> </div> <input class="form__input btn" type="submit" value="Отправить"> <input type="hidden" name="act" value="order"> </form>

У каждого тэга input есть атрибут name. Эти атрибуты помогают собрать данные из формы и передать их в php-обработчик.

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

С формой разобрались, переходим к финальному шагу!

Финалим
Шаг 4

Для отправки данных из формы боту, нужно написать обработчик. Я использовал обработчик на PHP, т.к. привык работать с ним.

Вот код моего обработчика (файл send.php):

<?php //В переменную $token нужно вставить токен, который нам прислал @botFather $token = "1094153697:AAFiLXXXXXLl0hRDsxBij1lddKydKxSSsOg04"; //Сюда вставляем chat_id $chat_id = "-40XXXX740"; //Определяем переменные для передачи данных из нашей формы if ($_POST['act'] == 'order') { $name = ($_POST['name']); $phone = ($_POST['phone']); //Собираем в массив то, что будет передаваться боту $arr = array( 'Имя:' => $name, 'Телефон:' => $phone ); //Настраиваем внешний вид сообщения в телеграме foreach($arr as $key => $value) { $txt .= "<b>".$key."</b> ".$value."%0A"; }; //Передаем данные боту $sendToTelegram = fopen("https://api.telegram.org/bot{$token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}","r"); //Выводим сообщение об успешной отправке if ($sendToTelegram) { alert('Спасибо! Ваша заявка принята. Мы свяжемся с вами в ближайшее время.'); } //А здесь сообщение об ошибке при отправке else { alert('Что-то пошло не так. ПОпробуйте отправить форму ещё раз.'); } } ?>
  • $token — токен, который дал нам @BotFather;
  • $chat_id — ID чата, в который бот будет присылать заявки (его мы получили на втором шаге);
  • $name и $phone — переменные для обработки полей с атрибутами name и phone из нашей формы;

Всё! После выполнения этих действий форма с вашего сайта будет присылать заявки сразу в Telegram-чат.

Если что-то не получилось — пишите, помогу разобраться. Надеюсь что эта инструкция будет полезна:)

0
36 комментариев
Написать комментарий...
Тимур Тукаев
>>У меня есть форма, которая передает данные при помощи метода POST. В параметре action я указал php-обработчик с именем send.php (свой обработчик можете назвать как угодно).

Я гуманитарий, у меня нет формы с методом POST и своего личного обработчика)) я хочу лендос и бота, как мне быть?)))

Ответить
Развернуть ветку
Александр Лисов
Автор

Пример кода поможет?)

Ответить
Развернуть ветку
Тимур Тукаев

Было бы круто!

Ответить
Развернуть ветку
Nikolay Safronov

Не может такого быть)

Ответить
Развернуть ветку
Отображаемое имя

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

Ответить
Развернуть ветку
Тимур Тукаев

На Тильде это делается в два клика, да. Имел в виду, как именно при таком способе сделать форму

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Алексей Медведев

Забанят. Должны. Эта статья есть на другом сайте. 

Ответить
Развернуть ветку
Виктор Давтян

Отвечаю из будущего: не забанили.

Ответить
Развернуть ветку
Семен Смирнов

Это все равно что 90% статьи описывать как завести аккаунт в гугле и 10% посвятить как отправлять почту

Ответить
Развернуть ветку
Arthur Katrushko

Спасибо автору. Я какраз искал такой способ сейвить лиды перед отправкой в ПП.

Ответить
Развернуть ветку
Артур Красномаков-Пауковский

На тильде делайте сайт и этого бота берите или тильдовского. Работали с срм, но не было уведомлений🤷🏻‍♂️ - пропустили Лид. Поэтому сделали телегу. 

Ответить
Развернуть ветку
Art

Вы втираете какую то дичь.
Отправляй лиды в crm, в телегу то зачем?

Ответить
Развернуть ветку
Александр Харитонов

Для быстрой обработки этой заявки во внерабочее время/не у ПК и т.п.

Ответить
Развернуть ветку
Art

это лютое бешеное зло, обрабатывать клиентов мимо crm
верный шанс проебать лид.

Ответить
Развернуть ветку
Хороший Человек

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

Ответить
Развернуть ветку
Art

Если пару клиентов в месяц то возможно хватит и тупо почты???

Ответить
Развернуть ветку
Egor

Лучше уж тогда почта и телега, я знаю много людей, у которых лендинг работает на уровне «сделали по-знакомству и хорошо, пусть сайт висит в интернетах», это как правило что-то около фриланса: адвокаты, производство мебели в гараже, репетиторы. Не админ авито и профиру люди хотят жить, а иметь какой-то альтернативный источник заявок, тем более что оплата только за домен, а хостинга нет, так как на впске того пограммиста, который это сделал. Так вот, я сам несколько таких сайтов держу и все довольны заявками в телегу. Почему мыло зло? Потому что функцию mail() сейчас порой выпиливают и используют всякие smtp-прокладки, которые держатся на либе smtp mailer или какими-то средствами cms, но по опыту, все эти smtp живут не больше года, обычно меняются политики сервисов, надо авторизацию обновить и тп, а через функцию mail() письмо может тупо не дойти из-за того, что кто-то будет специально кидать заявки, в какой-то момент все письма окажутся в спаме. А то и хуже. По поводу crm согласен с тобой, но ца этого всего уж точно не люди, которые в гараже делают мебель или репетиторствуют.

Ответить
Развернуть ветку
Никита Жуковский

Почему вы такой злой,  пусть люди делают как им удобно

Ответить
Развернуть ветку
Art

Я пытаюсь понять, зачем лиды пригонять в телегу? 
У вас есть ответ?

Ответить
Развернуть ветку
Oner Ksor

Лиды могут уходить куда угодно параллельно — и в CRM, и в телеграм в качестве уведомлений, одно другому не мешает

Ответить
Развернуть ветку
Alx Dayv

Элементарно, например для удобства, я дублировал заявки и в телегу и в CRM. Из телеги перезванивать легче - там прямо кликабельной ссылкой приходил номер телефона. Нажал и ты уже звонишь заказчику, через минуту а то и раньше, как пришла заявка. А в CRM остались для основной работы/контроля над лидами. Ну плюс ещё и надёжность. Был какой-то момент, когда в CRM перестали приходить заявки.

Ответить
Развернуть ветку
Алексей Медведев

За crm обычно платить надо, а тут же ж на халяву!))) 

Ответить
Развернуть ветку
Михаил Яровой

Отличное решение! Я бы ещё больше обрадовался если вы, поделились решением по расширению в гугл рекламе google lead form ( форма для потенциальных клиентов ) с привязкой к телеграму. Бота я создал, токен получил, но на этапе url-вебхука встал и информации на сайтах снг я пока не нашёл, к сожалению... Классная тема! 

Ответить
Развернуть ветку
Danny Arty

Не подскажете, что нужно дописать в обработчик, если мне нужно отправлять данные в два телеграм чата? Во второй надо отправить только первые 3 цифры номера)

Ответить
Развернуть ветку
MaKSa Ten

Добрый день. Выбивает ошибку 400 Bad Request

Ответить
Развернуть ветку
edm dance

Здравствуйте. есть страница с 10 товарами. как сдлеать так чтоб отображалось какой именно товар купили?

Ответить
Развернуть ветку
Max Frol

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

Ответить
Развернуть ветку
Юрій Турчак

Можно чтобы бот отображал заявки сразу для пару человек?

Ответить
Развернуть ветку
Artem Tutov

У меня периодически приходят пустые заявки в телеграмм бота. Хотя я пробовал отправить заявку без информации(это невозможно). Есть подозрение что это боты фейсбука при модерации проходят. Было у кого-нибудь такое?

Ответить
Развернуть ветку
Maxym Halimon

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

Ответить
Развернуть ветку
ALIAIDAR—GREAT LIONХАН

Почему оно не отправляет в телеграм, а просто открывает php файл на сайте

Ответить
Развернуть ветку
Том Трунов

Заявка приходит, но ее вижу только я. Другие участники группы не видят. В чем может быть проблема?

Ответить
Развернуть ветку
Том Трунов

Для тех, кто хочет что бы сообщения приходили всем участникам группы, задайте своему чату публичность - публичная. Задайте имя группы @namegroup
Далее наберите в браузере https://api.telegram.org/botХХХХХХХХХXXXXXXXXXX/sendMessage -d [email protected]&text=my sample text
У вас в группу должно прийти сообщение
И отобразиться id чата в браузере, вот его подставьте в обработчик сообщений. После публичность можно убрать.

Ответить
Развернуть ветку
Вячеслав Емец

Скажите, а рhp нужно как то подключать к html? 

Ответить
Развернуть ветку
Фрилансер TJ

Привет!
сообщения отправляется в телеграм но alert не показывает благодарности 

Ответить
Развернуть ветку
Надежда Евсикова

получаю пустой резалт
{"ok":true,"result":[]}

Ответить
Развернуть ветку
Читать все 36 комментариев
null