Установка виджета на сайт

Виджет — кнопка чата в углу сайта. Посетитель нажимает её и пишет вам, без регистрации.

Добавьте сайт

1. Откройте Настройки → Сайты и нажмите «Добавить сайт».
2. Введите домен без https:// и пути, например example.ru. Поддомены (shop.example.ru) подключаются автоматически.
3. Нажмите «Код установки» и «Скопировать».

Код выглядит так (ваш ключ будет своим):

<script src="https://chatoper.ru/widget/chat-widget.js" data-server="https://chatoper.ru" data-widget-key="ВАШ_КЛЮЧ"></script>

Вставьте его на все страницы сайта, лучше всего — перед закрывающим тегом </body>. Код можно поставить и в <head>: виджет дождётся загрузки страницы. Менять код при смене настроек не нужно — цвет, тексты и расписание применяются сразу.

Виджет работает только на добавленном домене и его поддоменах. Если вставить код на другой сайт, чат там не откроется — см. Почему виджет не работает на другом домене.

Tilda

1. Откройте Настройки сайта → Ещё.
2. В поле «HTML-код для вставки внутрь HEAD» вставьте код и сохраните.
3. Нажмите «Опубликовать все страницы» — код появится на страницах только после публикации.

Другой способ — блок T123 «HTML-код» (раздел «Другое») на нужных страницах или в общем подвале.

WordPress

Проще всего — через плагин вставки кода, например WPCode (бывший «Insert Headers and Footers»):

1. Плагины → Добавить новый, найдите WPCode, установите и активируйте.
2. Code Snippets → Header & Footer, вставьте код в поле Footer и сохраните.

Если на сайте есть плагин кэширования — очистите кэш.

1С-Битрикс

1. В административной части: Настройки → Настройки продукта → Сайты → Шаблоны сайтов.
2. Откройте шаблон, который использует сайт, и в коде шаблона вставьте код перед </body>.
3. Сохраните и сбросьте кэш (Настройки → Настройки продукта → Автокеширование → Очистка файлов кеша).

InSales

1. Сайт → Шаблоны, у активной темы выберите редактирование кода.
2. Откройте файл макета (обычно layouts/layout.liquid) и вставьте код перед </body>.
3. Сохраните.

Google Tag Manager

1. Теги → Создать → Конфигурация тега → Пользовательский HTML, вставьте код.
2. Триггер → All Pages (все страницы).
3. Сохраните и нажмите «Отправить» → «Опубликовать».

Другие конструкторы и CMS

Подойдёт любое место, куда можно вставить HTML-код на все страницы: «код в подвале», «код перед </body>», «счётчики и коды», «вставка JavaScript». Ищите в настройках сайта или шаблона.

Проверьте, что виджет работает

1. Откройте свой сайт в новой вкладке (лучше в режиме инкогнито — без старого кэша).
2. Справа внизу появится кнопка чата. Напишите сообщение.
3. Сообщение придёт в панель в раздел «Диалоги» — ответьте, ответ появится в окне чата на сайте.

Посмотреть виджет без сайта можно кнопкой «Проверить» (значок ↗) в списке сайтов.

Кнопка не появилась

• Сайт не опубликован — в конструкторах (Tilda и др.) код появляется только после публикации.
• Кэш — очистите кэш плагина, CDN или CMS и обновите страницу.
• Другой домен — сайт открывается по адресу, которого нет в «Настройки → Сайты», например по техническому домену конструктора. Добавьте этот адрес отдельным сайтом.
• Сайт отключён — в списке сайтов статус «Отключён»: нажмите «Включить».
• Код вставлен не целиком — проверьте, что строка начинается с <script и заканчивается на </script>.

Если не помогло — напишите нам, приложите адрес сайта.