{"section":"tutorials","requestedLocale":"pt","requestedSlug":"como-alterar-banner","locale":"pt","slug":"como-alterar-banner","path":"docs/pt/tutorials/storefront/layout/como-alterar-banner.md","branch":"main","content":"Usaremos como exemplo um banner da Home no passo-a-passo. Porém, estas instruções podem ser utilizadas para qualquer página do site.\n\n1. Acesse o menu **Storefront** e clique em **Layout**.\n2. Clique na pasta **CMS**.\n3. Clique na pasta **Sites and Channels**.\n4. Clique no nome do website desejado.\n5. Clique na pasta **/**.\n![instrução CMS -pt](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-alterar-banner_1.png)\n6. Clique no arquivo **Home**.\n7. Clique na aba **Settings**.\n8. Clique no ícone de lápis para editar.\n![cms-home-settings PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-alterar-banner_2.png)\n9. Será aberta a janela de banners.\n10. Clique no ícone de lápis que aparecerá.\n![cms_home_settings_lapis pt](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-alterar-banner_3.png)\n11. Será aberto o formulário de banner.\n\n**Altere o conteúdo do formulário:**\n- Content Name (Nome do banner).\n- Width (Largura da imagem, como 1170px.)\n- Height (Altura do banner, como 500 px.)\n- File Type (image).\n- URL (link para onde o cliente será direcionado quando clicar no banner).\n\n### Alterar ou cadastrar a imagem do banner\n\nPara fazer uma alteração ou cadastro de nova imagem, siga os passos abaixo:\n\n1. Clique em **Adicionar arquivo**.\n2. Clique no botão **Localizar** para selecionar a imagem.\n3. Após selecionar o arquivo no seu computador, aparecerá o botão de **Salvar arquivo**. \nAtenção: o nome do arquivo não pode estar entre aspas.\n4. Clique no botão **Adicionar**.\n5. Clique na opção **Update Content List**.\n6. Clique na opção **Save Content**.\n7. Clique no botão de **Save Settings**.\n\n_OBS.: Se você não clicar no botão **Save Settings**, indicado no último passo, e sair da página, você perderá **todo** o cadastro do banner._"}