Виджет и оформление

Виджет — это тот самый «пузырь» в углу сайта, которого видят ваши клиенты. В Niti Chat его внешний вид настраивается без единой строки кода. Этот гайд показывает, что можно поменять и как.

Где меняются настройки

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

Тема (пресеты)

Есть 5 готовых тем — каждая задаёт палитру и скругления сразу:

• Pastel — светлые пастельные тона (по умолчанию).
• Midnight — тёмная, для сайтов с тёмной палитрой.
• Ocean — синий акцент.
• Sunset — тёплый коралловый.
• Mono — нейтральный, под брендовые проекты.

Цвет акцента и текста

Каждая тема — это отправная точка. Дальше подстраивайте под бренд:

• Основной цвет — цвет кнопки виджета и исходящих сообщений оператора.
• Цвет входящих — фон сообщений клиента.
• Цвет текста — цвет текста в диалоге.

Цвет задаётся в HEX (например, #7D5FA8). Палитра принимает любые значения — следите за контрастом.

Логотип и название

• Название — подпись в шапке виджета (обычно имя компании).
• Логотип — квадратное изображение PNG/SVG до 512×512. Рекомендуется с прозрачным фоном.
• Аватар оператора — ставится отдельно в профиле каждого оператора (Команда → сотрудник → фото).

Приветствие

Первое сообщение, которое клиент видит, открыв виджет. Настраивается отдельно для рабочих часов и вне смены (см. Расписание и автоответы).

Пример:

Здравствуйте! Я AI-ассистент «Ромашки».
Отвечаю мгновенно, по сложным вопросам
подключу живого менеджера.

Положение на странице

• Правый нижний угол — дефолт, подходит большинству сайтов.
• Левый нижний угол — если справа уже есть другие виджеты.

Отступ от края можно задать в пикселях (по умолчанию 20 px).

Код для вставки

Когда всё настроено — скопируйте снипет из раздела «Код для вставки» и добавьте на сайт перед </body>. Один снипет работает на всех страницах. Подробнее — в Старт за 5 минут.

Когда виджет не показывается

• Проверьте, что снипет вставлен именно на той странице (в шаблоне, а не на одной).
• Откройте сайт в режиме инкогнито — расширения браузера (блокировщики) могут прятать виджет.
• Убедитесь, что у домена нет жёсткой Content Security Policy, запрещающей загрузку скриптов с app.nitichat.ru.