Depois que o chat Smartsupp estiver instalado no seu site, a primeira coisa que você provavelmente vai querer fazer é configurar como a caixa de chat aparece e se comporta. A caixa de chat Smartsupp combina um chat e um formulário de contato em um único widget, para que os visitantes possam enviar mensagens e — se você ativar o formulário de contato — compartilhar dados como nome e email.
💡 Onde encontrar: Todas as opções abaixo ficam em Configurações > Canais > Chat ao vivo no seu painel de controle Smartsupp.
Neste artigo:
O que você pode personalizar
Nas configurações de aparência da caixa de chat você pode ajustar o seguinte para que o widget combine com o seu site:
Configuração | O que faz |
Gradiente de cor | Define as cores da caixa de chat para combinar com sua marca. |
Posição | Coloca a caixa de chat no lado esquerdo ou direito da tela. |
Textos gerais | Edita os rótulos e mensagens exibidos na caixa de chat. |
Tema | Altera o visual geral da caixa de chat. |
Estilo do cabeçalho | Alterna entre o cabeçalho Compacto e o Standard. O Compacto reduz a altura do cabeçalho para um widget mais limpo e focado no conteúdo; o Standard mantém um cabeçalho maior, mais adequado para chat ao vivo com vários operadores. |
Idioma da caixa de chat | Define o idioma dos textos da caixa de chat exibidos para os visitantes. Para detalhes, veja Idiomas da caixa de chat. |
🟡 Bom saber: Widgets criados a partir de 17 de junho de 2026 usam o cabeçalho Compacto por padrão. Widgets criados antes disso permanecem em Standard para compatibilidade — você pode alternar entre os dois a qualquer momento nas configurações de aparência da caixa de chat.
Alterar a posição da caixa de chat
Você pode mover o botão do chat diretamente pelo painel de controle — sem precisar de código:
Entre na sua conta Smartsupp.
Vá em Configurações > Canais > Chat ao vivo > Aparência.
Ajuste o posicionamento — escolha o lado esquerdo ou direito da tela, defina o deslocamento vertical e o espaçamento em relação às bordas.
Salve suas alterações. A nova posição é aplicada automaticamente no seu site.
💡 Avançado: Desenvolvedores podem controlar a posição da caixa de chat com precisão via JavaScript API — veja Avançado: posição da caixa de chat via JavaScript API.
Observação — foto do agente e avatar da caixa de chat: A foto que os visitantes veem na caixa de chat é a foto de perfil do agente; ela não pode ser definida separadamente da foto interna do painel de controle. A antiga JavaScript API smartsupp('chat:avatar') para sobrescrever isso foi removida e não é mais suportada.
O que vem a seguir?
Idiomas da caixa de chat — veja os idiomas compatíveis e como alterá‑los.
Status da caixa de chat — controle quando sua caixa de chat aparece online ou offline.
Por que não consigo ver o chat no meu site? — corrija uma caixa de chat que não aparece.
💡 Ainda precisa de ajuda? Se você não encontrar uma configuração ou algo não estiver funcionando como esperado, entre em contato com nossa equipe de suporte via chat ou email — teremos prazer em ajudar.