Зачастую возникает необходимость создать простой лендинг или сайт для сбора потенциальных клиентов, обходя использование конструктора. В таких случаях крайне важна оперативность реагирования на поступающие заявки, и почта не всегда удовлетворяет этому требованию.
В данном руководстве мы предлагаем рассмотреть быстрый способ настройки передачи заявок с веб-сайта в Telegram-чат с помощью простой формы заявки в качестве примера.
Для начала настройки бота в Telegram, мы создадим и настроим его через бота @BotFather.
Чтобы зарегистрировать бота, найдите в поиске Telegram пользователя @BotFather, откройте окно чата и нажмите "Start" (Запустить). Если вы уже запускали бота ранее, вы можете просто написать команду "/start".
После запуска бота @BotFather, введите команду "/newbot" в поле ввода и отправьте ее. Затем следуйте инструкциям, чтобы выбрать имя и никнейм для вашего бота.
Затем следуйте инструкциям, чтобы выбрать имя и никнейм для вашего бота. @BotFather попросит вас предложить имя для вашего бота, а затем попросит предложить уникальный никнейм, который должен оканчиваться на "bot".
После успешного выбора никнейма @BotFather выдаст вам токен, который будет использоваться для взаимодействия с вашим ботом через API Telegram. Обязательно сохраните этот токен в безопасном месте, так как он понадобится вам позже.
Наш бот готов, переходим к следующему шагу.
Зайдите в меню Telegram и создайте новую группу. Вы можете назвать ее как вам угодно.
Добавьте в созданную группу ранее созданного бота.
Перейдите в группу и активируйте бота, нажав кнопку "START".
Чтобы получить chat_id, выполните следующие действия:
Получится примерно так:
https:/api.telegram.org/bot6244261880:AAEJJkwszFJcMOVOyUUDxEF0SlfH5GXA8KY/getUpdates
Откроется страница с данными. Скопируйте ID чата. Сохраните его, так как он понадобится нам дальше.
Копируем chat_id
Вам необходимо создать форму, которая будет передавать данные с помощью метода 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>
С формой разобрались, переходим к финальному шагу!
Для отправки данных из формы боту через обработчик на 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('Что-то пошло не так. Попробуйте отправить форму ещё раз.');
}
}
Отлично! После выполнения этих действий форма на вашем сайте будет отправлять заявки непосредственно в Telegram-чат. Теперь вы можете быть уверены в быстрой реакции на полученные заявки.