GramDesk
ru
Подключить

Как добавить Telegram-кнопку на WordPress

Добавить Telegram-кнопку на WordPress можно двумя способами: через обычный блок кнопки на конкретной странице или через Universal Script генератора и WPCode для плавающей кнопки на всём сайте. Кнопка открывает Telegram; окно переписки внутри WordPress она не создаёт.

Что подготовить

Нужна публичная ссылка вида https://t.me/your_support_bot. Замените пример своим username или ботом. Откройте ссылку и убедитесь, что она ведёт в нужный диалог. При первом обращении к боту клиенту может понадобиться нажать Start. Токен из BotFather в код кнопки вставлять нельзя.

Способ 1: кнопка на одной странице без JavaScript

  1. Откройте страницу в блочном редакторе WordPress.
  2. Добавьте блок Buttons и выберите его Button.
  3. Напишите понятный текст, например «Написать в Telegram».
  4. Укажите вашу публичную ссылку https://t.me/….
  5. Обновите страницу и проверьте её без входа в админку.

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

Способ 2: плавающая кнопка через WPCode

  1. Откройте бесплатный генератор Telegram-кнопки. Вставьте ссылку, выберите плавающее размещение, текст и положение на компьютере и телефоне.
  2. Выберите Universal Script и нажмите Копировать код. Скопируйте весь фрагмент вместе с открывающим и закрывающим тегами script.
  3. В WordPress установите и активируйте WPCode через Plugins → Add New, если плагина ещё нет.
  4. Откройте Code Snippets → Header & Footer. Вставьте фрагмент в поле Footer и сохраните изменения.
  5. Очистите кеш WordPress и CDN. Проверьте опубликованную главную, другую страницу и мобильную версию без входа в админку.

Поля вставки описаны в официальной инструкции WPCode. Для этого способа не нужно редактировать footer.php. Установите код один раз: одновременная вставка в тему и WPCode может создать две кнопки.

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

WordPress.com: сначала проверьте поддержку скриптов

WordPress.com разрешает JavaScript на тарифе с поддержкой плагинов после активации функций хостинга. Бесплатные сайты ограничивают скрипты. Проверьте актуальные требования к собственному коду. Если сайт удаляет скрипт или WPCode недоступен, используйте обычный блок кнопки из первого способа.

Как проверить результат

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

Для WooCommerce проверьте также карточку товара, корзину и оформление заказа. Сама кнопка не получает данные заказа и не отправляет автоматические статусы доставки: для этого нужна отдельная интеграция.

Если кнопка не работает

  • Кнопки нет: проверьте, что полный Universal Script сохранён в поле Footer плагина WPCode. Очистите кеш и откройте публичную страницу, а не только предпросмотр редактора.
  • Код виден как текст: выберите формат скрипта и скопируйте теги script. Блоки Paragraph и Code могут показывать исходный код вместо выполнения.
  • Появились две кнопки: уберите повторную установку из темы, страницы или другого плагина.
  • Открывается другой Telegram: исправьте username в генераторе и проверьте ссылку перед заменой кода.
  • Кнопка закрывает важный элемент: выберите другой угол или увеличьте мобильный отступ. Проверьте самый узкий экран ваших клиентов.

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

От кнопки к командной поддержке

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

GramDesk предоставляет стартовый баланс $1.50. Активный бот стоит $0.10 в день, число сотрудников не ограничено; один активный бот за 30 дней обойдётся примерно в $3. Оплата идёт с баланса, а не по фиксированному пробному периоду на 15 дней.

Подключить бота поддержки или прочитать, как направить обращения с сайта в командный Telegram-инбокс.