Assim que o chat Smartsupp estiver instalado no site, o primeiro passo costuma ser adequar o visual e funcionamento da caixa de chat. A caixa de chat Smartsupp reúne num só widget o chat e o formulário de contacto, permitindo aos visitantes enviar mensagens e — se ativar o formulário de contacto — partilhar o nome e o e-mail.
💡 Onde encontrar: Todas as opções abaixo estão disponíveis em Definições > Canais > Chat ao vivo no painel Smartsupp.
Neste artigo:
O que pode personalizar
Nas opções de aparência pode ajustar estes elementos para que o widget se enquadre perfeitamente no site:
Definição | O que faz |
Gradiente de cores | Ajusta as cores da caixa de chat de acordo com a identidade visual da marca. |
Posição | Permite definir a caixa de chat no lado esquerdo ou direito do ecrã. |
Textos gerais | Permite personalizar os textos e etiquetas apresentados na caixa de chat. |
Tema | Muda o visual global da caixa de chat. |
Estilo do cabeçalho | Permite alternar entre o cabeçalho Compacto e Standard. O modo compacto reduz a altura do cabeçalho para um widget mais discreto e centrado no conteúdo; já o modo standard mantém um cabeçalho maior, indicado para equipas com vários operadores. |
Idioma da caixa de chat | Seleciona o idioma em que os textos da caixa de chat são mostrados aos visitantes. Para saber mais, consulte Idiomas da caixa de chat. |
🟡 Importante: Os widgets criados a partir de 17 de junho de 2026 já vêm, por padrão, com o cabeçalho Compacto. Caso tenha criado widgets antes desta data, estes permanecem com o modo Standard por razões de compatibilidade — pode alternar entre ambos quando quiser nas definições de aparência da caixa de chat.
Alterar a posição da caixa de chat
O botão de chat pode ser movido facilmente no painel de controlo, sem necessidade de código:
Inicie sessão na conta Smartsupp.
Aceda a Definições > Canais > Chat ao vivo > Aparência.
Defina a posição conforme preferir — escolha o lado esquerdo ou direito do ecrã, ajuste a distância da base e margens laterais.
Guarde as alterações. A nova posição será automaticamente aplicada ao site.
💡 Avançado: Programadores podem definir a posição da caixa de chat ao pormenor usando a API JavaScript — saiba como em Avançado: posição da caixa de chat via API JavaScript.
Nota — foto do agente e avatar da caixa de chat: A imagem exibida na caixa de chat é a foto de perfil do agente e não pode ser alterada só para a caixa de chat. A antiga API JavaScript smartsupp('chat:avatar') usada para essa alteração foi descontinuada e já não é suportada.
E agora?
Idiomas da caixa de chat — veja quais idiomas estão disponíveis e saiba como alterar.
Estado da caixa de chat — definir quando a caixa está online ou offline.
Por que motivo não vejo o chat no site? — saiba como resolver casos em que a caixa de chat não aparece.
💡 Precisa de apoio? Se não encontrar alguma opção ou se algo não funcionar como esperado, entre em contacto com a equipa de suporte via chat ou e-mail — teremos todo o gosto em ajudar.