Passar para o conteúdo principal

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

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

Escrito por Michal Jindra

A API JavaScript do Smartsupp oferece 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 dispositivos móveis.

Avançado: posição pela API JavaScript

🟡 Observação: Alterar a posição pela API exige o pacote Plus e acesso de desenvolvedor ao código do seu site.

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

<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 diretamente abaixo do script do Smartsupp.

  3. Ajuste os valores de bottom e right para adequá-los ao seu design tanto no desktop quanto em dispositivos móveis.

  4. Salve suas 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 seu próprio botão e gerenciar o widget de chat inteiramente pela API JavaScript.


Qual é o próximo passo?

💡 Precisa de mais ajuda? Entre em contato com nossa Equipe de suporte — teremos prazer em ajudar!

Respondeu à sua pergunta?