Mos220.ru

Онлайн марафоны
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Заявки с сайта в телеграм

Связь формы заказа на сайте с Телеграм

1. Как работает оповещение в телеграмм и для чего это нужно?

Причин настройки уведомлений в телеграмм может быть несколько, например: скорость оповещений, удобство.

О скорости

Что происходит при работе с email-уведомлениями:

  • Формирование данных
  • Вызов функции mail() для отправки сообщения
  • Получение сообщения на электронную почту
  • Уведомление

Разберем очень кратко алгоритм отправки сообщения

При использовании функции mail() происходит множественный обмен между серверами, на что уходит «куча» времени. В итоге от заказа до получения уведомления может пройти несколько секунд.

В случае с telegram все происходит моментально. От заказа до получения оповещения проходит не более секунды. Чуть позже мы на практическом примере разберем наглядно этот пример.

Как это происходит с telegram:

  • Формирование данных в ссылку
  • Вызов api telegram
  • Получение сообщения в телеграмм
  • Уведомление

Как видно, количество основных шагов (не считая посредников в виде множества серверов) такое же как и в случае с почтой, но благодаря централизованной системе telegram, весь процесс исчисляется в долях секунды.

Схема оповещения о заказах практически ни чем не отличается от стандартной, где используется электронная почта.
Только вместо email мы будем использовать telegram.

2.Создание бота

На создания бота уйдет всего несколько секунд.

  1. Заходим в telegram
  2. В поле поиска вбиваем @BotFather и открываем отца бота
  3. Отправляем команду — /start
  4. Создаем нового бота — /newbot
  5. Задаем имя бота, например — storebot
  6. Задаем username нашего бота, например storebot или store_bot . Важно в окончании указать префикс bot или _bot

Наш бот создан, а в ответ мы получили сообщение с token :

Use this token to access the HTTP API:
397123976:AAHoeZRWL6YSLHgvFGgAj-sy_HEHCS7TvZQ

После всех манипуляций открываем новоиспеченного бота @storebot (естественно у вас username бота свой) и отправляем команду /start

Узнать id чата Телеграмм

В чат с ботом и будут приходить уведомления о заказах.
Чтобы узнать id чата, воспользуемся методом getUpdates

Вместо используем полученный ранее token
Ссылка будет выглядеть следующим образом:

Открываем эту ссылку в браузере
Получаем ответ в виде json.
Находим фрагмент:

Это и есть id чата.

3.Связываем телеграмм и форму на сайте

Допустим 😉 так выглядит стандартная форма заказа в магазине, она состоит из двух полей: Имя и телефон.

[pastacode lang=»markup» manual=»%3Cform%20method%3D%22post%22%3E%0A%0A%09%3Cinput%20name%3D’name’%20type%3D’text’%20placeholder%3D’%D0%92%D0%B2%D0%B5%D0%B4%D0%B8%D1%82%D0%B5%20%D0%B8%D0%BC%D1%8F’%20%2F%3E%0A%09%0A%09%3Cinput%20name%3D’tel’%20type%3D’text’%20placeholder%3D’%D0%92%D0%B2%D0%B5%D0%B4%D0%B8%D1%82%D0%B5%20%D1%82%D0%B5%D0%BB%D0%B5%D1%84%D0%BE%D0%BD’%20%2F%3E%0A%09%0A%09%3Cinput%20type%3D’submit’%20%2F%3E%0A%09%0A%3C%2Fform%3E» message=»» highlight=»» provider=»manual»/]

Необходимо сформировать сообщение из полученных из формы данных, а также занести в переменные token и id чата.

