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, inclusive escolhendo posições diferentes para desktop e celular.

Escrito por Michal Jindra

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 — inclusive 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 dá aos desenvolvedores mais controle preciso sobre o widget de chat. Por exemplo, você pode definir posições diferentes para desktop e celular:

<script>// Posições para desktopsmartsupp('chat:position', { bottom: 20, right: 20 });// Substituição para mobileif (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 acima logo abaixo do script do Smartsupp.

  3. Ajuste os valores de bottom e right para se adequar ao seu design em desktop e celular.

  4. Salve as alterações e atualize o site em uma janela anônima ou privativa para conferir as novas posições.

💡 Dica: Para controle total, você pode criar seu próprio botão e gerenciar o widget de chat totalmente pela JavaScript API.


O que vem a seguir?

💡 Precisa de mais ajuda? Fale com a nossa equipe de suporte — vamos adorar ajudar você!

Respondeu à sua pergunta?