88
16 сен 2020

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

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

В этом гайде я расскажу вам, как быстро настроить отправку заявок с сайта

в 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 (свой файл обработчика можете назвать как вам удобно).

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

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

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

Шаг № 4. PHP обработчик для отправки сообщения

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

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

  1. $token — токен, который дал нам @BotFather;
  2. $chat_id — ID чата, в который бот будет присылать заявки (его мы получили на втором шаге);
  3. $name и $phone — переменные для обработки полей с атрибутами name и phone из нашей формы;

Шаг № 5. Финал: загружаем на хостинг Ваш готовый Лендинг

Разместить ваш сайт на хостинге, к примеру на SpaceWeb, можно, воспользовавшись Панелью управления.

Для размещения сайта через Панель управления используется раздел «Файловый менеджер», предназначенный для работы с файлами на аккаунте.

После удалите все лишние файлы и можно начинать загружать файлы сайта на сервер. Для этого потребуется выполнить следующие действия:

  1. Нажать на ссылку «Загрузить».
  2. В появившемся окне нажать кнопку «Выбрать файлы для загрузки» и выбрать на компьютере файл, который надо загрузить на аккаунт.
  3. После выбора файлов вашего Лендинга, загрузка начнется автоматически.

Полную инструкцию по загрузке сайта на хостинг, можно почитать здесь

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

Спасибо автору статьи Александру

0
5
0 Комментариев
Только авторизованные пользователи могут оставлять комментарии.
Авторизуйтесь или Зарегистрируйтесь, пожалуйста.
🏆 Популярное за неделю