[pastacode lang=»php» manual=»if(isset(%24_POST%5B’name’%5D))%7B%24name%20%3D%20%24_POST%5B’name’%5D%3B%7D%0A%0Aif(isset(%24_POST%5B’tel’%5D))%7B%24tel%20%3D%20%24_POST%5B’tel’%5D%3B%7D%0A%0A%24mess%20%3D%20%22%D0%98%D0%BC%D1%8F%3A%20%7B%24name%7D%5Cn%D0%A2%D0%B5%D0%BB%D0%B5%D1%84%D0%BE%D0%BD%3A%20%7B%24tel%7D%22%3B%0A%0A%24token%3D’397123976%3AAAHoeZRWL6YSLHgvFGgAj-sy_HEHCS7TvZQ’%3B%2F%2F%D0%9D%D0%B0%D1%88%20token%0A%0A%24query%20%3D%20%5B%0A%20%20%20%20’chat_id’%20%3D%3E%20276578256%2C%2F%2Fid%20%D1%87%D0%B0%D1%82%D0%B0%0A%20%20%20%20’parse_mode’%20%3D%3E%20’HTML’%2C%0A%20%20%20%20’text’%20%3D%3E%20%24mess%0A%5D%3B» message=»Формирование сообщения» highlight=»» provider=»manual»/]

Проверяем все ли необходимые данные ввел пользователь, если да то выполняем тело условия.

4.Тестирование. Делаем пробный заказ.

При помощи функции file_get_contents делаем запрос к полученному адресу.

[pastacode lang=»php» manual=»if(%24name%20and%20%24tel)%7B%0A%09%09%09%0A%09file_get_contents(sprintf(%0A%09%09%09%09%09%09%0A%09%09’https%3A%2F%2Fapi.telegram.org%2Fbot%25s%2FsendMessage%3F%25s’%2C%20%0A%0A%09%09%24token%2C%20http_build_query(%24query)%0A%09%0A%09))%3B%0A%0A%7D» message=»Запрос к api telegram» highlight=»» provider=»manual»/]

Получаем ответ в наш чатик.

Сравнение скорости

Чисто условно сравним время от нажатия на кнопку заказать до уведомления .

[pastacode lang=»php» manual=»%3C%3Fphp%0A%0Aif(isset(%24_POST%5B’name’%5D))%7B%24name%20%3D%20%24_POST%5B’name’%5D%3B%7D%0A%0Aif(isset(%24_POST%5B’tel’%5D))%7B%24tel%20%3D%20%24_POST%5B’tel’%5D%3B%7D%0A%0A%24to%20%3D%20%22%3Cnew%40zakaz.ru%3E%22%20%20%3B%20%2F%2F%D0%9F%D0%BE%D1%87%D1%82%D0%B0%20%D0%B4%D0%BB%D1%8F%20%D0%BF%D0%BE%D0%BB%D1%83%D1%87%D0%B5%D0%BD%D0%B8%D1%8F%20%D1%83%D0%B2%D0%B5%D0%B4%D0%BE%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D0%B9%0A%24subject%20%3D%20%22%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9%20%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%22%3B%20%0A%0A%24mess%20%3D%20%22%D0%98%D0%BC%D1%8F%3A%20%7B%24name%7D%5Cn%D0%A2%D0%B5%D0%BB%D0%B5%D1%84%D0%BE%D0%BD%3A%20%7B%24tel%7D%22%3B%0A%0A%24token%3D’397123976%3AAAHoeZRWL6YSLHgvFGgAj-sy_HEHCS7TvZQ’%3B%0A%24query%20%3D%20%5B%0A%20%20%20%20’chat_id’%20%3D%3E%20276583256%2C%0A%20%20%20%20’parse_mode’%20%3D%3E%20’HTML’%2C%0A%20%20%20%20’text’%20%3D%3E%20%24mess%0A%5D%3B%0A%0A%24headers%20%3D%20%22MIME-Version%3A%201.0%5Cr%5Cn%22%3B%0A%24headers%20.%3D%20%22Content-type%3A%20text%2Fplain%3B%20charset%3Dutf-8%5Cr%5Cn%22%3B%0A%24headers%20.%3D%20%22From%3A%20new%40zakaz.ru%5Cr%5Cn%22%3B%0A%0Aif(%24name%20and%20%24tel)%7B%0A%09%0A%09mail(%24to%2C%20%24subject%2C%20%24mess%2C%20%24headers)%3B%0A%09%09%09%09%09%0A%09file_get_contents(sprintf(‘%0A%09%0A%09%09https%3A%2F%2Fapi.telegram.org%2Fbot%25s%2FsendMessage%3F%25s’%2C%20%0A%09%09%09%09%09%09%09%20%20%0A%09%09%24token%2C%20http_build_query(%24query)%0A%09%09%09%09%09%09%09%20%0A%09))%3B%0A%09%0A%7D%0A%0A%3F%3E%0A%0A%3Cform%20%20method%3D%22post%22%3E%0A%0A%09%3Cinput%20name%3D’name’%20type%3D’text’%20placeholder%3D’%D0%92%D0%B2%D0%B5%D0%B4%D0%B8%D1%82%D0%B5%20%D0%B8%D0%BC%D1%8F’%20%2F%3E%0A%09%0A%09%3Cinput%20name%3D’tel’%20type%3D’text’%20placeholder%3D’%D0%92%D0%B2%D0%B5%D0%B4%D0%B8%D1%82%D0%B5%20%D1%82%D0%B5%D0%BB%D0%B5%D1%84%D0%BE%D0%BD’%20%2F%3E%0A%09%0A%09%3Cinput%20type%3D’submit’%20%2F%3E%0A%09%0A%3C%2Fform%3E%0A%0A» message=»Отправка сообщений на почту и в телеграмм» highlight=»» provider=»manual»/]

