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

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

Все мы знаем, что очень часто на самые разнообразные сайты нужна форма обратной связи. Там человек может оставить свои контактные данные, чтобы люди, представляющие сайт, смогли с ним связаться. И да, отправка эта часто производится на обычную почту (e-mail). Однако сейчас, благодаря открытому и несложному API Telegram можно спокойно настраивать отправку этих же сообщений в него. Зачем? Это быстрее и гораздо удобнее. Сразу, в специальном чате, у вас появится заявка от пользователя.

  1. Для начала в поиске контактов Telegram вводим @BotFather. Это "отец" ботов, позволяющий прозводить с ними некоторые манипуляции. В том числе и создать бота (все скриншоты показаны на примере Telegram for Windows) Находим BotFather в Telegram
  2. Нажимаем кнопку Start в чате с BotFather, после чего нашему вниманию выпадет список доступных команд. Можем найти сами нужную команду и кликнуть, а можем написать прямо в чат: "/newbot", без кавычек естественно
  3. Далее нас попросят ввести имя бота. Будьте внимательны и избирательны, ведь Telegram работает по всему миру и огромное количество имен уже заняты Создаем бота и придумываем ему имя
  4. После успешного ввода имени потребуется ввести username бота, по которому его можно будет найти в поиске Вводим username бота
  5. Когда подберете верное имя для бота, вам придет последнее нужное сообщение от BotFather, содержащее в себе так называемый "токен". Данный токен пригодится Вам для дальнейших действий (токен можно увидеть на изображении выше)
  6. Далее нужно создать групповой чат (New Group). Называем этот чат как нам хочется, и добавляем туда уже созданного бота через поиск
  7. Следующий шаг - присоединить бота к чату. Делается это командой "/join @maxgrbot_bot" в вашем созданном чате.
  8. Затем, кликнув по "maxgrbot_bot" (т.е. названию вашего бота, оно то у вас другое будет), переходите в личный чат с ним и нажимаете кнопку Start. На этом работа с Telegram временно закончена

Работа с формой

Теперь нужно создать форму и правильно ее разметить для работы с отправкой по Php. Ниже приведен пример типичной формы на HTML:



<form action="telegram.php" method="POST">
<legend>Заголовок формы</legend>

<div class="form-group">
<input type="text" class="form-control" id="" name="name" placeholder="Введите имя">
</div>

<div class="form-group">
<input type="text" class="form-control" id="" name="phone" placeholder="Введите телефон">
</div>

<div class="form-group">
<input type="text" class="form-control" id="" name="email" placeholder="Введите email">
</div>

<div class="form-group">
<textarea name="msg" placeholder="введите сообщение"></textarea>
</div>

<button type="submit" class="btn">Отправить форму</button>
</form>










Важные нюансы:

  • В form action должно быть обязательно написано telegram.php
  • Сама кнопка должна быть типа submit
  • Так же у формы должен быть method="POST"
  • У каждого инпута должен быть прописан атрибут name

PHP-скрипт

Далее нужно написать несложный php-скрипт для работы нашей отправки:



<?php

$name = $_POST['name'];
$phone = $_POST['phone'];
$email = $_POST['email'];
$msg = $_POST['msg'];
$token = "1007513873:AAHRuGZ8Cr1wULSsMevQi6S1KtbdwbSyfiU";
$chat_id = "-399030555";
$arr = array(
'Имя пользователя: ' => $name,
'Телефон: ' => $phone,
'Email' => $email,
'Сообщение:' => $msg
);

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 && $sendToTelegram2) {
header('Location: thanks.html');
} else {
echo "Error";
}
?>










Важные нюансы:

  • В переменные $name$phone и т.д. нужно вписать значения атрибута name из html
  • В переменную $token запишите созданный вами ранее токен у BotFather

Что делать с chat_id

Из всего того, что нам нужно заполнить, остается одно поле - $chat_id. Нужно откуда-то узнать его, чтобы заполнить. Тут нам поможет добавление специального бота в нашу группу - @RawDataBot. Он позволит нам прямо в чате легко получить нужные данные, в том числе и chat_id.

Заключение

И далее остается лишь отправить нашу форму. Надеюсь, смог вам помочь, а если текстового описания вам недостаточно - в начале статьи есть видео с моего ютуб-канала.

Удачи!

()
Количество показов: 19
24 апреля 2021

Возврат к списку