Assim que o chat do Smartsupp estiver instalado no seu site, a primeira coisa que você provavelmente vai querer fazer é configurar a aparência e o comportamento da caixa de chat. 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 os seguintes itens para que o widget combine com seu site:
Configuração | O que faz |
Gradiente de cores | Define as cores da caixa de chat para combinar com sua marca. |
Posição | Posiciona a caixa de chat no lado esquerdo ou direito da tela. |
Textos gerais | Edita os rótulos e as mensagens exibidos na caixa de chat. |
Tema | Altera a aparência geral da caixa de chat. |
Estilo do cabeçalho | Alterna entre os cabeçalhos Compacto e Padrão . O Compacto reduz a altura do cabeçalho para um widget mais limpo e focado no conteúdo; o Padrão mantém o 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 aos seus visitantes. Para mais detalhes, consulte 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 dessa data mantêm o cabeçalho Padrão para garantir a compatibilidade com versões anteriores — 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 de chat diretamente pelo painel de controle — sem precisar de código:
Entre na sua conta Smartsupp.
Acesse Configurações > Canais > Chat ao vivo > Aparência.
Ajuste o posicionamento — escolha o lado esquerdo ou direito da tela, defina um deslocamento vertical e o espaçamento em relação às bordas.
Salve suas alterações. A posição atualizada é aplicada automaticamente ao seu site.
💡 Avançado: Os desenvolvedores podem controlar a posição da caixa de chat com precisão pela API JavaScript — consulte Avançado: posição da caixa de chat pela API JavaScript.
Observação — foto do operador & avatar da caixa de chat: A foto que os visitantes veem na caixa de chat é a Foto de perfildo operador; ela não pode ser definida separadamente da foto interna do painel de controle. A antiga smartsupp('chat:avatar') API JavaScript para substituí-la foi removida e não tem mais suporte.
Quais são os próximos passos?
Idiomas da caixa de chat — veja os idiomas disponí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 por chat ou email — teremos prazer em ajudar.