Как отправлять заявку с сайта в Telegram? | Блог веб-разработчика MaxGraph

Как отправлять заявку с сайта в Telegram?

Как отправлять заявку с сайта в Telegram?

 

Как отправлять заявку с сайта в Telegram?

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

Подготовка бота и чата

Конечно, для отправки заявки с сайта в Telegram нужен бот и соответствующий чат, где бот будет работать. Нужно его создать:

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

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

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

  1. Размечаем нашу форму (обязательно внизу этого поста будет ссылка на готовую).
    Создаем форму в HTML
    С самой формой Вы можете работать как угодно, но есть несколько обязательных условий:
    1. В form action должно быть обязательно написано telegram.php. Это файл-обработчик формы, куда она «улетает» после нажатия на кнопку.
    2. Сама кнопка должна быть типа Submit.
    3. Так же у формы должен быть method=»POST»
    4. У каждого инпута должен быть прописан атрибут name.
  2. Создав данную форму мы переходим к работе с telegram.php. Там тоже нужно сделать несколько манипуляций.
    Изменяем telegram.php под свои нужды
    Естественно, я рассмотрю свой файл на своем примере. Но Вы можете кастомить его под себя.
    1. Первое, что нужно сделать — записать атрибут name в переменные. Т.е., у нас есть переменная $name = $_POST [‘name’]. В квадратных скобках как раз и указан атрибут name инпута формы. Если вдруг у вас появится еще и телефон в форме — Вы знаете что делать :)
    2. Если появляются еще поля — нужно их разметить так же и в массиве $arr по примеру с предыдущими.
    3. В переменную $token нужно вставить тот токен, который вам дал BotFather.
    4. Самый сложный пункт — вставить $chat_id. Для этого сверху есть закомментированная строка:

    api.telegram.org/botXXXXXXXXXXXXXXXXXXXXXXXXX/getUpdates,

    в которую вместо иксов нужно вставить токен. После чего скопировать всю ссылку и перейти по ней в браузере.
    5. У вас должно появиться несколько строк кода. Среди них — находите id, значение которого указано с минусом. Чуть яснее Вам станет после просмотра видео.
    6. Вставляем в итоге id в переменную $chat_id и сохраняем изменения.
    7. Создайте простую страницу Thanks.html, в которую будет переходить Ваш сайт после успешной отправки сообщения. Либо сделайте свое действие после отправки.

 

 

Если вкратце, то это все. Не особо сложно, особенно после просмотра видео, которое я подготовил для Вас.

Референсы

Telegram

 

 

 

Надеюсь, данная информация была для Вас полезна. Если да — оцените ее :)

Спасибо за внимание и до скорых встреч!

Метки: , , ,

Понравилось? Оцени!
12345 (12 оценок, среднее: 5,00 из 5)
Загрузка...

4 комментария на «“Как отправлять заявку с сайта в Telegram?”»

  1. Здравствуйте.
    номер телефона приходит без +

    и, соответственно не кликабельный.
    7(000)000-0000

  2. Добрый день.
    работает, только номер телефона начинается с «7»
    а «+» нет.
    как исправить?

  3. Автор красавчик!
    Всё супер) очень давно не кодил, но решил эту штуку запилить)) всё получилось довольно просто)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *