Ajuda
Fazer login

Adicionar um favicon à loja

O favicon, ou ícone de favoritos, é uma imagem pequena ou um logo que aparece ao lado do nome de uma página da web. Você pode encontrar favicons nas abas do navegador, bem como nas páginas que listam sites, como a de favoritos. Adicionar um favicon à loja virtual ajuda a fortalecer sua marca e a dar uma aparência profissional ao site.

Nesta página

Como criar um favicon

Para criar um favicon personalizado, use um site gerador de favicons gratuito ou crie um por conta própria. Para encontrar um gerador de favicon, pesquise na internet por gerador de favicon gratuito.

O tamanho ideal da imagem para um favicon é de 16x16 pixels ou 32x32 pixels. Se a imagem do favicon for muito grande, ela será reduzida para 32x32 pixels no upload para a Shopify.

Adicionar um favicon à loja virtual

É possível adicionar um favicon à loja virtual se você tiver o plano Basic ou superior. Não é possível adicionar um favicon à loja virtual se você tiver o plano Starter.

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 as Configurações do tema.

  4. Dependendo da versão do tema, clique em Logo ou Favicon.

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

    • Para selecionar uma imagem que já foi carregada no admin da Shopify, pesquise-a ou encontre-a e selecione-a com a caixa de seleção.
    • Para selecionar uma imagem do computador, clique em Adicionar imagens, abra a imagem e selecione-a com a caixa de seleção.

  6. Clique em Concluído.

  7. Opcional: adicione um texto alternativo à imagem do favicon seguindo estas etapas:

    1. Na seção Imagem do 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.

Dispositivo móvel

  1. No Shopify app, toque no ícone Menu.

  2. Na seção Canais de venda, 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. Dependendo da versão do tema, toque em Logo ou Favicon.

  7. Na seção Imagem do favicon, toque em Selecionar imagem e, em seguida, faça o seguinte:

    • Para selecionar uma imagem que já foi carregada no admin da Shopify, pesquise-a ou encontre-a e selecione-a com a caixa de seleção.
    • Para selecionar uma imagem do seu dispositivo, toque em Adicionar imagens, abra a imagem e selecione-a com a caixa de seleção.

  8. Toque em Concluído.

  9. Adicione um texto alternativo à imagem do favicon seguindo estas etapas:

    1. Na seção Imagem do 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 ou ✓.

Solução de problemas com favicons

Se você estiver com problemas no favicon, consulte as etapas de solução de problemas a seguir.

Se o favicon não estiver sendo exibido nos resultados da pesquisa do Google, verifique se você enviou o sitemap para o Google para que as informações da sua loja possam ser rastreadas.

De acordo com a documentação do Google, não há garantia de que um favicon será exibido nos resultados da pesquisa, mesmo que todas as diretrizes sejam atendidas.

Os favicons não são exibidos nas páginas de Contas de clientes e de checkout, a menos que você tenha o plano Shopify Plus. Além disso, os favicons não são exibidos ao visualizar o tema pelo editor de temas, pois o editor de temas faz parte do admin da Shopify e não reflete a vitrine virtual ativa.

Se você tem o plano Shopify Plus e quer definir um favicon nas páginas de Contas de clientes e de checkout, precisará usar a Branding API ou o Checkout Blocks. O favicon não aparece automaticamente e não pode ser definido no editor de temas nem no editor de checkout do admin. Para saber mais sobre como usar a Branding API, consulte a seguinte documentação para desenvolvedores: