Перейти к содержимому

Настройка виджета

Персонализируйте внешний вид вашего чат-виджета в соответствии с брендом и дизайном сайта.

Все параметры настройки виджета доступны в разделе Настройки → Каналы → Веб. Выберите веб-канал и откройте вкладку Внешний вид.


Цвет темы применяется единообразно ко всему виджету:

  • Фон кнопки запуска
  • Фон панели заголовка
  • Цвет кнопки отправки
  • Цвет выделения ссылок
  • Фон пузырька сообщения пользователя

Выберите цвет, соответствующий фирменному стилю и обеспечивающий хороший контраст с белым текстом.


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

Примеры:

  1. «Привет! Чем могу помочь сегодня?»
  2. «Добро пожаловать в поддержку Acme. Задайте любой вопрос о наших продуктах и услугах.»
  3. «Здравствуйте! Я здесь, чтобы помочь. Чем могу быть полезен?»

ПоложениеЗначениеКогда использовать
Нижний правый уголbottom-right (по умолчанию)Стандартное размещение, подходит для большинства сайтов
Нижний левый уголbottom-leftКогда правая сторона конфликтует с другими элементами

v1.6.4

Отображайте пользовательский аватар в заголовке виджета и на главном экране, указав URL изображения.

Через панель управления: Укажите URL аватара в Настройки → Каналы → Веб → Кастомизатор → URL аватара.

Через код встраивания: Передайте avatarUrl в конфигурации темы:

<script>
window.ClientaConfig = {
botId: "YOUR_BOT_ID",
widgetId: "YOUR_WIDGET_ID",
theme: {
avatarUrl: "https://example.com/your-logo.png"
}
};
</script>

Требования:

  • Должен быть URL с https:// (URL с http, data: и javascript: отклоняются из соображений безопасности)
  • Рекомендуемый размер: 128 × 128 пикселей (квадрат)
  • Поддерживаемые форматы: PNG, JPG, WebP, SVG
  • Если URL недействителен или изображение не загружается, отображается иконка по умолчанию

v1.6.2

Приветственное сообщение поддерживает три языковых режима. Перейдите в Настройки → Каналы → Веб → Кастомизатор и найдите раздел Режим приветствия.

Одинаковый текст приветствия отображается всем посетителям независимо от языка. Это режим по умолчанию.

Введите одно приветствие в текстовое поле. Например: «Привет! Чем могу помочь сегодня?»

Показывайте разные приветствия для каждого языка. Виджет определяет язык посетителя и отображает соответствующее приветствие.

  1. Выберите режим По языку посетителя.
  2. Появится поле для каждой из 15 поддерживаемых локалей.
  3. Заполните текст приветствия для каждого нужного языка.
  4. Оставьте поле локали пустым, чтобы использовать статичное приветствие для этого языка.

Пример настройки:

  • Тайский: «สวัสดีค่ะ! มีอะไรให้ช่วยไหม?»
  • Английский: «Hi! How can I help you today?»
  • Японский: «こんにちは!何かお手伝いできますか?»

Приветствие всегда отображается на основном языке ответов организации, независимо от языка посетителя. Этот режим использует язык, заданный в Настройки ИИ → Основной язык ответов.

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


v1.6.2

Выбор языка добавляет иконку глобуса (🌐) в заголовок виджета, позволяя посетителям явно выбрать язык. По умолчанию отключён.

Для включения: В Настройки → Каналы → Веб → Кастомизатор переключите Показывать выбор языка в положение ВКЛ.

Когда посетитель выбирает язык из выпадающего списка:

  • Все ответы ИИ фиксируются на этом языке на протяжении сессии
  • Блокировка переопределяет автоопределение, даже если посетитель пишет на другом языке
  • Интерфейс виджета переключается на выбранный язык

Подробнее о поведении см. в Веб-виджет — Выбор языка.


v1.6.8

Задайте язык по умолчанию для виджета, чтобы посетители видели интерфейс на нужной локали до выполнения автоопределения. Перейдите в Настройки → Каналы → Веб → Кастомизатор → Язык по умолчанию и выберите значение из выпадающего списка.

Приоритет языков:

  1. Принудительный язык (Настройки ИИ) — переопределяет всё при включении
  2. Явный выбор посетителя (через выбор языка, если включён)
  3. Язык по умолчанию — данная настройка
  4. Локаль в коде встраивания — значение locale в коде встраивания
  5. Тайский — резервный вариант, если ничего не задано

Выберите «Нет — использовать настройки кода встраивания», чтобы пропустить эту настройку и опираться на значение локали из кода встраивания.


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