Como personalizar a identidade visual do agente
Nível: Iniciante
Tempo de leitura: 5 min
Por que isso importa
O agente é uma extensão da sua marca. Quando um cliente abre o chat, ele deve sentir que está falando com a sua empresa, não com uma ferramenta genérica. Uma identidade visual consistente gera confiança e profissionalismo.
A Wevi oferece personalização completa: cores, logo, nome, mensagens e até o domínio (no Wevi Whitelabel).
O que você pode personalizar
Informações básicas
- Nome de exibição: o nome que aparece no topo do chat (ex: "Atendimento Bem Estar", "Sofia da Clínica Norte")
- Foto de perfil: logo da empresa ou avatar do assistente virtual. Recomendado: 256x256px, PNG ou JPG
- Descrição curta: subtítulo exibido abaixo do nome (ex: "Respondemos em instantes")
Cores
As cores são organizadas em quatro grupos:
- Header: fundo, texto e destaque (usado também para o avatar e o widget flutuante)
- Chat: fundo, bolha enviada, texto enviado, bolha recebida e texto recebido
- Botão enviar: fundo e ícone
- Botões de escolha: fundo e texto/borda
Use o atalho Gerar tema para criar automaticamente um esquema consistente a partir da cor principal da marca. Você pode ajustar cada cor individualmente depois.
Se não souber o código hex da sua cor, ferramentas como Coolors ajudam a identificar.
Mensagens
- Mensagem de boas-vindas: primeira mensagem enviada automaticamente ao iniciar o chat. Configure na aba Aparência, seção Mensagens Iniciais
- Mensagem fora do horário: exibida quando o agente está offline. Configure na aba Inteligência, seção Horário de Atendimento
Como configurar
- Acesse o agente desejado no painel
- Abra a aba Aparência
- Edite os campos desejados
- Clique em "Salvar"
As alterações são aplicadas imediatamente em todos os canais do agente.
Boas práticas de identidade visual
Use a cor exata da sua marca
Não aproxime. Se o verde da sua marca é #1A7A3C, use exatamente esse valor. A consistência de cor é um dos pilares da identidade visual.
Nome de exibição humanizado
Prefira um nome que pareça uma pessoa ou um time:
- "Sofia, Atendimento Clínica Norte"
- "Time de Vendas | Empresa X"
- "Assistente Virtual da Loja Y"
Evite nomes genéricos como "Chatbot" ou "Assistente IA".
Foto de perfil com boa qualidade
Use uma imagem limpa, sem texto pequeno ou bordas complexas. Em tamanhos pequenos (no widget), detalhes finos somem. Um logo simples ou um avatar ilustrado funciona melhor.
Se não tiver uma foto pronta, use a biblioteca de avatares da Wevi (veja a seção abaixo).
Mensagem de boas-vindas que converte
A mensagem inicial define o tom da conversa. Seja direto e já ofereça valor:
Evite:
"Olá! Sou o assistente virtual. Como posso ajudar?"
Prefira:
"Oi! Sou a Sofia, da Clínica Bem Estar. Posso te ajudar a agendar uma consulta, tirar dúvidas sobre especialidades ou te informar sobre planos aceitos. O que você precisa?"
A segunda versão já educa o cliente sobre o que o agente pode fazer, reduzindo mensagens fora de escopo.
Biblioteca de avatares
Se você não tem uma foto de perfil, a Wevi oferece uma biblioteca com mais de 400 avatares prontos, organizados por categoria e tom de pele.
Como acessar
- No painel, abra o agente desejado e vá até a aba Aparência
- Na seção Imagem do agente, clique em Biblioteca
- Uma janela abre com os filtros disponíveis
Filtros disponíveis
Tom de pele
| Opção | Descrição |
|---|---|
| Porcelana | Tons mais claros |
| Caramelo | Tons médios claros |
| Castanho | Tons médios escuros |
| Ébano | Tons mais escuros |
Categoria
| Grupo | Categorias |
|---|---|
| Pessoas comuns | Jovens & Casuais, Adultos & Lifestyle, Mix Geracional |
| Profissões | Tecnologia & Negócios, Saúde & Ciência, Educação & Direito, Obras & Técnicas, Criatividade & Serviços, Segurança & Transporte |
Como escolher
- Selecione o tom de pele e a categoria que combinam com o perfil do seu agente
- Clique em qualquer avatar para ver uma versão maior
- Clique em Escolher este para confirmar
- O avatar aparece imediatamente no preview e no chat
Você pode trocar o avatar a qualquer momento. Se preferir usar a logo da sua empresa ou uma foto própria, use o botão Enviar imagem ao lado da biblioteca.
White-label (Wevi Whitelabel)
No Wevi Whitelabel, você pode remover completamente qualquer referência à Wevi:
- Domínio personalizado: o chat roda em
chat.suamarca.com.br - Remoção do badge: o rodapé "Powered by Wevi" é removido
- App personalizado: ícone e nome do aplicativo web na tela inicial do celular
Configure em Organização → White-label.
Inconsistências visuais a evitar
| Problema | Solução |
|---|---|
| Cor do widget diferente do header do chat | Use a mesma cor principal em todos os campos |
| Foto de perfil pixelada | Sempre use imagens com pelo menos 256x256px |
| Nome e foto sem relação com a marca | Mantenha consistência com o branding da empresa |
| Mensagem de boas-vindas genérica | Personalize com o nome do agente e os principais casos de uso |