O visual da barra de navegação pode ser personalizado para combinar melhor com a identidade visual da sua empresa.
Essa funcionalidade é mais uma opção de customização para que a plataforma seja adaptada ao seu modelo de negócio.
Lembrando que barra de navegação aparece no topo de todas as páginas que os usuários navegam.
Como funciona:
Ao acessar a plataforma com um perfil de administrador, você pode editar e personalizar cada item da barra de navegação da sua instituição.
É possível editar cores e formatos dos botões, ícones e texto.
Passo a passo:
1º passo: na tela de login, informe seu e-mail, senha e clique em “Entrar”.
2º passo: clique no menu lateral localizado no canto superior esquerdo da tela.
3º passo: clique em “Configurações” e depois em “Integrações”.
4º passo: acesse a aba "Visual".
5º passo: clique no botão para habilitar a funcionalidade "Barra de navegação personalizada".
6º passo: clique em cada um dos elementos da barra de navegação para personalizá-los.
Ao personalizar as cores você pode preencher os campos com o código HTML da cor ou escolher a cor manualmente, basta clicar na cor para o seletor aparecer.
7º passo: aqui você vê a pré-visualização de como ficará sua barra de navegação. A medida que você vai alterando as configurações, a pré-visualização é atualizada.
8º passo: repare que o sistema identifica e te mostra qual item está sendo editado.
9º passo: personalize a cor do corpo da barra de navegação (cor de fundo da barra).
10º passo: personalize a cor e o formato dos ícones e botões da barra de navegação.
Cor dos ícones (carrinhos de compras e notificações);
Cor dos botões (botões do menu lateral, "Entrar" e "Cadastre-se");
Cor do texto do botão (cor do texto do botão de "Cadastre-se").
Arredondamento do botão (formato das bordas do botão de "Cadastre-se").
11º passo: personalize a cor e a formatação do texto dos links da barra de navegação.
12º passo: personalize a caixa de busca da barra de navegação.
Arredondamento (formato das bordas do campo de busca);
Texto da barra de busca (você pode alterar o texto padrão "Como posso ajudar?);
Cor da caixa de busca (cor de fundo do campo de busca);
Cor do texto da caixa de busca (cor que ficarão as palavras que o usuário digitará no campo de busca);
Cor da borda da caixa de busca (quando a caixa de busca estiver selecionada, sua borda ficará dessa cor);
Cor dos elementos da caixa de busca (cor do ícone de lupa e do texto que fica escrito na caixa de busca).
13º passo: para finalizar, clique em "Salvar".
Pronto! Agora você já sabe como personalizar a barra de navegação da sua instituição.