Adicionar um favicon à sua loja

Um favicon, ou ícone de favoritos, é uma pequena imagem quadrada ou um logo que aparece ao lado de um endereço da web. Ele fica nas abas do navegador, bem como nas páginas do navegador que listam endereços da web, 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

Utilize 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 é 16x16 ou 32x32 pixels. Se o seu arquivo favicon for muito grande, ele será reduzido para 32x32 pixels quando você enviá-lo para a Shopify.

Adicionar um favicon à sua loja virtual

A opção de adicionar um favicon está disponível no plano Basic Shopify ou superior, porém não no plano Shopify 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 que você quer editar 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 área Imagem de favicon, clique em Selecionar imagem e siga um destes procedimentos:

   • Para selecionar uma imagem que você já enviou para o admin da Shopify por upload, clique na aba Biblioteca da loja.
   • Para selecionar uma imagem do computador local, clique em Adicionar imagens.

6. Clique em Pronto.

7. Adicionar texto alternativo à sua imagem de favicon:

   1. Clique em Editar.
   2. Na janela 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 que você quer editar e toque em Personalizar.
5. Toque no ícone de engrenagem para acessar Configurações do tema.
6. Conforme a versão do tema, toque em Logo ou em Favicon.

7. Na área Imagem de favicon, toque em Selecionar imagem e siga um destes procedimentos:

   • Para selecionar uma imagem que você já enviou para o admin da Shopify por upload, toque na aba Biblioteca da loja.
   • Para selecionar uma imagem do computador local, toque em Adicionar imagens.

8. Toque em Pronto.

9. Adicionar texto alternativo à sua imagem de favicon:

   1. Toque em Editar.
   2. Na janela Pré-visualizar e editar, insira uma breve descrição da imagem no campo Texto alternativo.
   3. Toque em Salvar.

10. Clique 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 que você quer editar 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 área Imagem de favicon, toque em Selecionar imagem e siga um destes procedimentos:

   • Para selecionar uma imagem que você já enviou para o admin da Shopify por upload, toque na aba Biblioteca da loja.
   • Para selecionar uma imagem do computador local, toque em Adicionar imagens.

8. Toque em Pronto.

9. Adicionar texto alternativo à sua imagem de favicon:

   1. Toque em Editar.
   2. Na janela Pré-visualizar e editar, insira uma breve descrição da imagem no campo Texto alternativo.
   3. Toque em Salvar.

10. Toque em ✓.