Identidade visual da plataforma

Fabiana Nonjah — Fri, 20 Jun 2025 19:11:00 +0000

20/06/2025

Consulte a Tabela de Versionamento

Visão Geral

A interface da plataforma Citrus pode ser personalizada para refletir a identidade visual de empresas clientes.

É possível customizar desde o nome que aparecerá no navegador de internet até a tela de login, logomarcas, cores de planos de fundo e de textos, e nomes de alguns menus.

As configurações permitem alinhar a plataforma ao padrão visual da marca cliente, para que ela fortaleça a experiência de seus usuários e consiga tornar sua comunicação mais consistente.

Benefícios

Reforça a consistência de marca, deixando a experiência alinhada ao manual de identidade visual da empresa.

Faz com que usuários identifiquem rapidamente que estão no ambiente correto.

Gera credibilidade e confiança.

Facilita a navegação, já que cores e ícones familiares ajudam o usuário a se localizar.

Favorece o engajamento do usuário por transmitir um ambiente mais próximo da marca com a qual já está acostumado.

Transmite a percepção de exclusividade.

Evita dependência de desenvolvimento sempre que acontecer mudança de layout ou atualização de branding.

Acesso

A personalização pode ser aplicada na tela de Configurações Gerais, pelo menu Administração > Configurações Gerais > Geral.

Permissões e Pré-requisitos

Possuir Perfil com permissão habilitada para acessar o menu Configurações Gerais. A permissão precisa ser concedida por um Administrador em Administração > Usuários > Perfil > (selecionar) Perfil de usuário > (aba) Configurações Gerais.

Configurar Identidade Visual

No menu Configurações Gerais > Geral, siga para a seção de Personalização.

Para iniciar, habilite a caixa de Personalização.
Ao habilitar a opção, os campos customizáveis exibirão o botão Alterar. Serão aceitas imagens nos formatos JPG, PNG ou WEBP.
Para adicionar as imagens, proceda como a seguir:

*As dimensões exigidas na configuração são exibidas pela caixa de informação (i) de cada campo.

• Logo: será exibido para o usuário após o login, no topo do menu principal (lateral esquerda da plataforma). Dimensões recomendadas: 1324 x 360 pixels.
A partir da versão 2.57.0, também é possível incluir logos com altura máxima de 38 pixels.

• BG Login: o background de login é a imagem de fundo que aparecerá na tela de acesso à plataforma. Dimensões recomendadas: 1920 x 920 pixels.

• Logo Login: imagem da logo da empresa, que será mostrada na tela de login da plataforma. Dimensões recomendadas: 1320 x 510 pixels.

• Favicon: é a imagem exibida como ícone do navegador. Dimensões recomendadas: 144 x 144 pixels.
As cores de exibição de alguns recursos e de textos também podem ser personalizadas. Essas configurações podem ser desfeitas sempre que necessário, pressionando o botão Restaurar padrão de cores.

É possível customizar cores dos seguintes recursos da interface:
• Menu primário
• Menu secundário
• Fila Logada
• Fila Deslogada
• Botão (de) Login
A personalização ainda permite alterar os textos (labels), que serão utilizados como nomes para identificar alguns menus da plataforma.
Também é possível “Habilitar aceite de termo de uso da plataforma”, marcando a caixa de seleção do recurso. O campo permite configurar a exigência de que os usuários aceitem os Termos Gerais de Uso da Plataforma antes de utilizarem o sistema.

O editor oferece opções de estilo e formatação para deixar o termo mais claro e organizado. É possível personalizar o conteúdo do termo de uso, com formatações de texto e inserção de informações adicionais.
Clique em Salvar no topo da tela de Configurações Gerais, para registrar as configurações de personalização.

Consulte todas as atualizações da tela de Identidade Visual

Versão 2.87.0

Fabiana Nonjah — Wed, 27 Dec 2023 21:00:00 +0000

Configurações Gerais: Implementados novos recurso de personalização da plataforma

A plataforma passa a contar com novos recursos de customização, incluindo a personalização do favicon e de elementos da página de login.

Para realizar a customização desses itens, o usuário deverá acessar a tela de Configurações Gerais (menu Administração > Configurações Gerais > Geral) e editar os seguintes campos:

Logo Favicon: Clique em Alterar, selecione o arquivo da imagem (JPG, PNG ou WEBP) que deseja aplicar ao favicon e, em seguida, pressione Abrir. As dimensões requeridas para melhor visualização da imagem são de 144 x 144 pixels.
Label para título do browser: Insira o texto que será exibido nas abas da plataforma no navegador.

Feitas as alterações, basta se certificar de que a flag “Personalização” está marcada e clicar no botão Salvar no canto superior direito da tela para concluir a customização.

Para desativar uma personalização e retornar à aparência original, desmarque a flag correspondente e clique novamente em Salvar.

Também foram realizados ajustes para que a cor das bordas dos campos de login (“Usuário” e “Senha”) seja alterada quando um deles estiver ativo, deixando-o em destaque.

Atendimentos: Vulnerabilidades do cliente passam a ser exibidas no cabeçalho dos Protocolos de atendimento

O módulo LemonDesk recebeu melhorias e, agora, as vulnerabilidades dos clientes poderão ser visualizadas no cabeçalho dos Protocolos de atendimento, logo abaixo da aba Jornada do Cliente.

Desse modo, havendo vulnerabilidade cadastrada para o cliente, quando o usuário acessar a tela de cadastro de um Protocolo de atendimento (menu LemonDesk > Atendimentos > (selecionar) Protocolo), essa informação será exibida no cabeçalho de dados do cliente, logo abaixo da aba Jornada do Cliente, na parte superior da tela.

Dica: Podem configurar vulnerabilidades dos clientes: “Doença física ou mental”, “Doença grave”, “Superendividamento”, “Grau de escolaridade”, “Familiaridade com os meios digitais”, “Idade” e/ou “Renda”.

As vulnerabilidades podem ser associadas a um cliente por meio do campo “Vulnerabilidades”, presente na tela de cadastro de Clientes (menu Administração > Configurações Gerais > Cliente > +Novo) e no formulário de registro de atendimentos aberto após o aceite de um card na tela do Atendente (menu lateral > Atendente) ou na tela de cadastro de Atendimentos (menu LemonDesk > Atendimentos > +Novo).

Atendimentos: Data e hora de fim das sessões do Bot estão sendo registradas corretamente

As sessões iniciadas e finalizadas pelo Bot nos canais de atendimento de Chat (WebChat e WhatsApp) estão tendo suas informações de data e hora de encerramento registradas corretamente.

Foi corrigido o cenário em que, quando o Bot enviava o comando de finalização da sessão para o Citrus, a plataforma não preenchia data e hora de fim de sessão na respectiva tabela no banco de dados.

Feitas as alterações, quando uma sessão do cliente com o Bot for finalizada, o cliente será removido da Fila de atendimento em que se encontrava e a data e hora de encerramento serão registradas na plataforma e nos relatórios de sessões e filas gerados.

Customização – Citrus.cx