← Справочный центр

Виджет веб-чата для вашего сайта

Где: Sparky AI > Веб-чат.

Кнопка чата, которую вы встраиваете на свой сайт; отвечает тот же ИИ-ассистент. Разговоры оттуда приходят во «Входящие» Ignix, как из любого другого канала. Если включены «Записи», в чате появляется ещё и кнопка «Записаться», которая открывает выбор (услуга, день, время, данные) без участия ИИ, — и этот же чат можно показать на вашей публичной странице записи (см. «Записи»).

Пошагово

  1. Откройте Sparky AI > Веб-чат.
  2. Включите виджет.
  3. Задайте заголовок, приветствие, цвет, логотип и имя ассистента.
  4. При желании ограничьте домены, на которых он может работать (по одному домену в строке). Оставьте поле пустым, чтобы разрешить любой домен.
  5. Скопируйте код и вставьте его на свой сайт прямо перед закрывающим тегом body.

Если вы изменили настройки виджета, а сайт всё ещё показывает старую версию, — это кэш браузера или CDN. Подождите несколько минут или проверьте в приватном окне.

ГДЕ НАХОДИТСЯ КНОПКА (и что делать, если она мешает)

По умолчанию кнопка чата стоит справа внизу — там же, где на большинстве сайтов корзина, плашка про cookie или кнопка WhatsApp. Всё, что ниже, находится в Sparky AI > Веб-чат, в блоке «Расположение на сайте»:

  • Сторона: справа внизу или слева внизу.
  • Отступ от края и от низа, от 0 до 200 px. Так кнопку можно приподнять над закреплённой панелью, не перенося её в другой угол.
  • Разрешить посетителям убирать чат: маленький язычок сворачивает кнопку во вкладку у края экрана. Чат при этом НЕ закрывается — одно касание возвращает его, на следующей странице он снова на месте, а если посетителю кто-то напишет, он откроется сам. Включено по умолчанию.
  • Не показывать на телефонах: при ширине меньше 640 px чат вообще не загружается.
  • Страницы, где он не должен появляться: один путь в строке, * означает «всё, что дальше». Например, /checkout* убирает его со всего оформления заказа.
  • Использовать свою кнопку вместо нашей: наша кнопка полностью скрывается, а чат открывается из любого элемента вашего сайта:

<button onclick="Ignix.open()">Chat with us</button>

Также доступны Ignix.close(), Ignix.toggle() и Ignix.isOpen(). Они работают независимо от того, скрыта кнопка или нет, так что можно оставить и кнопку чата, и ссылку «связаться с нами» в подвале.

Изменения расположения применяются сразу: настройки передаются вместе с конфигурацией виджета, а не с кодом, поэтому трогать сайт заново не нужно.

Всё это можно сделать и через подключённого ИИ-ассистента, не открывая экран: «перенеси чат влево», «убери его с оформления заказа», «скрой на мобильных». См. «Интеграции и пользовательские действия». Он также может поменять приветствие, цвета, быстрые кнопки, стартовые вопросы или форму перед чатом. Разрешённые домены и ключ чата меняете только вы.

Внешний вид, кнопки и файлы

  • Стиль: «Классический» (шапка в вашем цвете и облачка сообщений) или «Стекло» (полупрозрачная панель с вашим логотипом в качестве обложки). Можно также выбрать цвет фона панели.
  • Кнопки: до 3 быстрых ссылок под приветствием, плюс ссылка на вашу политику конфиденциальности и на то, как вы используете ИИ (без неё в чате отображается «ИИ-ассистент» — этого требует ЕС).
  • Файлы: посетители могут прикреплять фото и файлы PDF, Word, Excel или CSV (до 10 МБ). ИИ смотрит фото и читает PDF, Word и CSV; файлы Excel передаются вам. Из «Входящих» можно отправлять файлы в ответ.

Все статьи

Виджет веб-чата для вашего сайта — Ignix Help