Для начала настройки отправки заявок с сайта в Telegram, нужно получить API-ключ для вашего бота. Этот ключ — это своего рода «пропуск» для общения между вашим сайтом и Telegram.
Для этого вам потребуется бот под названием BotFather. Просто найдите его в Telegram, начните чат и следуйте его инструкциям:
- Нажмите команду /start, чтобы начать общение с BotFather.
- Как только вы начнете чат с BotFather, отправьте ему команду /newbot. Бот запросит у вас имя для вашего нового бота.
- Придумайте имя для бота (которое не занято).
Я выбрал имя CodelabTestBot и BotFather выдал мне API-ключ.
Чтобы найти свой только что созданный бот в Telegram, вы можете использовать поиск по его имени пользователя, который вы указали при создании. Просто введите имя пользователя бота в поле поиска на главной странице Telegram, и бот должен появиться в результатах поиска, после чего вы сможете начать чат с ним.
Как подключить (добавить) Telegram как чат? | Тильда Бесплатный Конструктор для Создания Сайтов
Шаг 2. Активируем бот
Первым делом мы должны активировать сам бот, который создали. Чтобы это сделать необходимо в чате с ботом ввести команду:
/start
Шаг 3. Добавляем бота в группу
Создайте в телеграмме группу. Я назову ее, например, «CodelabTest».
Добавьте в эту группу своего бота.
После создания группы введите команду (вместо CodelabTestBot — имя своего бота):
Шаг 4. Получение чат-идентификатора
Чтобы отправлять уведомления в определенный чат в Telegram, нам понадобится чат-идентификатор этого чата.
Для этого в браузере введите поисковый запрос:
https://api.telegram.org/bot/getUpdates
В результате вам вернется строка, в которой надо найти chat и параметр id. Скопируйте номер — это и будет ваш чат-идентификатор.
Шаг 5. Форма заказа обратного звонка
В качестве примера используем форму заказа обратного звонка — это простая веб-форма, в которой пользователи могут указать свое имя и номер телефона, чтобы запросить обратный звонок. Обычно она содержит два поля для ввода информации (имя и номер телефона) и кнопку «Отправить» для отправки данных на сервер для дальнейшей обработки.
Вы можете скачать ее с моего GitHub или скопировать код ниже.
Заказать обратный звонок
body < background: #d28da5; background: linear-gradient(135deg, #d28da5, #d17224); width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; color: #111111; >.form < background-color: #fff; border-radius: 5px; padding: 40px; display: flex; flex-direction: column; >.form h2 < font-size: 20px; color: #111; margin-bottom: 20px; >.form .input < border: 1px solid #d17224; padding: 10px; margin-bottom: 10px; border-radius: 5px; >.form .btn
Шаг 6. Настройка обработки формы на сервере
Теперь, когда у нас есть форма заказа обратного звонка на веб-сайте, нам нужно создать скрипт (назову его telegram.php) на сервере для обработки данных, отправленных через эту форму. В этом скрипте мы будем использовать API Telegram для отправки уведомлений в группу.
Вам понадобится язык программирования, такой как PHP, Python, Node.js или любой другой, подходящий для вашего сервера. Ниже приведен пример кода на PHP для обработки формы и отправки уведомления в Telegram:
else < echo ‘Заявка успешно отправлена.’; >?>
В этом коде мы получаем данные из формы $name и $phone, затем используем API-ключ Telegram бота $telegram_api_key и чат-идентификатор группы $chat_id, чтобы сформировать сообщение и отправить его в группу через API Telegram.
Шаг 7. Тестирование Telegram-бота
Настало время проверить работу нашего Telegram-бота.
Загрузите файлы index.html style.css и telegram.php на хостинг с поддержкой PHP.
Заявки приходят успешно.
Источник: codelab.pro
Как добавить телеграм бота в тильду
Предположим вы собираете заявки с Tilda. Но хотели бы получать уведомления в телеграм, как только поступит новая заявка.
Или вы запустили опросник в Google формах и все данные сохраняются в Google таблицы. Но вы бы хотели получать сообщения о том что появилась новая запись в telegram.
Схема по тому как это все организовать, следующая:
Integromat — Работает как интернет клей
Предположим вам надо сделать так, чтобы пользователь писал вам сообщение в телеграм, и у вас сразу дублировались эти данные на email и создавалась карточка Trello.
Для того чтобы связать между собой все эти инструменты используется промежуточное звено в виде Integromat.
Он нам поможет и в случае связки гугл таблиц и телеграма.
Cобираем заявки из Tilda в Google таблицы
- Перейдите в Настройки сайта → Формы → Google Таблицы (Google Sheets).
- Разрешите доступ к вашему аккаунту на Google. Будет создана новая таблица на Google Диске, куда будут попадать данные из форм.
- Подтвердите или пропустите шаг «Добавить сервис ко всем формам на сайте»
Источник: zamakhov.com
Добавление бота в чат
1) Зайдите в чат
2) Выберите вверху справа иконку 3 точек и нажмите «Добавить пользователя»
3) Выбираем своего бота и даем ему права администратора
Сервис для получения ID чата
Чтобы узнать ID вашего чата воспользуйтесь сервисом ниже.
Ссылка на бота для поиска айди чата — FIND_MY_ID_BOT
1) Пересылаем сообщение из чата на сервис (как указано на фото) и узнаем ID чата
2) Добавляем ID чата на сайт и ссылку на чат(ее можно узнать при добавления бота в администратора в чат)
Видео по полной инструкции можно посмотреть тут
Источник: bot-t.com