Заполнив форму и отправив её, можно проследить, что уведомления в телеграмм приходят в несколько раз быстрее чем на почту.

Как связать форму на сайте с Telegram

Всем — привет. Давно зрела идея разобраться с отправкой данных из формы на сайте в мессенджер Telegram, но руки не доходили, а моментально получать заявки прямо в телефон, ой как хотелось!

И вот, наконец-то посидел и разобрался. Конечно постичь все тонкости API — не удалось, но по кусочкам насобирал информацию и удалось отправить данные из контактной формы в чат Telegram.

Как связать форму на сайте с Telegram

Итак, давайте приступим. Первое что нам нужно, это создать своего бота. Делается это достаточно просто. В поиске наберите @botfather, откройте родительского бота и нажмите «Start»:

  • Пишем команду /newbot, для создания нового бота.
  • Придумываем имя бота.
  • Придумываем ник бота.

Если все прошло успешно, то увидите поздравления и токен вашего бота, в моем случае это:

Теперь нужно найти своего бота в поиске, указав его ник и нажать «Start», чтобы активировать его. В моем случае ник @DWS_MESSAGE_bot.

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

Зайдите в меню, нажмите «New Group» и задайте имя вашему чату.

Не забываем пригласить своего бота в чат.

Читать еще:  Зачем нужен телеграм бот

На данный момент у нас есть бот, мы знаем его токен, есть чат, в который будут приходить заявки, и нам осталось узнать только id чата. Для этого, напишем в чате:

А затем, в браузере введем:

где, XXXXXXXXXXXXXXXXXXXXXXX — токен вашего бота, полученный ранее.

Если все сделали правильно, то перед вами откроется подобная страница:

Разметка формы

Не забывайте, что форма отправляется без перезагрузки страницы, а значит используется ajax, и, для упрощения, jQuery. Поэтому подключаем сам jQuery, если не подключен, а после, и сам скрипт.

Код с ajax запросом. Файл — telegramform.js

А теперь сам обработчик нашей формы. Файл — send-message-to-telegram.php:

Во многом он повторяет обработчик из других форм на блоге. Например, в статье «Контактная форма без перезагрузки страницы» используется аналогичный подход, и вы легко сможете осуществить отправку данных как на почту, так и в мессенджер одновременно.

Тут стоит обратить внимание на переменные $token и $chat_id. Не забывайте подставить туда свои данные. Кроме того, не забывайте, что все это будет работать, только если данные идут через https.

Вот так, средствами php можно отправлять в Telegram сообщения. Если вы используете CMS MODX, то на блоге igamov.ru есть отличная инструкция по интеграции формы с мессенджером.

