Главная » Блог » Как отправлять заявки с сайта прямо в Telegram

Как отправлять заявки с сайта прямо в Telegram

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

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

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

Шаг 1. Создаём бота

Для начала настройки бота в Telegram, мы создадим и настроим его через бота @BotFather.

Чтобы зарегистрировать бота, найдите в поиске Telegram пользователя @BotFather, откройте окно чата и нажмите "Start" (Запустить). Если вы уже запускали бота ранее, вы можете просто написать команду "/start".

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

 

После запуска бота @BotFather, введите команду "/newbot" в поле ввода и отправьте ее. Затем следуйте инструкциям, чтобы выбрать имя и никнейм для вашего бота.

 

 

Затем следуйте инструкциям, чтобы выбрать имя и никнейм для вашего бота. @BotFather попросит вас предложить имя для вашего бота, а затем попросит предложить уникальный никнейм, который должен оканчиваться на "bot".

 

 

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

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

 

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

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

Зайдите в меню Telegram и создайте новую группу. Вы можете назвать ее как вам угодно.

 

Добавьте в созданную группу ранее созданного бота.

Перейдите в группу и активируйте бота, нажав кнопку "START".

Получаем chat_id

Чтобы получить chat_id, выполните следующие действия:

  • Вставьте следующую ссылку в адресную строку вашего браузера: https://api.telegram.org/botXXXXXXXXXXXXXXXXXXXXXXX/getUpdates
  • Замените XXXXXXXXXXXXXXXXXXXXXXX на токен, который вы получили от @BotFather.

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

https:/api.telegram.org/bot6244261880:AAEJJkwszFJcMOVOyUUDxEF0SlfH5GXA8KY/getUpdates


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

 

 

Копируем chat_id

Шаг 3. Форма на сайте

Вам необходимо создать форму, которая будет передавать данные с помощью метода POST и использовать php-обработчик для обработки этих данных. У каждого тега input должен быть атрибут name, который будет использоваться для сбора данных из формы и передачи их в php-обработчик. В данном примере у каждого input и textarea есть атрибут name, который соответствует полям данных, которые вы хотите собрать.

<form action="send.php" method="POST">
  <input type="text" name="name" placeholder="Ваше имя" required>
  <input type="email" name="email" placeholder="Ваш email" required>
  <textarea name="message" placeholder="Ваше сообщение" required></textarea>
  <button type="submit">Отправить</button>
</form>

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

Шаг 4.Финалим

Для отправки данных из формы боту через обработчик на PHP, вы можете использовать следующий пример кода в файле send.php:

//В переменную $token нужно вставить токен, который нам прислал @botFather
$token = "6244261880:AAEJJkwszFJcMOVOyUUDxEF0SlfH5GXA8KY";
//Сюда вставляем chat_id
$chat_id = "-137638978";
//Определяем переменные для передачи данных из нашей формы
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-чат. Теперь вы можете быть уверены в быстрой реакции на полученные заявки.