Personalizar Elementos Visuais – Citrus.cx https://hml-docs.citrus.cx Base de Conhecimento Thu, 23 Oct 2025 13:28:11 +0000 pt-BR hourly 1 https://wordpress.org/?v=6.9.4 https://hml-docs.citrus.cx/wp-content/uploads/2023/08/cropped-doc-citrus_LOGO-FAVICON-1-32x32.png Personalizar Elementos Visuais – Citrus.cx https://hml-docs.citrus.cx 32 32 Identidade visual da plataforma https://hml-docs.citrus.cx/docs/guia-do-administrador/administrador-configuracoes-10273/identidade-visual-da-plataforma-10543/ https://hml-docs.citrus.cx/docs/guia-do-administrador/administrador-configuracoes-10273/identidade-visual-da-plataforma-10543/#respond Fri, 20 Jun 2025 19:11:00 +0000 https://docs.citrus.cx/docs/guia-do-usuario/administrador-configuracoes-10273/configuracoes-adicionais-10526/identidade-visual-da-plataforma/

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 loginlogomarcas, 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

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

    Para iniciar, habilite a caixa de Personalização.

  2. 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.
  3. 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.

  4. 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

  5. A personalização ainda permite alterar os textos (labels), que serão utilizados como nomes para identificar alguns menus da plataforma.

  6. 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.

  7. 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

]]>
https://hml-docs.citrus.cx/docs/guia-do-administrador/administrador-configuracoes-10273/identidade-visual-da-plataforma-10543/feed/ 0