Ir para 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, podendo definir posições diferentes para computador e dispositivos móveis.

Escrito por Michal Jindra

A JavaScript API da Smartsupp permite ao programador definir com precisão onde o widget de chat irá aparecer no site. Este guia explica como configurar a posição da caixa de chat diretamente no código — inclusive com opções distintas para computador e dispositivos móveis.

Avançado: posição via JavaScript API

🟡 Nota: Alterar a posição via API exige o plano Plus e acesso de programador ao código do site.

A JavaScript API da Smartsupp concede ainda mais flexibilidade para personalizar o widget de chat. Por exemplo, é possível definir posições específicas para computador e para dispositivos móveis:

<script>// Posição para computador
smartsupp('chat:position', { bottom: 20, right: 20 });
// Personalizar para mobile
if (window.innerWidth < 768) {
  smartsupp('chat:position', { bottom: 100, right: 10 });
}</script>

Como aplicar:

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

  2. Cole o snippet acima logo abaixo do script da Smartsupp.

  3. Ajuste os valores bottom e right conforme o layout do seu site, diferenciando computador e dispositivos móveis.

  4. Guarde as alterações e atualize o site numa janela anónima ou privada para verificar como ficou.

💡 Sugestão: Para controlo total, pode criar o próprio botão e gerir completamente o widget de chat através da JavaScript API.


E agora?

💡 Precisa de mais ajuda? Entre em contacto com a equipa de suporte — teremos todo o gosto em ajudar!

Isto respondeu à sua pergunta?