Як налаштувати зовнішній вигляд віджета через 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
або