Como alterar a Logo e o Favicon da sua loja

Modificado em Sex, 15 Mai na (o) 10:43 AM

Altere a Logo e o Favicon da sua loja com facilidade, diretamente pelo painel administrativo. 


Com essa atualização, o processo ficou mais ágil e autônomo, permitindo que o próprio lojista faça as alterações no momento em que precisar.



Onde alterar?

Acesse o painel administrativo e siga o passo a passo:

  1. Navegue até Empresa > Gerenciar Empresas
  2. Clique em Alterar empresa
  3. No campo desejado (Logo original, Logo com fundo ou Favicons), clique em Selecionar e escolha o arquivo
  4. Confira o preview da imagem
  5. Repita para os demais campos, se necessário
  6. Clique em Salvar alterações


Essa funcionalidade está disponível apenas para usuários com a permissão 'Acesso Total' a loja.




Nessa tela você encontrará três campos para personalização da identidade visual da loja:


1. Logo original

É a logo principal que será exibida em todo o site (cabeçalho, páginas internas, etc).



Diretrizes:

  • Formato: PNG (com fundo transparente)
  • Dimensões recomendadas: até 300px x 70px
  • Orientação horizontal (mais legível e adequada ao espaço do cabeçalho)
  • Verifique o contraste entre a logo e o fundo do cabeçalho do layout escolhido


2. Logo com fundo

É uma versão da logo usada em e-mails, páginas de autenticação e outras telas que podem alternar entre modo claro e modo escuro (especialmente em dispositivos móveis).



Por que essa logo é necessária?

Os e-mails enviados pela loja podem ser visualizados em diferentes dispositivos e aplicativos. Em smartphones, o sistema pode alternar automaticamente entre modo claro e modo escuro, conforme a configuração do usuário.

Esse comportamento não pode ser controlado e pode afetar diretamente a visibilidade da sua logo.


Para mais detalhes confere esse material: Como preparar corretamente e garantir boa leitura em modo claro e escuro


Quando a logo não possui fundo definido, ela pode:

  • Perder contraste
  • Ficar difícil de ler
  • “Sumir” em determinados modos de exibição
  • Comprometer a identidade visual da marca

Diretrizes da logo com fundo:

  • Formato: JPG
  • Tamanho recomendado: 400px x 200px
  • Aplique um fundo branco ou preto (sólido)
  • Garanta bom contraste entre a logo e o fundo
  • Deixe uma margem de respiro ao redor da logo (não encoste o conteúdo nas bordas)
  • Evite sombras, degradês ou efeitos que prejudiquem a leitura

Dica: após salvar, faça um pedido teste e verifique como ficou a logo nos e-mails enviados — é assim que seus clientes irão recebê-los.




3. Favicons

Favicon é o pequeno ícone que identifica o site na aba do navegador, nos favoritos e nos resultados de busca mobile. Ele reforça a credibilidade da página e conecta o usuário à sua marca.

Basta enviar uma única imagem em JPG ou PNG e o sistema gera automaticamente todos os favicons necessários (incluindo o arquivo .ico).



Diretrizes do favicon:

  • Formato: JPG ou PNG
  • Dimensões recomendadas: até 260px x 260px (formato quadrado)
  • Imagem nítida e simples, que seja reconhecível mesmo em tamanho pequeno


Importante: após salvar, o favicon pode demorar alguns minutos para atualizar no navegador. Caso não veja a alteração imediatamente, limpe o cache do navegador ou abra a loja em uma aba anônima.




Recursos da tela

  • Preview das imagens: ao selecionar um arquivo, você visualiza a prévia antes de salvar
  • Geração automática do favicon: o sistema cria o .ico e os demais ícones a partir da imagem enviada
  • Validação automática: o sistema verifica o tipo de arquivo no envio
  • Limite de tamanho: até 5MB por imagem




Em caso de dúvidas adicionais e precise de mais informações, consulte nossa Central de Ajuda, ou entre em contato com nossa equipe de suporte através do e-mail  suporte@auryn.com.br

Este artigo foi útil?

Que bom!

Obrigado pelo seu feedback

Desculpe! Não conseguimos ajudar você

Obrigado pelo seu feedback

Deixe-nos saber como podemos melhorar este artigo!

Selecione pelo menos um dos motivos
A verificação do CAPTCHA é obrigatória.

Feedback enviado

Agradecemos seu esforço e tentaremos corrigir o artigo