Брендинг
Кратко
Раздел "Брендинг" позволяет администратору настроить визуальное оформление платформы под корпоративный стиль: загрузить логотип, выбрать цветовую схему, настроить имя и аватар бота-ассистента, а также указать домены для встраивания виджетов. Все изменения применяются для клиентского интерфейса и виджетов компании.
Кто имеет доступ
| Роль | Возможности |
|---|---|
| Администратор | Полный доступ: загрузка логотипа, цветовая схема, настройки бота |
| Руководитель | Нет доступа (раздел скрыт) |
| Оператор | Нет доступа |
| Сотрудник клиента | Нет доступа |
| Клиент | Нет доступа |
Где найти
В админ-панели: боковая навигация -- Настройки -- раздел Брендинг.
Путь в SPA: #settings/branding
Как работает
Загрузка логотипа
Область для загрузки логотипа компании (white-label):
| Параметр | Значение |
|---|---|
| Форматы | PNG, JPG, SVG |
| Максимальный размер | 2 МБ |
| Рекомендуемый размер | 200x60 пикселей (горизонтальный) |
| Где отображается | Шапка клиентского интерфейса, виджет, PDF-отчёты |
Загрузка выполняется через drag-and-drop или кнопку "Выбрать файл". После загрузки отображается превью. Кнопка "Удалить" возвращает логотип по умолчанию (название компании текстом).
Логотип сохраняется в директории data/files/ контейнера и привязывается к компанияу.
Цветовая схема
Три цветовых поля с палитрой выбора (color picker):
| Цвет | Назначение | По умолчанию |
|---|---|---|
| Основной (primary) | Шапка, кнопки действий, активные элементы навигации | #2563eb (синий) |
| Дополнительный (secondary) | Второстепенные кнопки, фоновые акценты, ховеры | #64748b (серый) |
| Акцентный (accent) | Уведомления, счётчики, индикаторы, ссылки | #f59e0b (оранжевый) |
Цвета применяются через CSS-переменные:
--color-primary-- основной цвет--color-secondary-- дополнительный цвет--color-accent-- акцентный цвет
Изменения видны в реальном времени (live preview) в блоке предпросмотра на странице настроек. После сохранения цвета применяются ко всему клиентскому интерфейсу и виджетам.
Имя бота
Текстовое поле для настройки имени бота-ассистента:
| Параметр | Описание |
|---|---|
| По умолчанию | "Дина" |
| Максимальная длина | 30 символов |
| Где отображается | Автоматические сообщения, приветствия, системные уведомления |
Имя бота используется:
- В приветственном сообщении при создании заявки через канал
- В системных сообщениях (смена статуса, напоминания)
- В автоответах по категориям
- В AI-ассистенте при разговорном режиме создания заявок
Аватар бота
Загрузка изображения для аватара бота:
| Параметр | Значение |
|---|---|
| Форматы | PNG, JPG |
| Максимальный размер | 1 МБ |
| Рекомендуемый размер | 128x128 пикселей (квадрат) |
| Где отображается | Рядом с системными сообщениями в чате заявки |
Если аватар не загружен, используется иконка по умолчанию (инициалы имени бота).
Домены для встраивания (whitelist)
Текстовое поле для указания доменов, на которых разрешено встраивание виджетов:
| Параметр | Описание |
|---|---|
| Формат | По одному домену на строку |
| Примеры | example.com, *.example.com, shop.client.kz |
| Wildcard | Поддерживается (*.domain.com -- все поддомены) |
Если список пуст -- встраивание разрешено с любого домена (не рекомендуется в production). При заполненном списке виджет загружается только на указанных доменах, с остальных -- блокируется через проверку заголовка Referer.
Домены whitelist применяются ко всем виджетам компании одновременно. Для индивидуальных ограничений используйте настройки конкретного виджета (Настройки -- Виджеты).
Настройка
Рекомендуемый порядок:
- Загрузить логотип компании
- Выбрать цветовую схему, соответствующую корпоративному стилю
- Задать имя бота (или оставить по умолчанию)
- При необходимости загрузить аватар бота
- Указать домены для встраивания виджетов (если используются)
- Проверить результат в предпросмотре
Частые вопросы
Цветовая схема не применяется к админ-панели?
Цветовая схема брендинга применяется только к клиентскому интерфейсу и виджетам. Админ-панель использует стандартную цветовую схему платформы для единообразия работы операторов.
Можно ли задать разные цвета для разных виджетов?
В текущей версии цветовая схема едина для всех виджетов компании. Индивидуальная стилизация виджетов планируется в будущих обновлениях.
Логотип обрезается или искажается
Загружайте горизонтальный логотип с соотношением сторон примерно 3:1 (ширина в 3 раза больше высоты). Рекомендуемый размер: 200x60 пикселей. Логотип автоматически масштабируется по высоте шапки.
Как сбросить брендинг к настройкам по умолчанию?
Удалите логотип (кнопка "Удалить"), установите цвета по умолчанию (синий/серый/оранжевый) и верните имя бота "Дина". Кнопки "Сбросить всё" в текущей версии нет.
Что означает whitelist доменов?
Это список доменов, на которых разрешена работа виджета. Если посетитель откроет страницу с виджетом на домене, не входящем в whitelist, виджет не загрузится. Это защита от несанкционированного использования виджета на чужих сайтах.
Связанные статьи
- Настройки: Общие -- модули платформы
- Настройки: Безопасность -- API-ключи и доступ
- Создание заявки -- виджет как канал создания заявок
- Настройки: Заявки -- категории и приоритеты