Кстати, подписывайтесь на Telegram канал. Уведомления об обновлениях на блоге, в первую очередь, приходят туда)

Отправка данных формы в Telegram

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

Сейчас я расскажу вам, как отправлять заявки с сайта данные из формы обратной связи ( или простые уведомления например об оплате ) с помощью телеграмм-бота

Первое что нужно сделать — это создать бота в телеге

Делается это просто — Наберите в поиске @botfather

Откроется список — Выберите первого и нажмите «Start»

ДАЛЕЕ — Введите команду /newbot

Alright, a new bot. How are we going to call it? Please choose a name for your bot.

Что значит — придумать имя бота ( например TestsBot )

ДАЛЕЕ — вам сообщат

Good. Now let’s choose a username for your bot. It must end in bot . Like this, for example: TetrisBot or tetris_bot.

(Хорошо. Теперь давайте выберем имя пользователя для вашего бота. Он должен заканчиваться на «бот». Вот так, например: TetrisBot или tetris_bot.)

Придумываем ник бота ( например testhure_bot )

телеграмм популярен многие имена заняты

Будет сообщать вам что:

Sorry, this username is already taken. Please try something different.
(Извините, это имя пользователя уже занято. Пожалуйста, попробуйте что-нибудь другое.)

Как подойдет ник бота — увидите сообщение и ТОКЕН ( который надо записать )

BotFather, [31.10.19 13:30]
Done! Congratulations on your new bot. You will find it at t.me/tsmoney_bot. You can now add a description, about section and profile picture for your bot, see /help for a list of commands. By the way, when you’ve finished creating your cool bot, ping our Bot Support if you want a better username for it. Just make sure the bot is fully operational before you do this.

Use this token to access the HTTP API:
84917655:AAG_ArG0Bc3apH2nG-9Ncr675q8tugoRY2I
Keep your token secure and store it safely, it can be used by anyone to control your bot.

For a description of the Bot API, see this page: https://core.telegram.org/bots/api

ТАК ВЫГЛЯДИТ ТОКЕН — 84917655:AAG_ArG0Bc3apH2nG-9Ncr675q8tugoRY2I ( ЗАПИСЫВАЕМ ЕГО )

ТЕПЕРЬ — нужно найти своего бота

Вводим в поиск НИК что вы придумали @testhure_bot

НАЖМИТЕ «Start» запустите своего бота

Последние что нужно сделать — это создать ЧАТ — что-бы в него приходили заявки ( уведомления ) с вашего сайта

В главном меню — нажмите СОЗДАТЬ ГРУППУ — выберите имя группы ( чата )

ВАЖНО . — Пригласите в чат своего бота

С этим почти всё . У нас есть БОТ и ТОКЕН от него , мы создали чат ( группу ) что бы туда присылал БОТ сообщения с вашего сайта

Нам осталось узнать ID ГРУППЫ ( ЧАТА )

Для этого напишите в чат /join @никвашегобота ( /join @testhure_bot )

Как отправите сообщение в группу — надо ввести в браузере

Где XXX токен вашего бота

У меня примерно так

Если всё верно Откроется такое содержимое — там вам надо найти ID ГРУППЫ

ВАЖНО! id там много Вам нужен который с МИНУСОМ

PHP Обработчик формы и сама форма ( если надо )

Читать еще:  Каналы телеграмм для таксистов

ВИДЕО

Telegram бот службы поддержки

Мессенджеры с каждым днем проникают в нашу повседневную жизнь. Общение с коллегами, друзьями и родственниками в чатах стало обыденным делом. Мессенджеры удобны, и поэтому стали естественным средством для коммуникаций.

Всё это привело нас к мысли, что пора делать в Okdesk ещё один канал регистрации заявок и коммуникации с заявителями. Давайте посмотрим на то, что у нас получилось?

А получился у нас очень функциональный telegram бот для заявителей, который, фактически, является заменой мобильному приложению для клиента.

