Passar para o conteúdo principal

Avançado: posição da caixa de chat via JavaScript API

Controle a posição da caixa de chat no código, incluindo posições diferentes para desktop e celular.

A JavaScript API do Smartsupp dá aos desenvolvedores controle preciso sobre onde o widget de chat aparece no seu site. Este guia mostra como definir a posição da caixa de chat no código — incluindo posições diferentes para desktop e celular.

Avançado: posição via JavaScript API

🟡 Nota: Alterar a posição via API requer o pacote PLUS e acesso de desenvolvedor ao código do seu site.

A JavaScript API do Smartsupp oferece aos desenvolvedores um controle mais preciso sobre o widget de chat. Por exemplo, você pode definir posições diferentes para desktop e celular:

<script>// Desktop positionsmartsupp('chat:position', { bottom: 20, right: 20 });// Mobile overrideif (window.innerWidth < 768) {  smartsupp('chat:position', { bottom: 100, right: 10 });}</script>

Para implementar:

  1. Abra o código do seu site e localize o script de instalação do Smartsupp.

  2. Cole o trecho de código acima logo abaixo do script do Smartsupp.

  3. Ajuste os valores de bottom e right para combinar com o seu design tanto em desktop quanto em celular.

  4. Salve as alterações e atualize seu site em uma janela anônima ou privada para verificar as novas posições.

💡 Dica: Para ter controle total, você pode criar o seu próprio botão e gerenciar o widget de chat inteiramente por meio da JavaScript API.


O que vem depois?

💡 Precisa de mais ajuda? Entre em contato com a nossa equipe de suporte — ficaremos felizes em ajudar!

Respondeu à sua pergunta?