Os programadores podem personalizar facilmente onde a caixa de chat aparece ao adicionar algumas opções de configuração ao código de instalação do Smartsupp. Este guia mostra como mover a caixa de chat para a esquerda, afastá-la da posição padrão, definir uma posição diferente apenas no telemóvel ou ocultá-la no telemóvel.
Avançado: posição no código de instalação
🟡 Nota: Será necessário acesso de programador ao código do seu site. Para mover a caixa de chat para o lado esquerdo, é preciso ter o plano Solo ou superior.
Adicione as opções na parte de configuração do seu código de instalação: após a linha com _smartsupp.key e antes do loader (a parte que começa com window.smartsupp||). A caixa de chat lê essas opções ao iniciar, por isso devem estar presentes antes de o loader ser executado.
Mover a caixa de chat para o lado esquerdo:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...resto do seu código de instalação (o loader)</script>Afastar a caixa de chat da posição padrão (valores em pixels):
_smartsupp.offsetX = 20; // afasta da lateral _smartsupp.offsetY = 100; // afasta da parte inferior
Definir uma posição diferente apenas no telemóvel:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...resto do seu código de instalação (o loader)</script>Ocultar a caixa de chat apenas no telemóvel (mantém-se visível no computador, disponível em todos os planos):
_smartsupp.hideMobileWidget = true;
Para implementar:
Abra o código do seu site e localize o script de instalação do Smartsupp.
Adicione as opções necessárias logo após a linha
_smartsupp.keye antes do loader.Ajuste os valores conforme o design desejado.
Guarde as alterações e recarregue o seu site numa janela incógnita ou privada para verificar a nova posição. Veja também a versão mobile num telemóvel.
💡 Dica: Não são suportados comandos como smartsupp('chat:position', ...). A caixa de chat ignora-os e o seu console do navegador indica "Unknown API command". Para todas as opções de configuração, consulte a documentação para programadores.
O que fazer a seguir?
💡 Precisa de mais ajuda? Contacte a nossa equipa de suporte — teremos todo o gosto em ajudar!