Dentro da sua conta Mercos acesse o menu Minha Conta > Sistema > E-commerce, clique no menu Personalização e selecione a opção Editor do e-commerce;
Personalizar as cores do seu e-commerce B2B
De uma forma muito prática é possível personalizar as cores do seu e-commerce B2B, deixando-o alinhado com a identidade visual da sua empresa.
Acessando o Editor do e-commerce
Para saber mais sobre o funcionamento geral do Editor do e-commerce, clique aqui.
Personalizando as cores
À direita do editor existe uma janela de configurações. Na aba Geral dessa janela, na seção Cores, é possível personalizar as principais cores do seu e-commerce B2B:
- ✔️ Cor da marca: aplicada em vários elementos da tela, como botões em geral, itens de menu, ícones, paginadores, etc.
- ✔️ Cor dos títulos: aplicada no texto dos títulos das páginas.
- ✔️ Cor do botão Comprar: aplicada exclusivamente neste botão.
- ✔️ Cor dos links: aplicada no texto dos links das páginas de acesso.
- ✔️ Cor da barra superior: aplicada no topo do e-commerce, na barra que contém a logo da empresa.
- ✔️ Cor do plano de fundo: aplicada no plano de fundo geral do e-commerce.
À direita do editor existe uma janela de configurações. Na aba Geral dessa janela, na seção Cores, é possível personalizar as principais cores do seu e-commerce B2B:
- ✔️ Cor da marca: aplicada em vários elementos da tela, como botões em geral, itens de menu, ícones, paginadores, etc.
- ✔️ Cor dos títulos: aplicada no texto dos títulos das páginas.
- ✔️ Cor do botão Comprar: aplicada exclusivamente neste botão.
- ✔️ Cor dos links: aplicada no texto dos links das páginas de acesso.
- ✔️ Cor da barra superior: aplicada no topo do e-commerce, na barra que contém a logo da empresa.
- ✔️ Cor do plano de fundo: aplicada no plano de fundo geral do e-commerce.
Para alterar qualquer cor acima:
- Clique sobre a cor;
- Selecione uma paleta na barra que contém todas as cores;
- Acima, clique sobre a tonalidade da cor que deseja. É possível também preencher o código hexadecimal, RGB ou HSL da cor.
- Clique fora do seletor de cor para fechar.
- Note que a pré-visualização será atualizada, exibindo a cor escolhida.
- Estando tudo certo, clique no botão Publicar para que as mudanças sejam vistas pelos clientes.
- Clique sobre a cor;
- Selecione uma paleta na barra que contém todas as cores;
- Acima, clique sobre a tonalidade da cor que deseja. É possível também preencher o código hexadecimal, RGB ou HSL da cor.
- Clique fora do seletor de cor para fechar.
- Note que a pré-visualização será atualizada, exibindo a cor escolhida.
- Estando tudo certo, clique no botão Publicar para que as mudanças sejam vistas pelos clientes.