Adicionar um favicon à sua loja

Um favicon, ou ícone de favoritos, é uma pequena imagem ou um logo que aparece ao lado do nome da página da web. Ele fica nas abas do navegador, bem como nas páginas que listam sites, como a página de favoritos. Adicione esse recurso à loja virtual para fortalecer a marca e dar uma aparência refinada ao site.

Criar um favicon

Use um gerador de favicon gratuito para criar um favicon personalizado, ou você pode criar o seu próprio. Para encontrar um gerador de favicon, pesquise na internet por free favicon generator.

O tamanho ideal para um favicon é 16 x 16 ou 32 x 32 pixels. Se o arquivo favicon for muito grande, será reduzido para 32 x 32 pixels quando for enviado para a Shopify.

Adicionar um favicon à sua loja virtual

Lojistas no plano Basic Shopify ou superior podem adicionar um favicon à loja virtual. Vale lembrar que esse recurso não está disponível para o plano Starter.

Dica

Em alguns temas, é possível adicionar um texto alternativo ao favicon. Esse texto será exibido sempre que uma imagem não puder ser carregada, mas também é usado pelo software de leitura de tela na hora de descrever a imagem para usuários com deficiência visual.

Etapas:

Desktop

1. No admin da Shopify, acesse Loja virtual > Temas.

2. Encontre o tema ao qual você quer adicionar um favicon e clique em Personalizar.

3. Clique no ícone de engrenagem para acessar Configurações do tema.

4. Conforme a versão do tema, clique em Logo ou em Favicon.

5. Na seção Imagem de favicon, clique em Selecionar imagem e siga um destes procedimentos:

   • Se já tiver enviado ao admin da Shopify, pesquise e selecione a imagem com a caixa de seleção.
   • Para selecionar uma imagem do computador local, clique em Adicionar imagens, abra e selecione o arquivo com a caixa de seleção.

6. Clique em Done ("Pronto").

7. Opcional: adicione texto alternativo à imagem do favicon desta maneira:

   1. Na seção Imagem de favicon, clique em Editar.
   2. Na caixa de diálogo Pré-visualizar e editar, insira uma breve descrição da imagem no campo Texto alternativo.
   3. Clique em Salvar.

8. Clique em Salvar.

iPhone

1. No app da Shopify, toque no botão ….

2. Na seção canais de vendas, toque em loja virtual.

3. Toque em Gerenciar todos os temas.

4. Encontre o tema ao qual você quer adicionar um favicon e toque em Personalizar.

5. Toque em ... > Configurações do tema.

6. Conforme a versão do tema, toque em Logo ou em Favicon.

7. Na seção Imagem de favicon, toque em Selecionar imagem e siga um destes procedimentos:

   • Se já tiver enviado ao admin da Shopify, pesquise e selecione a imagem com a caixa de seleção.
   • Para selecionar uma imagem do computador local, toque em Adicionar imagens, abra e selecione o arquivo com a caixa de seleção.

8. Toque em Pronto.

9. Adicione texto alternativo à imagem do favicon desta maneira:

   1. Na seção Imagem de favicon, toque em Editar.
   2. Na caixa de diálogo Pré-visualizar e editar, insira uma breve descrição da imagem no campo Texto alternativo.
   3. Toque em Salvar.

10. Toque em Salvar.

Android

1. No app da Shopify, toque no botão ☰.

2. Na seção canais de vendas, toque em loja virtual.

3. Toque em Gerenciar todos os temas.

4. Encontre o tema ao qual você quer adicionar um favicon e toque em Personalizar.

5. Toque em ... > Configurações do tema.

6. Conforme a versão do tema, toque em Logo ou em Favicon.

7. Na seção Imagem de favicon, toque em Selecionar imagem e siga um destes procedimentos:

   • Se já tiver enviado ao admin da Shopify, pesquise e selecione a imagem com a caixa de seleção.
   • Para selecionar uma imagem do computador local, toque em Adicionar imagens, abra e selecione o arquivo com a caixa de seleção.

8. Toque em Pronto.

9. Adicione texto alternativo à imagem do favicon desta maneira:

   1. Na seção Imagem de favicon, toque em Editar.
   2. Na caixa de diálogo Pré-visualizar e editar, insira uma breve descrição da imagem no campo Texto alternativo.
   3. Toque em Salvar.

10. Toque em ✓.