Как настроить внешний вид виджета с помощью JavaScript
Чтобы адаптировать виджет к стилю сайта и улучшить пользовательский опыт, вы можете использовать JavaScript-конфигурацию для вашего онлайн-чата.
В файле JavaScript настройте следующие параметры. Все они являются необязательными.
primaryColor |
Основной цвет для фона, сообщений и заголовка чата в формате hex. |
colorScheme |
Параметры темы чата. Вы можете использовать значения light, dark и auto для соответственно светлой, темной или автоматической адаптации. |
chatPosition{} |
Смещение от нижнего и правого края окна. В фигурных скобках нужно указать параметры:
|
custom_img_button{} |
Своя иконка кнопки чата с возможностью изменения изображения при наведении. В фигурных скобках нужно указать параметры:
|
height |
Высота виджета, от 480 до 720 пикселей. |
language |
Язык системных элементов виджета. Поддерживаются следующие значения:
|
Пример кода с кастомизированными параметрами стиля онлайн-чата:
<script>
document.addEventListener('spLiveChatLoaded', function() {
window.sp.liveChat.config({
primaryColor: '#48A0BD',
colorScheme: 'auto',
chatPosition: {
bottom: '32px',
right: '32px'
},
custom_img_button: {
url: 'https://cdn.sendpulse.com/files/mp/5/e4b2d2664f05a7069ad2dedad9c590f6.jpg',
hover_url: 'https://cdn.sendpulse.com/files/mp/5/610bdd6248d1304ddfbbda55794fcb86.png'
},
height: "600px",
language: "pt"
});
});
</script>
Обновлено: 29.04.2025
или