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

Страница настроек виджета позволяет персонализировать внешний вид, контент и поведение вашего виджета чата. Изменения предварительно просматриваются в реальном времени на правой стороне страницы.

Доступ к настройкам виджета

1. Войдите в свою панель Chatim
2. Выберите свой проект из боковой панели
3. Нажмите Виджет в меню навигации

Настройки внешнего вида

Цвет виджета

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

• Выберите из предустановленных образцов цветов
• Введите пользовательский шестнадцатеричный код цвета

Совет: Выберите цвет, который соответствует вашему бренду, обеспечивая хороший контраст и видимость.

Форма кнопки

Изображения

Аватар заголовка

Загрузите пользовательское изображение аватара, которое появляется в заголовке виджета рядом с вашим заголовком. Принимает JPG, PNG или WebP до 500 КБ. Рекомендуется квадратное соотношение сторон (1:1), 100x100 пикселей или больше.

Иконка кнопки

Замените стандартную иконку кнопки запуска чата на своё пользовательское изображение. Принимает JPG, PNG или WebP до 500 КБ. Рекомендуется квадратное соотношение сторон (1:1), 70x70 пикселей или больше. Рассмотрите использование прозрачного PNG для лучших результатов.

Настройки контента

Заголовок виджета

Основной заголовок, отображаемый в заголовке виджета при открытии. Держите его до 85 символов.

Примеры: "Поддержка Chatim", "Как мы можем помочь?", "Чат с продажами"

Подзаголовок виджета

Необязательный вторичный текст, отображаемый под заголовком. Держите его до 85 символов.

Примеры: "Обычно отвечаем за минуты", "Доступны 24/7", "Спрашивайте что угодно!"

Приветственное сообщение

Всплывающее сообщение, которое появляется рядом с закрытым виджетом для привлечения внимания посетителя. Держите его до 50 символов.

Примеры: "Нужна помощь? Напишите нам!", "Привет! Есть вопросы?", "Мы онлайн!"

Настройки позиции

Позиция виджета

Отступ на десктопе

Контролируйте, насколько далеко виджет расположен от края экрана на десктопных устройствах. Диапазон: от 1px до 300px. По умолчанию: 15px.

Отступ на мобильном

Контролируйте, насколько далеко виджет расположен от края экрана на мобильных устройствах. Диапазон: от 1px до 300px. По умолчанию: 15px. Возможно, вам понадобится меньший отступ на мобильном для максимизации пространства экрана.

Настройки тайминга

Автоматическое открытие виджета

Автоматически открывайте виджет чата после того, как посетитель находится на вашей странице в течение указанного времени. Диапазон: от 0 до 120 секунд.

• 0 секунд — Отключено (виджет остаётся закрытым до клика)
• 5-10 секунд — Хорошо для вовлечения заинтересованных посетителей
• 30+ секунд — Менее навязчиво, захватывает вовлечённых посетителей

Сброс чата (длительность сессии)

Контролируйте, как долго сохраняется история чата посетителя перед началом заново. Диапазон: от 0 до 120 часов (5 дней).

• 0 часов — Никогда не сбрасывать (чат сохраняется бесконечно)
• 24 часа — Ежедневный сброс (по умолчанию)
• 72 часа — Трёхдневные сессии
• 120 часов — Максимальные пятидневные сессии

Параметры URL

Настройте автоматический захват параметров URL со страниц посетителей. Это полезно для отслеживания маркетинговой атрибуции и данных кампаний без изменений кода.

• Включить захват параметров URL — Включить или отключить
• Захватывать все параметры URL — Захватывает каждый действительный параметр URL
• Захватывать только определённые параметры — Использует белый список (по умолчанию: utm_source, utm_medium, utm_campaign, utm_term, utm_content, ref)

Для получения подробной информации о работе параметров URL с JavaScript SDK смотрите документацию Widget SDK.

Настройки звука

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

Предварительный просмотр в реальном времени

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

Примечание: Предварительный просмотр использует демонстрационный режим и не подключается к вашему реальному потоку чат-бота.

Сохранение изменений

Нажмите Сохранить для применения изменений. Изменения немедленно отобразятся на вашем живом сайте. Всегда сохраняйте перед выходом со страницы — несохранённые изменения будут потеряны.

Лучшие практики

• Последовательность бренда — Используйте цвета своего бренда, загрузите логотип как аватар заголовка и соответствуйте тону вашего сайта
• Пользовательский опыт — Разместите виджет там, где он не будет закрывать важный контент, пишите дружелюбные и приглашающие сообщения
• Мобильная оптимизация — Тестируйте на мобильных устройствах, настраивайте мобильный отступ отдельно, держите текст коротким
• A/B тестирование — Попробуйте разные приветственные сообщения, тайминги автоматического открытия, позиции, цвета и формы кнопок

Решение проблем

Изменения не появляются на сайте

1. Убедитесь, что вы нажали Сохранить
2. Очистите кеш браузера
3. Попробуйте принудительное обновление (Ctrl+F5 или Cmd+Shift+R)
4. Проверьте, правильно ли установлен код виджета

Ошибка загрузки изображения

1. Проверьте, что размер файла менее 500 КБ
2. Убедитесь в правильном формате (JPG, PNG, WebP)
3. Попробуйте другое изображение или уменьшите размеры