Ir para conteúdo principal

Avançado: posição da caixa de chat através da API JavaScript

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

Escrito por Michal Jindra

A API JavaScript do Smartsupp permite aos programadores controlar com precisão 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 computadores e dispositivos móveis.

Avançado: posição através da API JavaScript

🟡 Nota: Alterar a posição através da API requer o pacote Plus e acesso de programador ao código do seu site.

A API JavaScript do Smartsupp permite aos programadores controlar o widget de chat com maior precisão. Por exemplo, pode definir posições diferentes para computadores 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 excerto de código acima diretamente abaixo do script do Smartsupp.

  3. Ajuste os valores de bottom e right de acordo com o seu design, tanto para computadores como para dispositivos móveis.

  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.

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


O que se segue?

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

Isto respondeu à sua pergunta?