Ir para conteúdo principal

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

Controlar a posição da caixa de chat em código, incluindo posições diferentes para computador e telemóvel.

A JavaScript API da Smartsupp dá aos programadores controlo preciso sobre onde o widget de chat aparece no seu site. Este guia mostra como definir a posição da caixa de chat em código — incluindo posições diferentes para computador e telemóvel.

Avançado: posição via JavaScript API

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

A JavaScript API da Smartsupp dá aos programadores um controlo mais preciso sobre o widget de chat. Por exemplo, é possível definir posições diferentes para computador e telemóvel:

<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 da Smartsupp.

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

  3. Ajuste os valores de bottom e right para se adequarem ao seu design tanto em computador como em telemóvel.

  4. Guarde as alterações e atualize o seu site numa janela de navegação anónima ou privada para verificar as novas posições.

💡 Sugestão: Para ter controlo total, é possível criar um botão próprio e gerir o widget de chat inteiramente através da JavaScript API.


O que fazer a seguir?

💡 Precisa de mais ajuda? Contacte a nossa equipa de suporte — teremos todo o gosto em ajudar!

Isto respondeu à sua pergunta?