Assim que o chat da Smartsupp estiver instalado no seu site, provavelmente a primeira coisa que você vai querer fazer é definir como a caixa de chat vai aparecer e funcionar. A caixa de chat da Smartsupp reúne o chat e o formulário de contato em um único widget, permitindo que seus visitantes mandem mensagens e — se você ativar o formulário — deixem nome, email e outros detalhes.
💡 Onde encontrar: Todas as opções abaixo estão em Configurações > Canais > Chat ao vivo no seu painel Smartsupp.
Neste artigo:
O que você pode personalizar
No menu de aparência da caixa de chat, você pode ajustar vários detalhes para que o widget fique perfeito no seu site:
Configuração | O que faz |
Gradiente de cores | Escolhe as cores da caixa de chat para combinar com a identidade visual da sua marca. |
Posição | Define se a caixa de chat fica à esquerda ou à direita da tela. |
Textos gerais | Permite editar textos, rótulos e mensagens que aparecem na caixa de chat. |
Tema | Altera o visual geral da sua caixa de chat. |
Estilo do cabeçalho | Escolhe entre o cabeçalho Compacto ou Standard. O compacto deixa a caixa mais limpa e foca na conversa. O Standard mantém o cabeçalho maior, ótimo para chat ao vivo com vários operadores. |
Idioma da caixa de chat | Define o idioma dos textos exibidos na caixa de chat. Veja mais detalhes em Idiomas da caixa de chat. |
🟡 Importante: Widgets criados a partir de 17 de junho de 2026 usam o cabeçalho Compacto como padrão. Os widgets criados antes dessa data continuam com o Standard para garantir compatibilidade — mas você pode trocar entre eles a qualquer momento nas configurações de aparência da caixa de chat.
Alterar a posição da caixa de chat
Você consegue mudar a posição do botão do chat direto no painel de controle — não precisa de código:
Faça login na sua conta Smartsupp.
Entre em Configurações > Canais > Chat ao vivo > Aparência.
Ajuste a posição — escolha lado esquerdo ou direito da tela, defina o deslocamento vertical e configure o espaçamento das bordas.
Salve as alterações. A posição nova entra em vigor no seu site automaticamente.
💡 Avançado: Quem entende de código pode ajustar a posição da caixa de chat com precisão pela API JavaScript — veja Avançado: posição da caixa de chat pela API JavaScript.
Nota — foto do agente e avatar da caixa de chat: A imagem que aparece para os visitantes na caixa de chat é a foto de perfil do agente. Não é possível definir uma foto só para o chat; ela sempre será a mesma do seu perfil no painel. A API antiga smartsupp('chat:avatar') foi removida e não é mais suportada.
O que vem a seguir?
Idiomas da caixa de chat — confira os idiomas disponíveis e como alterar o seu.
Status da caixa de chat — controle quando a caixa de chat aparece online ou offline.
Por que não vejo o chat no meu site? — saiba como resolver caso o chat não esteja aparecendo.
💡 Ainda precisa de ajuda? Se não estiver encontrando uma configuração ou se alguma coisa não funcionar como esperado, fale com a nossa equipe de suporte pelo chat ou email — a gente te ajuda rapidinho.