Инструкция по установке виджета Intergram

Как добавить бесплатный онлайн-чат на сайт через Telegram (Intergram)

Intergram — бесплатный виджет онлайн‑чата, который связывает посетителей сайта с вашим Telegram. Сообщения приходят прямо в мессенджер, отвечать можно оттуда же. Кнопка чата появляется в правом нижнем углу. Никакой серверной части настраивать не нужно, всё работает через публичный сервис.

Виджет подходит для любого сайта — статичного HTML, WordPress, Cotonti, Joomla и других.

Что вам понадобится

• Аккаунт в Telegram (телефон или десктоп-приложение).
• Доступ к редактированию HTML-кода вашего сайта.

Как это работает

1. Вы регистрируете чат через бота в Telegram и получаете уникальный ID.
2. Вставляете короткий код на все страницы сайта.
3. Справа внизу появляется кнопка чата. Посетители пишут → сообщения приходят вам в Telegram → вы отвечаете из того же чата.

Пошаговая инструкция

Шаг 1. Получите ID чата

Откройте Telegram, найдите бота @Intergram (введите в поиске @Intergram). Нажмите Start или отправьте команду /start.
В ответ бот пришлёт число — это ваш Chat ID. Пример: 44514056150.

Храните этот ID — он понадобится для кода.

Шаг 2. Добавьте код на сайт

Скопируйте следующий блок и вставьте его перед закрывающим тегом </body> на каждой странице сайта (обычно это файл шаблона: index.html, footer.php, index.tpl и т.п.).

html

<script> 
    window.intergramId = "ВАШ_CHAT_ID";
    window.intergramCustomizations = {
        titleClosed: 'Помочь?', 
        titleOpen: 'Задать вопрос',
        introMessage: 'Здравствуйте! Чем я могу помочь?',
        autoResponse: 'Спасибо за обращение, скоро отвечу.',
        autoNoResponse: 'Пока никого нет. Оставьте сообщение, и мы свяжемся с вами.',
        mainColor: "rgb(5, 44, 101)",
        alwaysUseFloatingButton: true
    };
</script>
<script id="intergram" type="text/javascript" src="https://www.intergram.xyz/js/widget.js"></script>

Обязательно замените "ВАШ_CHAT_ID" на число, полученное от бота.
Например: window.intergramId = "44514056150";.

Шаг 3. Сохраните изменения

Загрузите обновлённый файл на сервер. После перезагрузки страницы в правом нижнем углу появится кнопка чата.

Настройка внешнего вида

Все тексты и цвет меняются в объекте intergramCustomizations:

Можно указывать любой CSS-цвет: названия (red), HEX (#e91e63), RGB (rgb(5, 44, 101)).

Готово

Теперь посетители могут написать вам прямо с сайта, а вы будете отвечать через Telegram. Никакой дополнительной настройки не требуется — сервер Intergram сам пересылает сообщения.