Онлайн-чат на сайт
Виджет чата встраивается на сайт одной строкой кода. Посетитель задаёт вопрос в окошке в углу страницы — вам приходит push-уведомление, и вы отвечаете из мобильного приложения Notix или из веб-панели (раздел «💬 Чаты»). Клиент не уходит с сайта, а вы не теряете ни одного обращения.
Подключение за 2 минуты
- В панели Notix откройте Источники → + Подключить → Чат на сайте.
- Укажите домен сайта и часы работы (необязательно).
- Скопируйте готовый script-тег из аккордеона источника и вставьте перед
</body>.
<script defer src="https://notix-hub.ru/js/chat.js"
data-site-id="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"></script>Где взять готовый скрипт
После создания источника «Чат» в строке источника раскройте аккордеон — там будет именно script-тег виджета (а не curl-команда вебхука). Ссылка «📖 Как интегрировать» ведёт на эту страницу.
Атрибуты script-тега
| Атрибут | Значение | По умолч. | Описание |
|---|---|---|---|
data-site-id | UUID | — | UUID источника «Чат» (обязательно). Публичный идентификатор, не секрет |
data-color | #0F4C81 | #0F4C81 | Цвет кнопки и шапки виджета (HEX) |
data-position | bottom-right / bottom-left | bottom-right | В каком углу показывать виджет |
data-api | URL | notix-hub.ru/api/v1 | Свой URL API (для self-hosted) |
data-ws | wss://... | wss://notix-hub.ru:8083 | WebSocket-хост для realtime-сообщений |
Настройка внешнего вида виджета
Цвет кнопки/шапки и положение виджета задаются отдельно для каждого источника — у каждого сайта свой виджет. Поменять их можно и при создании источника («+ Подключить → Чат на сайте»), и позже: раскройте строку чат-источника в разделе «Источники» — там блок «Настройки виджета чата» с палитрой цвета и переключателем «Справа внизу / Слева внизу». Изменения сохраняются автоматически и сразу попадают в script-тег.
Как это работает
- Realtime через WebSocket. Сообщения посетителя и ваши ответы доставляются мгновенно по постоянному соединению — без перезагрузки страницы и без опросов сервера.
- Push вам на телефон. Новое сообщение в чате = push-уведомление в приложении Notix. Открыли — ответили, как в мессенджере.
- Один диалог на посетителя. Виджет хранит идентификатор посетителя в браузере: вернувшийся клиент продолжает ту же переписку.
- История сохраняется. Все сообщения доступны в разделе «💬 Чаты» панели и в мобильном приложении.
Расписание и форма обратной связи
В настройках источника «Чат» задаются часы онлайн и перерыв. Вне часов работы виджет показывает посетителю сообщение «сейчас не на связи» и автоматически подставляет форму обратной связи: имя, контакт и текст. Отправленное через неё сообщение приходит в Notix как обычный лид — вы не потеряете обращение, даже если были оффлайн.
Таймаут ответа
Если оператор не ответил в течение настроенного времени (по умолчанию 2 минуты), посетителю тоже предлагается форма обратной связи — чтобы диалог не завис в ожидании.
Ответы из панели и мобильного приложения
Раздел «💬 Чаты» в веб-панели показывает список активных диалогов слева и переписку справа. Ответы отправляются по WebSocket и сразу отображаются у посетителя на сайте. Тот же интерфейс доступен в мобильном приложении Notix — ведите переписку с телефона.
Безопасность
- Привязка к домену. Токен источника принимает соединения только с указанного домена — скрипт не заработает, если его скопируют на чужой сайт.
- Без регистрации для посетителя. Идентификатор генерируется в браузере автоматически, собирать личные данные до начала диалога не требуется.
Чат на этом сайте
Виджет на вашем собственном сайте подключается через переменные окружения — токен задаётся один раз в .env, и скрипт встраивается автоматически на все страницы:
NOTIX_CHAT_TOKEN=ntx_...
NOTIX_CHAT_URL=https://notix-hub.ru/js/chat.js
NOTIX_CHAT_COLOR=#0F4C81
NOTIX_CHAT_POSITION=bottom-right
NOTIX_CHAT_WS=wss://notix-hub.ru:8083Если NOTIX_CHAT_TOKEN пуст — виджет не выводится. Цвет, положение и WebSocket-хост необязательны.