Теперь вы можете создать собственного Telegram бота и подключить его к своему аккаунту в Okdesk. Это позволит клиентам обращаться в сервисную службу через мессенджер Telegram. Благодаря Telegram боту клиенты смогут не только создавать новые заявки, но и добавлять новые комментарии, закрывать заявки и оценивать качество обслуживания.

Создание нового Telegram бота для службы поддержки

Что такое боты в Telegram? Это специальные аккаунты, которые не закреплены за людьми, а отправляемые от них или им сообщения обрабатываются внешней системой (в частности, системой Okdesk). При этом для пользователя общение с ботом выглядит как обычная переписка с другим человеком.

Как создать своего бота? Для этого в Telegram есть самый главный бот — @BotFather. Начните диалог с ним:

Далее введите команду /newbot и следуйте указаниям: бот попросит указать name (отображаемое для других пользователей имя) и username (должно заканчиваться на *bot) нового бота. После завершения процедуры @BotFather отправит в чат сообщение с ключом доступа для управления созданным ботом:

После создания нового бота и получения ключа доступа (на скриншоте выделен маркером), необходимо присоединить бота к своему аккаунту в Okdesk.

ПодключениеTelegram бота к Okdesk

Подключить бота Telegram к аккаунту Okdesk можно в разделе “Настройки Интеграция с мессенджерами Telegram-бот для клиентов” (см. п. 1 на скриншоте ниже). Далее в разделе настроек нажмите на кнопку “Задать ключ доступа” (“Изменить ключ доступа”, если хотите присоединить к Okdesk другого бота). После указания ключа доступа появится кнопка проверки корректности ключа (п. 3 на скриншоте). Нажмите на эту кнопку для того, чтобы проверить подключение к Telegram боту. Если подключение корректно, бот готов к службе!

Telegram бот. Как работает?

При первичном обращении, бот запросит у пользователя номер телефона. Это необходимо для сопоставления пользователя Telegram и контактного лица в базе Okdesk. Если поиск по номеру телефона не даст результатов, будет создано новое контактное лицо (но во избежании дублей вы сможете объединить созданный контакт с существующим — такая функция доступна в карточке контактного лица).

После этого пользователь может просто писать боту сообщения. Бот будет проверять, есть ли у пользователя открытые заявки. Если открытых заявок нет, пользователь сможет создать новую. Если есть открытые заявки, бот предложит либо добавить комментарий к одной из них, либо создать новую. Боту можно отправлять файлы и фотографии — все они будут приложены к заявкам в Okdesk.

Если сервисные сотрудники оставляют публичный комментарий (ответ) к заявке, этот комментарий отправляется пользователю в Telegram. Пользователь может ответить на комментарий, и тогда ответ добавится к заявке в Okdesk. Когда сервисные сотрудники переводят заявку в статус “Решена”, пользователь получает оповещение в Telegram и может либо возобновить заявку, либо закрыть и оценить её.

Вы можете протестировать работу Okdesk и нашего бота совершенно бесплатно.

Okdesk — удобная система для автоматизации сервисной поддержки клиентов. Теперь и Telegram ботом.

Как интегрировать свой WordPress сайт с Telegram

Telegram является одним из самых быстро растущих приложений для обмена сообщениями. Он необычно быстрый, мощный и умеет быть полностью конфиденциальным. У Telegram есть открытое API, что позволяет любому интегрировать свое приложение с Telegram. В этой статье мы покажем вам как интегрировать свой WordPress сайт с Telegram.

Интегрируем Telegram с WordPress

Первым делом вам потребуется установить и активировать плагин Telegram for WP.

После активации плагин добавит новый элемент меню под названием ‘TWP Settings’ в админбар WordPress. Нажав на это меню, вы окажетесь на странице настроек плагина.

Как вы видите, плагину нужные будут несколько токенов доступа для подключения к Telegram API. В зависимости от того, куда вы хотите отправлять уведомления в Telegram, есть нссколько способов генерации API токенов для личных чатов, групп и каналов.

Читать еще:  Телеграм канал с новостями

