Logotipos e favicon
Os logotipos da plataforma (para fundo claro, para fundo escuro, para celular) e o favicon são enviados no Builder, em Aparência > Logotipos, e só valem depois de Salvar alterações.
Como abrir o Builder
O Builder é o editor de aparência e páginas da Evob. Ele abre em nova aba, a partir do admin:
- Vá em Loja > Produtos > Área de membros e abra uma área de membros.
- Entre em Área de membros > Personalizar e clique no card Editar vitrine.
- O Builder abre na personalização daquela área de membros. Na barra lateral, clique em Aparência.
🔒 Só o Administrador da plataforma vê o item Aparência. O Administrador de loja vê apenas Área de Membro, e o Visualizador não entra no Builder.
Se a plataforma ainda não tem nenhuma área de membros, não há atalho no admin para o Builder. Fale com o suporte.
Onde acessar
Builder > Aparência > Logotipos.
Os campos
| Campo | Texto de apoio na tela |
|---|---|
| Logotipo para fundos claros | Insira logo com tons mais escuros. |
| Logotipo para fundos escuros | Insira logo com tons mais claros. |
| Favicon | Insira um ícone que represente sua marca. |
| Logotipo mobile | Logo para dispositivos móveis (fundos claros). |
| Logotipo mobile escuro | Logo para dispositivos móveis (fundos escuros). |
Onde cada um aparece
- Logotipo para fundos claros é o logotipo principal: o site usa no cabeçalho, no rodapé e nas telas de login, cadastro e recuperação de senha.
- Favicon é o ícone da aba do navegador. Sem favicon, a aba mostra o logotipo principal.
- Logotipo para fundos escuros, Logotipo mobile e Logotipo mobile escuro ficam guardados no cadastro da marca. Preencha, mas não conte com eles para resolver contraste: confira no site publicado qual versão aparece.
Como o logotipo principal é o que vale no cabeçalho, ele precisa funcionar sobre a cor Fundo do header que você escolheu.
Como enviar
- Clique na área Inserir imagem do campo (com imagem já enviada, o texto vira "Clique para trocar").
- Escolha o arquivo. Ele sobe na hora. Se preferir, cole o endereço da imagem no campo "Ou cole a URL aqui".
- Repita para os outros campos.
- Clique em Salvar alterações, no rodapé. A confirmação é "Configurações salvas!".
⚠️ Enviar o arquivo não basta: a troca só vale depois de Salvar alterações.
O que enviar
O Builder aceita qualquer arquivo de imagem nesses campos e não define tamanho máximo, dimensões nem recorte. Por isso o cuidado é seu:
- Use fundo transparente (PNG ou SVG), para o logotipo funcionar sobre qualquer cor.
- Corte as margens vazias em volta do logotipo. Margem sobrando faz o logo parecer menor no cabeçalho.
- Para o favicon, use só o símbolo da marca, em formato quadrado. O nome inteiro fica ilegível no tamanho de uma aba.
- Escolha o logotipo principal pensando na cor de fundo do cabeçalho: logo escuro em cabeçalho claro, logo claro em cabeçalho escuro.
Tamanho do logotipo no cabeçalho
O tamanho em que o logotipo aparece no cabeçalho do site é escolhido em Builder > Header e footer > Header, no campo Logotipo: Pequeno, Médio ou Grande. Esse campo não envia arquivo, só muda o tamanho.
A imagem de logo do admin
A tela Plataforma > Configuração > Infos básicas tem, na seção Imagens da plataforma, o campo Imagem para logo, com recorte de 515 × 300 px. É a imagem de logo guardada no cadastro da plataforma, a mesma do logotipo para fundos claros do Builder.
Na dúvida, envie pelo Builder: lá estão todas as variações, e a tela Infos básicas não tem campo para logotipo escuro, favicon nem versões para celular.
Logotipo de uma área de membros
Cada área de membros pode ter logotipos próprios, em Builder > Área de Membro > Tema. Sem logotipo próprio, a área usa o da plataforma.
⚠️ A tela de tema avisa: "O aluno vê este tema quando o site da área for atualizado". Ou seja, o tema da área de membros pode ser gravado, mas ainda não muda o que o aluno vê.
Erros comuns
"Enviei o logotipo e o site continua com o antigo"
Faltou clicar em Salvar alterações. Se já salvou, abra o site em uma janela anônima: o navegador pode estar mostrando a imagem guardada.
"O logotipo sumiu no cabeçalho"
O logotipo principal tem a mesma cor do fundo do cabeçalho. Troque o arquivo do campo Logotipo para fundos claros por uma versão que contraste, ou ajuste a cor Fundo do header em Builder > Aparência > Cores.
"O logotipo ficou pequeno"
Aumente o tamanho em Builder > Header e footer > Header, ou reenvie o arquivo sem margens vazias.