Как установить чат на сайт

Порядок подключения

1. 1 Регистрация По почте или входом через Telegram, Яндекс либо VK.
2. 2 Добавление сайта Укажите название и домен. Виджет будет работать только на указанных адресах — чужой сайт вашим кодом чат не поднимет.
3. 3 Настройка вида Цвет, положение кнопки, заголовок окна, имя отвечающего, приглашение и быстрые ответы. Справа видно, как это выглядит на самом деле.
4. 4 Подключение Telegram Бот из BotFather, группа с включёнными темами, бот администратором. Кабинет проверяет каждый шаг.
5. 5 Вставка кода Скопируйте строку из кабинета и вставьте в шаблон сайта. Если сайтом занимается подрядчик, там же лежит готовое задание для него.

Как выглядит код вставки

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

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

<script async
  src="https://api.widgetchat.ru/widget/bozex-support-widget.js"
  data-widget-id="wc_ваш_идентификатор"></script>

Проверка

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

Если чат не появился

• Домен не тот — Проверьте, что адрес сайта совпадает с указанным в кабинете, включая www и поддомен.
• Код попал не в тот шаблон — На части сайтов главная страница и внутренние используют разные шаблоны.
• Кеш страницы — После вставки очистите кеш сайта и обновите страницу без кеша браузера.
• Блокировщик рекламы — Некоторые расширения прячут виджеты чата. Проверьте в другом браузере или в режиме инкогнито без расширений.

Частые вопросы