Начать стоит со скачивания и установки приложения Telegram на свое устройство. Он доступен для Android, iOS, Mac OS X, Windows и Linux. Если у вас он еще не установлен, тогда просто переходите на страницу Telegram apps и устанавливайте приложение для своей платформы.

Отправляем уведомления из WordPress в Telegram

С помощью плагина Telegram for WP вы сможете получать свои уведомления по email от WordPress прямо в приложение Telegram. Вот как это нужно настроить.

Первым делом вам нужно начать новый чат с notifcaster_bot в Telegram. Просто нажмите на поле поиска в приложении, а затем напечатайте notifcaster_bot. Telegram отобразит профиль бота, а клик по нему откроет окно чата.

В окне чата напечатайте /token для генерации ключа API. Notifcaster bot сгенерирует его для вас и отобразит токен в окне чата.

Копируем полученный API token и вставляем его в поле API token в настройках плагина. После этого вы можете отправить тестовое сообщение, кликнув по кнопке «send now».

Теперь вы получите тестовое сообщение от notificaster bot в Telegram.

Если все работает как нужно, тогда нажимаем на кнопку сохранения изменений внизу страницы.

С этого момента вы начнете получать уведомления от WordPress прямо в Telegram. Это может быть полезно, если у вас на сайте наблюдаются проблемы с получением писем от WordPress.

Если нужно, то можно отправлять уведомления от WordPress группе пользователей в том же Telegram. Сначала нужно будет создать новую группу и пригласить в нее пользователей.

Добавьте как минимум одного пользователя в группу кроме себя, после чего приглашаеем notifcaster_bot в эту группу.

Нажимаем на название группы вверху. Появятся настройки группы. Нажимаем на «add members» и добавляем notifcaster_bot.

Notifcaster_bot сгенерирует новый ключ API в своем окне чата. Этот API ключ должен начинаться с префикса g:. Просто копируем и вставляем полученный ключ в настройки плагина и сохраняем изменения.

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

Отправляем записи WordPress в канал Telegram

Каналы Telegram — это чат-комнаты, которые могут быть личными или публичными. Как владелец сайта, вы можете использовать канал Telegram для посетителей своего сайта, где они смогут общаться друг с другом.

Давайте рассмотрим, как создать канал Telegram, и как отправлять записи WordPress в него.

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

Вас попросят указать название и описание для своего канала. Вы также можете выбрать для него короткую ссылку. Вы и ваши пользователи смогут использовать этот URL для приглашения других пользователей.

После создания канала вам также потребуется создать бота Telegram. Не волнуйтесь, не придется писать ни строчки кода для того, чтобы это сделать.

Открываем новый секретный чат с botfather.

В окне чата печатаем /newbot и botfather создаст для вас нового бота. Вас попросят выбрать имя и логин для вашего бота, а затем выдадут API ключ.

Переключаемся в канал Telegram затем кликаем на названии канала вверху, чтобы открыть настройки канала. В настройках нажимаем на Administrators.

Отобразится список администраторов вашего канала. Нажимаем на «add administrator» и указываем название бота, которого создали ранее. Теперь вы можете добавить бота в качестве администратора в канал.

Переключаемся обратно на чат с botfather и копируем API access token, выданый вашему боту. Вставляем этот ключ доступа в настройках плагина рядом с опцией «bot token».

Добавляем юзернейм канала со знаком @. Юзернейм вашего канала такой же, какой вы использовали в коротком URL.

Нажимаем на кнопку «Send Now» и плагин отправит тестовое сообщение в ваш канал. Не забудьте нажать на кнопку сохранения изменений, чтобы ничего не потерять.

Вот и все, теперь вы можете отправлять записи прямо со своего сайта на WordPress в канал Telegram. В окне редактора записей появится опция для выбора того, как вы хотите отправлять посты в канал.

При публикации или обновлении записи плагин будет отправлять сообщение в канал Telegram с указанными здесь настройками.

Мы надеемся, что эта статья помогла вам научиться интегрировать свой WordPress сайт с Telegram.

Ссылка на основную публикацию
Adblock
detector