← Все статьи

Как управлять виджетом с помощью JavaScript

Открываем и закрываем чат по кнопке или по событию на странице.

Перед началом

Виджетом КликЧат можно управлять из JavaScript: открывать его по нажатию на свою кнопку, после появления блока в зоне видимости или в ответ на другое событие.

Вызывайте методы только после загрузки скрипта виджета. В примерах ниже это проверяется автоматически.

Открытие виджета

1

Проверьте готовность виджета

Если функция существует, виджет уже загружен и его можно безопасно открыть.

// Проверяем, что виджет загрузился
if (document.telegramFeedback_open !== undefined) {
  document.telegramFeedback_open();
}

Пример с собственной кнопкой

Назначьте обработчик нужной кнопке и вызовите метод открытия КликЧат.

const myButton = document.getElementById('my_button');

myButton.onclick = function () {
  if (document.telegramFeedback_open !== undefined) {
    document.telegramFeedback_open();
  }
};
Теперь внешний вид кнопки полностью контролируется вашим сайтом, а КликЧат открывается по нажатию.

Закрытие виджета

Для программного закрытия используется аналогичный метод.

const myButton = document.getElementById('close_chat_button');

myButton.onclick = function () {
  if (document.telegramFeedback_close !== undefined) {
    document.telegramFeedback_close();
  }
};
КликЧат

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

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

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