Personalização: cores, logo e banners
Na Personalização você ajusta a identidade visual da loja: o logo, o favicon, os banners e as cores que aparecem nos botões e destaques.
Onde acessar
No menu lateral, acesse Loja Online > Personalização.
Imagens da loja
São seis campos de imagem:
- Logo: imagem principal exibida no cabeçalho. Recomendado PNG transparente, com pelo menos 200x60 pixels.
- Logo cupom: versão preto e branco usada em cupons impressos pelo PDV.
- Ícone da marca: imagem quadrada (256x256) usada no centro de QR codes que sua loja gera.
- Favicon: ícone pequeno (32x32) que aparece na aba do navegador.
- Banner principal: banner grande da vitrine, em formato wide. Recomendado 1920x820 pixels. Aceita um link e um texto opcionais.
- Banner promocional: faixa fina horizontal (2400x320). Também aceita link e texto alternativo.
Para enviar uma imagem, clique no campo e selecione o arquivo. O upload é imediato.
Cores
São três cores principais:
- Cor primária: cor predominante (botões, destaques)
- Cor secundária: cor de apoio (acentos, contraste)
- Cor de destaque escuro: usada em seções escuras (rodapé, faixa de newsletter)
As cores são informadas em formato hexadecimal (por exemplo, #7B2FF7).
Fontes
- Fonte dos títulos: dropdown com algumas opções
- Fonte do corpo: dropdown com as mesmas opções
Hoje, no tema Geral, só a fonte Sansita tem efeito visual completo. As demais usam a fonte padrão da loja.
CSS customizado
Existe um campo livre para CSS, usado por quem quer ajustes finos no visual. Use com cuidado. Erros de CSS podem quebrar partes da loja.
Como salvar
Depois de mexer em qualquer campo, clique em Salvar. As mudanças aparecem na sua loja no próximo carregamento, sem precisar recarregar nada manualmente.
A loja inteira muda de cor?
Sim. As cores que você define cascateiam para todos os pontos da loja: botões, links, faixas de destaque, ícones de redes sociais e área do cliente.
