Sobre
A barra de navegação aparece para os usuários no topo de todas as páginas da sua plataforma. 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.
Como funciona
É possível editar e personalizar cada item da barra de navegação da sua instituição como, por exemplo, cores, 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: acesse o menu lateral clicando no ícone com três traços, localizado no canto superior esquerdo da tela. Clique na opção "Configurações" e depois escolha o item "Integrações".
3º passo: acesse a aba "Visual".
4º passo: role a página para encontrar a funcionalidade "Barra de navegação personalizada". Clique na chave de ativação para habilitar a funcionalidade.
Repare que, quando ativada, a chave fica colorida. Para desativar a funcionalidade basta clicar na chave novamente. Quando desativada, ela fica cinza.
Personalizando cada elemento da Barra de Navegação
Basta clicar em cada um dos elementos da barra de navegação para personalizá-los.
💡Dicas
O campo "Pré-visualizar, mostra uma visão prévia de como ficará sua barra de navegação. A medida que você vai alterando as configurações, a pré-visualização é atualizada.
O sistema identifica e te mostra qual item está sendo editado.
Sempre que for personalizar cores, você terá duas opções: preencher os campos com o código HTML da cor ou escolher a cor manualmente (basta clicar na cor para o seletor aparecer).
5º passo: personalize a cor do corpo da barra de navegação (cor de fundo da barra).
6º passo: personalize a cor dos ícones, botões, textos dos botões e o formato dos botões da barra de navegação.
Cor dos ícones (carrinho 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").
7º passo: personalize a cor e a formatação do texto dos links da barra de navegação.
8º passo: personalize a caixa de busca da barra de navegação.
Arredondamento (formato das bordas do campo de busca);
Texto da caixa 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).
9º passo: após realizar todas as alterações, clique em "Salvar".
Pronto! Agora você já sabe como personalizar a barra de navegação da sua instituição.