Table of Contents
Antes de adicionar o logo na aba do navegador:Adicionando o favicon na sua NuvemshopConfigurar o favicon (logotipo para aba do navegador) de sua loja, embora não seja obrigatório, é uma configuração recomendável de se fazer. Ela permite que, mesmo que no navegador o visitante não esteja com a aba de sua loja ativa, ele consiga visualizar a identidade da sua marca.
Neste tutorial, vamos ensinar como criar e adicionar um logo na aba do navegador da loja virtual.
Antes de adicionar o logo na aba do navegador:
Veja como criar um Favicon (logotipo para aba do navegador)
Clique para mais informações
Nesta primeira etapa, o ideal é que você tenha uma imagem que represente sua marca de forma rápida, ou seja, é preciso ter uma imagem do seu logotipo ou algum elemento que represente sua marca. Recomendamos que separe uma imagem diferente do seu logotipo, pois pode acabar não ficando tão visível.
Após definir a arte do logotipo, siga os passos abaixo para redimensionar:
1. Entre no site 🌎 Bulk Resize Photos.
2. Depois clique em "Escolha imagens" e selecione a imagem do seu logotipo para redimensionar o tamanho.
3. Assim que carregar a imagem do logotipo, no menu à esquerda, clique na opção "Dimensões da imagem".
4. Na seção Fazer imagens de preencha os campos de altura e largura com a resolução recomenda de do logo e marque a opção "Use estofo para evitar esticar ou esmagando imagens".
5. Depois de configure a resolução das imagens, defina Formato de imagem (PNG ou JPEG), qualidade da imagem e a cor de fundo da imagem de acordo com a cor de fundo da sua loja.
6. Para finalizar, clique no botão "> Comécar".
7. Assim que terminar, irá aparecer uma mensagem indicando que o redimensionamento foi concluído e será feito o download do arquivo com a imagem automaticamente. Retire o arquivo da pasta zipada e siga para o passo 👉 Adicionando o favicon na sua Nuvemshop para adicionar o logotipo na aba do navegador.
Adicionando o favicon na sua Nuvemshop
❗ Os passos abaixo podem ser realizados pelo desktop (notebook/computador) ou pela versão web do seu navegador em um smartphone (celular).
1. Acesse o painel administrador Nuvemshop.
2. Siga pelo caminho "Minha Nuvemshop" > "Layout".
3. O próximo passo dependerá se sua loja já possui um logotipo sim ou não. Por isso, siga os passos abaixo:
4. Uma janela será aberta, deslize até a seção Favicon e clique em "Selecionar imagem" para subir a imagem do seu favicon.
Importante:
Observe que a plataforma informa o tamanho recomendado para a imagem do favicon. Para que o favicon seja exibido sem distorções, é importante respeitar essas medidas.
5. Assim que a imagem for carregada, é só clicar em "Salvar alterações".
Pronto!🙌
Agora sua loja possui um logo na aba do navegador!