TELEGRAM FOR WORDPRESS

Бесплатный плагин WPS Telegram Chat от wpSolution!

Возможности плагина:

· Встраивает живой чат на ваш сайт
· Настройки расписания чата
· Показываeт чат только на определенных страницах
· Используйте шорткод для вставки контактной формы в пост или в страницу WordPress, которая будет отправлять сообщение боту Telegram вместо электронной почты.
· Получать почту для админа сайта в Telegram

Мы гарантируем идеальную совместимость WPS Telegram Chat и WordPress. Он хорошо работает с любой темой WP, не требуя никаких модификаций. Возможны несколько вариантов настройки для большего комфорта…

Как настроить WPS Telegram Chat?

Руководство для новичков:

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

Скачать для Windows, Mac, Linux
Скачать для App Store for iPhone, iPad
Скачать для Google Play for Android

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

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

Нажмите «Start«, чтобы активировать бота BotFather, или отправьте команду start боту BotFather, набрав /start. Вы увидите список команд, которые помогут вам создать, редактировать и управлять вашими ботами.

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

Имя пользователя должно быть уникальным и запоминающимся, наподобие адреса вашего веб-сайта, например «mySiteNameCom». После выбора подходящего имени, бот будет создан.

Чтобы подключить бота к вашему веб-сайту, вам нужен токен. У каждого бота есть свой собственный API-токен, и вы не должны делиться им ни с кем. Скопируйте значение вашего токена и перейдите к Шагу 3.

Каждый пользователь Telegram получает уникальный персональный цифровой код, называемый идентификатором пользователя Telegram. Идентификатор пользователя состоит только из чисел и является статическим. Он автоматически генерируется в Telegram и привязывается к странице пользователя (группы, чата, канала) в момент регистрации. Идентификатор пользователя позволяет пользователям связываться друг с другом, присоединяться к группам, использовать ботов и читать ленты. Кроме того, вы не можете просто найти его в настройках или найти где-либо на вашей странице. Но что же делать? Вам придется прибегнуть к дополнительным инструментам, чтобы найти его.

Внутри вашего приложения Telegram вам нужно найти пользователя с именем GetMyID и начать с ним разговор.

Нажмите кнопку «Start«, чтобы активировать бота GetMyID, или отправьте команду start боту GetMyID, набрав /start.

В следующем сообщении бот отправит вам идентификатор ID. Бот можно использовать неограниченное количество раз, если диалог был потерян.

Перейдите в административную панель вашего веб-сайта на WordPress. Затем найдите меню Плагины. Нажмите на Добавить новый и выполните поиск по запросу «wpSolution Telegram Chat«. Установите и активируйте плагин через меню Плагины в WordPress.

Нажмите на меню Telegram Chat слева.
Установите флажок в положение Включено.
· Введите ваш API-токен от BotFather, Шаг 2.
· Введите ваш ID чата от бота GetMyID, Шаг 3.

Нажмите кнопку Проверить вебхук. Если настройки верные, вы увидите информационное окно с зеленым рамкой и надписью GOOD.

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

Внутри вашего приложения Telegram вам нужно найти вашего бота по имени, которое вы создали в Шаге 2, и начать с ним разговор.

Перейдите на ваш веб-сайт, на котором подключен и настроен плагин WPS Telegram Chat (Шаг 4). Отправьте тестовое сообщение с вашего веб-сайта.

Чтобы ответить на полученное сообщение в Telegram, вам нужно вызвать контекстное меню и нажать на пункт Ответить. В противном случае сообщение не будет доставлено.

Ваш ответ из приложения Telegram пользователю веб-сайта должен выглядеть примерно так…

Проверьте, достигло ли сообщение ваш веб-сайт. Внимание, сообщения на веб-сайте обновляются только при активной вкладке веб-сайта. Все готово!

  1. body #wps-telegram-chat
  2. body #wps-telegram-chat-update
  3. body #wps-telegram-chat-header h5
  4. body #wps-telegram-chat-app a
  5. body #wps-telegram-chat-close
  6. body #wps-telegram-chat-welcome p
  7. body #wps-telegram-chat-content
  8. body #wps-telegram-chat-content .outgoingMessage
  9. body #wps-telegram-chat-content .incomingMessage
  10. body #wps-telegram-chat-content .info
  11. body #wps-telegram-chat-content .error
  12. body #wps-telegram-chat-input
  13. body #wps-telegram-chat-textarea textarea
  14. body #wps-telegram-chat-send i

Как это использовать?

Вам следует немного знать CSS или изучить его Узнать больше… Например, мы хотим изменить цвет и размер заголовка чата (пункт 3 на рисунке выше). Это относится к селектору из пункта 3 списка, скопируйте его и создайте блок объявлений CSS, ниже приведен наш пример:

body #wps-telegram-chat-header h5{
color: #ff00ff; /* change text color */
font-size: 18px; /* change text size */
}

Кроме того, давайте изменим цвет фона автономного сообщения. Это пункт 10 из нашего списка.

body #wps-telegram-chat-content .info{
background: yellow; /* change background color */
}

Вставьте созданные стили CSS в пользовательский CSS настроек чата и сохраните.

Обсудить, оставить отзыв или задайть вопрос…
Каждый жест имеет большое значение…

PayPal DonateОбсудитьСкачать

== Changelog ==

Release date: October 1st, 2023

* New option “Telegram Link”
* New option “Only on specific pages”
* New option “Placeholder” text, specifies a short hint like “Type your message here…” in the input field before the user enters a value.
* New option “Receive emails for the site Admin into Telegram App”
* Customize your chat with custom CSS styling
* Added a shortcode to insert a contact form into a WordPress post or page, which will send a message to the telegram bot instead of email.
* Added Ukrainian translation
* Added Russian translation
* Added Hotkeys: “Esc” – Closes the chat, “Ctrl+Enter” – Sends a message
* Fixed css for compatibility with Bootstrap
* Fixed a bug with duplicate responses
* Fixed a bug, if the chat is minimized, but a message arrives, then open the chat.
* Fix schedule bug if the site locale is different from English
* Hotfixes for PHP Warnings
* Small design changes
* Improvement user experience
* Improvements for translation
* Important update for Improvement performance
* Important update for compatibility PHP 7.0 or higher
* Other minor improvements

Release date: October 23th, 2022

* New option «Offline Message»
* New option «Schedule»

If the user does not receive a response within the first minute and depending on the «Schedule» an «Offline Message» will be displayed.

Release date: September 23th, 2022

* First release
* Live tested on real devices
* Integrated Spam Protection
* No bugs found