Como personalizar o widget com JavaScript
Configure seu widget de chat online para combinar com o design do seu site e melhorar a experiência do usuário usando JavaScript.
No arquivo de configuração JavaScript, você pode definir os seguintes parâmetros opcionais:
primaryColor |
Define a cor principal do fundo, das mensagens e do cabeçalho do seu chat online por meio de um código hexadecimal. |
colorScheme |
Define o modo do tema: claro, noturno, ou automático. |
chatPosition{} |
Define a posição do seu chat online.
Especifique os seguintes parâmetros:
|
custom_img_button{} |
Define um ícone personalizado para o botão do chat com efeito de hover.
Especifique os seguintes parâmetros:
|
height |
Altura do widget, de 480 a 720 pixels. |
language |
O idioma do elementos de sistema do widget. Os seguintes valores são suportados:
|
Veja um exemplo de configuração personalizada para o chat online:
<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>
Última Atualização: 15.05.2025
ou