Как скрыть чат на страницах сайта и открыть его своей кнопкой

Прячем плавающую кнопку там, где она мешает, открываем чат своей кнопкой и управляем виджетом из кода сайта.

Плавающая кнопка чата удобна на большинстве страниц, но кое-где мешает: в корзине закрывает кнопку оплаты, в личном кабинете перекрывает меню. Её можно скрыть на выбранных страницах, а чат открывать своей кнопкой, там, где это уместно.

Скрыть кнопку на отдельных страницах

Откройте проект → Настройки → блок «Кнопка чата на страницах сайта».
Выберите режим: «Везде, кроме» (кнопка видна везде, кроме указанных страниц) или «Только на» (кнопка видна только на них).
Впишите адреса, по одному в строке.
Проверьте нужный адрес в поле «Проверить адрес» и нажмите «Сохранить».

Как записывать адреса:

Запись	Что означает
`/cart`	Только страница `/cart`
`/account*`	`/account` и всё внутри: `/account/orders`, `/account/settings`
`/checkout`	Любой адрес, где встречается `/checkout`
`/catalog?sort=price`	Страница именно с этими параметрами
`# заметка`	Комментарий, не учитывается

Можно вставлять и полный адрес, например https://site.ru/cart: домен отбросится. Пустой список означает, что кнопка видна везде.

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

Важно: на скрытых страницах пропадает только плавающая кнопка и приветственное сообщение. Сам чат работает: его можно открыть своей кнопкой (см. ниже), а если посетитель уже переписывался, разговор сохранится.

Открыть чат своей кнопкой

На любом сайте

Добавьте кнопке атрибут data-consult-open:

<button data-consult-open>Задать вопрос</button>

Если указать текст, чат откроется с уже написанным сообщением. Посетителю останется нажать «Отправить»:

<button data-consult-open="Хочу рассчитать доставку">Рассчитать доставку</button>

Атрибут работает на любом элементе: кнопке, ссылке, карточке товара.

На Тильде и в конструкторах

Там, где нельзя добавить атрибут, используйте ссылку. В настройках кнопки в поле «Ссылка» укажите:

#consult-open

В WordPress

Добавьте блок «Произвольный HTML» и вставьте код кнопки с data-consult-open.

Из письма или другой страницы

Добавьте #consult-open в конец адреса, и чат откроется сразу после загрузки страницы:

https://site.ru/dostavka#consult-open

JavaScript API

После загрузки виджета на странице доступен объект window.ConsultWidget.

Если вызываете API сразу при загрузке страницы

Виджет грузится асинхронно, и в первые секунды его может ещё не быть. Поставьте в <head> до кода виджета заглушку: вызовы накопятся и выполнятся, как только виджет запустится.

<script>
  window.ConsultWidget = window.ConsultWidget || function () {
    (ConsultWidget.q = ConsultWidget.q || []).push(arguments);
  };
</script>

С заглушкой вызывайте методы через функцию: ConsultWidget('open'). После загрузки работают обе формы: ConsultWidget.open() и ConsultWidget('open').

Управление виджетом: скрытие на страницах, свои кнопки и JavaScript API