← Все статьи

Как установить виджет КликЧат на сайт

Создаём сайт в кабинете, вставляем код виджета и проверяем первое тестовое сообщение.

Создайте сайт в кабинете

1

Нажмите «Добавить новый сайт»

Введите понятное название проекта и адрес сайта. После создания откроются его настройки.

2

Скопируйте скрипт

На вкладке «Подключение» найдите блок «Установка виджета» и нажмите «Копировать». В коде уже содержится уникальный идентификатор вашего сайта.

Не копируйте скрипт из другого проекта: настройки, диалоги и тариф относятся к конкретному сайту в КликЧат.

Вставьте код на сайт

3

Откройте шаблон страницы

Добавьте скрипт перед закрывающим тегом </body>. Для конструктора сайтов используйте блок вставки HTML или пользовательского кода.

<!-- Пример. Используйте код из своего кабинета КликЧат. -->
<script async src="https://script.click-chat.ru/chat.js?wid=ВАШ_ID"></script>
4

Опубликуйте изменения

Сохранения в редакторе недостаточно: обновите опубликованную версию сайта и откройте её в новой вкладке.

Проверьте первое сообщение

5

Откройте виджет

В правом нижнем углу страницы должна появиться кнопка чата. Откройте её и отправьте тестовое сообщение.

6

Проверьте кабинет

Сообщение должно появиться в разделе «Диалоги». Ответьте из веб-кабинета или Telegram Mini App и убедитесь, что посетитель получил ответ.

Если тест прошёл в обе стороны, виджет подключён. Теперь можно настроить дизайн, приветствие, сотрудников и AI-ассистента.

Что проверить, если виджет не появился

  • Страница действительно опубликована после вставки кода.
  • Скрипт вставлен как HTML, а не как видимый текст.
  • В адресе скрипта сохранился полный уникальный идентификатор.
  • На странице нет второго старого скрипта КликЧат.
  • Кеш сайта, CDN и браузера очищен или проверка выполнена в приватном окне.
  • Блокировщик рекламы не скрывает сторонние скрипты во время проверки.
КликЧат

Общайтесь с клиентами на сайте и в Telegram

Подключение занимает несколько минут. Бесплатный тариф доступен без ограничения по времени.

Подключить бесплатно →