{"section":"tutorials","requestedLocale":"es","requestedSlug":"configurar-el-favicono-de-tu-tienda","locale":"es","slug":"configurar-el-favicono-de-tu-tienda","path":"docs/es/tutorials/storefront/layout/configurar-el-favicono-de-tu-tienda.md","branch":"main","content":"> ⚠️ Este tutorial solo es válido para tiendas CMS Portal (Legado). Para tiendas desarrolladas con Store Framework, sigue las instrucciones de la sección **Faviconos** de la guía [Configurar SEO en la tienda Store Framework](/es/docs/tutorials/configurar-seo-en-la-tienda#faviconos).\n\nUn favicono es el pequeño ícono asociado a un sitio web que se muestra en la pestaña del navegador al lado del título de la página, en favoritos, en el historial de navegación y en otros lugares donde aparece la dirección del sitio web, como las páginas de resultados de búsqueda.\n\n![favicon-es](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/configurar-el-favicono-de-tu-tienda_1.png)\n\nEl favicono ayuda a los usuarios a identificar rápidamente un sitio web cuando tienen varias pestañas abiertas o cuando consultan sus favoritos, mejorando la experiencia y reforzando la identidad y credibilidad de la marca.\n\nPara configurar el favicono en tiendas CMS Portal (Legado), sigue las instrucciones a continuación:\n\n1. En el Admin VTEX, accede a **Storefront > Layout > CMS > Files Manager > imagens**.\n\n    ![files-manager](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/configurar-el-favicono-de-tu-tienda_2.png)\n\n2. En la segunda columna, haz clic en `Add`.\n\n    ![add-image](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/configurar-el-favicono-de-tu-tienda_3.png)\n\n3. Haz clic en `Browse for file`para agregar el archivo de imagen en formato `.ico`.\n\n    > ⚠️ El nombre del archivo debe seguir el formato ***\\{storeName\\}**-favicon.ico*. Sustituye la variable **\\{storeName\\}** por el nombre de la tienda registrado en [Gestión de la cuenta](/es/docs/tutorials/gestion-de-la-cuenta).\n\n4. Configura los [templates](/es/docs/tutorials/que-son-templates) con el elemento `<link>` dentro de `<head>` como sigue: `<link rel=\"shortcut icon\" href=\"/arquivos/**{storeName}**-favicon.ico\" />`. Debes sustituir la variable `{storeName}` por el nombre de la tienda.\n\n    > ℹ️ Puedes configurar el favicono con otro nombre de archivo. Sin embargo, eso creará una URL con formato diferente. Se recomienda mantener el formato antes mencionado, ya que Checkout y OrderPlaced lo utilizan al cargar la URL."}