Налаштування віджета

Сторінка налаштувань віджета дозволяє персоналізувати зовнішній вигляд, вміст та поведінку вашого віджета чату. Зміни попередньо переглядаються в реальному часі на правій стороні сторінки.

Доступ до налаштувань віджета

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. Спробуйте інше зображення або зменшіть розміри