{"section":"tutorials","requestedLocale":"pt","requestedSlug":"configurar-o-favicon-em-sua-loja","locale":"pt","slug":"configurar-o-favicon-em-sua-loja","path":"docs/pt/tutorials/storefront/layout/configurar-o-favicon-em-sua-loja.md","branch":"main","content":"> ⚠️ Tutorial válido apenas para lojas CMS Portal (Legado). Para lojas desenvolvidas com Store Framework, siga as instruções da seção **Favicons** no guia [Configurando SEO em sua loja Store Framework](/pt/tutorial/configurando-seo-em-sua-loja--1sKskEsjUSvgHyqM8oknVR?&utm_source=autocomplete#favicons).\n\nFavicon é um pequeno ícone associado a um site. Ele é exibido na aba do navegador ao lado do título da página, nos favoritos, nos históricos de navegação e em outros locais onde o endereço do site aparece, como as páginas de resultados de busca.\n\nO favicon ajuda os usuários a identificar rapidamente um site quando tem várias abas abertas ou quando estão consultando os favoritos, melhorando a experiência do usuário e reforçar a identidade e a credibilidade de uma marca.\n\n\n\nPara configurar o favicon em lojas CMS Portal (Legado), siga as instruções abaixo:\n\n1. No Admin VTEX, acesse **Storefront > Layout > CMS > Files Manager > imagens**.\n\n \n\n2. Na segunda coluna, clique em `Add`.\n\n \n\n3. Clique em `Browse for file` para adicionar o arquivo de imagem no formato `.ico`.\n\n > ⚠️ O nome do arquivo deve seguir o padrão ***\\{storeName\\}**-favicon.ico*. Substitua a variável **\\{storeName\\}** pelo nome da loja cadastrado no [Gerenciamento da conta](/pt/docs/tutorials/gerenciamento-da-conta).\n\n \n\n4. Configure os [templates](/pt/docs/tutorials/o-que-sao-templates) com o elemento `` dentro do ``, da seguinte forma: ``. A variável `{storeName}` deve ser substituída pelo nome da loja.\n\n > ℹ️ É possível configurar o favicon com outro nome de arquivo, o que criará uma URL diferente do padrão. No entanto, como o Checkout e o OrderPlaced carregam a URL nesse padrão, é indicado seguir a forma mencionada."}