Сайт и окно чата

Окно чата появляется на вашем сайте после одной вставки кода: посетитель нажимает кнопку в углу страницы и пишет вам, а сообщение приходит в «Обращения».

Сайт поддержки

Сайт поддержки — карточка в кабинете, которая объединяет окно чата, каналы и обращения одного проекта. Первый сайт кабинет создаёт при подключении продукта. Если вы тогда указали адрес своего сайта, он уже добавлен на вкладку «Домены».

Ещё один сайт поддержки создаётся в «Поддержка клиентов» → «Сайты» → «Создать сайт»:

• «Название» видите только вы и коллеги;
• «Локали» — языки сайта, «Основная локаль» — язык по умолчанию;
• «Префикс номеров обращений» — с префиксом SHOP номера выглядят как SHOP-10452;
• «Магазин» — необязательно: сайт с магазином обслуживают и сотрудники этого магазина. После создания магазин не меняется.

Заведите отдельный сайт поддержки для каждого проекта или бренда: у него будет свой код окна чата, свои каналы и папки обращений. Сколько сайтов можно создать, зависит от тарифа.

Как поставить окно чата

1. Откройте сайт поддержки и вкладку «Виджет».
2. Внизу, в карточке «Код для вставки», нажмите «Скопировать код для вставки».
3. Вставьте код в HTML страниц, где нужно окно чата, — проще всего в общий шаблон сайта, как счётчик Метрики.
4. Откройте вкладку «Домены», нажмите «Добавить хост», выберите вид «Страница с виджетом» и укажите адрес сайта, например shop.example.ru. Все поддомены покрывает маска *.example.ru.

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

Если ваш сайт ограничивает сторонние скрипты политикой безопасности (CSP), разрешите в ней https://help.invoicebox.ru для script-src, connect-src и frame-src.

Как проверить, что окно работает

Откройте страницу своего сайта: в углу появится кнопка окна чата. Нажмите её, откройте чат и отправьте пробное сообщение. Оно появится в «Поддержка клиентов» → «Обращения» со статусом «Новое». Ответьте на него — ответ придёт в то же окно чата.

Кнопки нет — проверьте три вещи:

• на вкладке «Виджет» включён переключатель «Виджет включён»;
• код вставлен именно на эту страницу;
• хост страницы есть на вкладке «Домены».

Если у сайта поддержки задана политика cookie, окно сначала покажет плашку согласия с cookie, а кнопку чата — после ответа посетителя.

Настройки окна чата

Всё, что видит посетитель, настраивается на вкладке «Виджет». Изменения вступают в силу после кнопки «Сохранить».

• «Кнопка» — угол страницы, отступы от краёв и «Анимация кнопки»: с «Пульсацией» от кнопки расходятся волны, пока посетитель не откроет чат.
• «Окно чата» — фон, «Заголовок», «Подзаголовок» и «Приветствие». Если подзаголовок пуст, окно покажет, как быстро вы обычно отвечаете, — когда обращений наберётся достаточно для статистики.
• «Быстрые вопросы» — готовые фразы: посетитель отправляет их оператору одним нажатием. Вопросы с готовым ответом настраиваются отдельно — ИИ-помощник и частые вопросы.
• «Имя и почта посетителя» — не спрашивать, предлагать после первого сообщения или требовать до него. Почта пригодится, если посетитель закроет страницу раньше, чем вы ответите.
• «Вход через Инвойсбокс ID» — включайте, только если посетители вашего сайта — пользователи Инвойсбокс.
• «Инструменты для ИИ-агентов (WebMCP)» — окно чата понятно ИИ-агентам в браузере посетителя. Подробнее — ИИ-агенты на вашем сайте.
• «Меню кнопки» — что открывается по кнопке: чат, Telegram, MAX, ВКонтакте, телефон, почта, статья справки или ссылка. Пункты «Бот Telegram сайта» и «Бот MAX сайта» ведут к боту, которого вы подключили на вкладке «Каналы».

Цвета, логотип и значок окна задаются на вкладке «Бренд». Если у сайта несколько языков, переключите язык над блоками вкладки «Виджет» и переведите тексты окна, плашки cookie и меню.

Персональные данные и cookie

На вкладке «Основное», в блоке «Персональные данные», укажите ссылки на документы вашего сайта:

• «Политика обработки персональных данных» — без неё окно чата не спрашивает имя и почту, а заявки с форм на сайте не принимаются;
• «Текст согласия» — если согласие у вас отдельным документом;
• «Политика cookie» — с ней окно сначала показывает плашку согласия с cookie. Вид и текст плашки — в блоке «Плашка cookie» вкладки «Виджет».

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

Остались вопросы — напишите на c-support@invoicebox.ru или позвоните +7 (812) 448-08-01 (9:00–21:00 МСК).