{"section":"tutorials","requestedLocale":"es","requestedSlug":"como-modificar-banner","locale":"es","slug":"como-modificar-banner","path":"docs/es/tutorials/storefront/layout/como-modificar-banner.md","branch":"main","content":"Para ejemplo, usaremos un banner de la Home en el paso a paso, pero estas instrucciones se pueden usar para cualquier página del sitio.\n\n1. Acceda al menu **Storefront** y haga clic en la pagina **Layout**.\n2. Haga clic en la carpeta **“CMS”** en Layout. \n3. Haga clic en la carpeta **“Sites and Channels”**\n4. Haga clic en el **nombre de su tienda**.\n5. Haga clic en la **carpeta \"/\"**\n![cms_instrução ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-modificar-banner_1.png)\n6. Haga clic en el archivo **“home”**\n7. Haga clic en la pestaña **Settings**\n8. Haga clic en el “lápiz” de edición. \n![cms-home-settings ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-modificar-banner_2.png)\n9. Se abrirá la ventana de banners\n10. Haga clic en el \"lápiz\" que aparecerá\n![cms_home_settings_lapis ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-modificar-banner_3.png)\n11. Se abrirá el formulario de banner;\n\n**Modificar los contenidos del formulario:**\n- Content Name (Nombre del contenido)\n- Width (Ancho de la imagen, como 1170px)\n- Height (Altura de la imagen, como 500 px)\n- File Type: image (Tipo de archivo: imagen)\n- URL (link adonde el cliente será dirigido cuando haga clic en el banner)\n\n## Modificar o registrar la imagen del banner \n\nPara hacer una  o registro de una nueva imagen, \n\n1. Haga clic en el botón **Adicionar arquivo** (\"inserir archivo\").\n2. Haga clic en **Localizar** para seleccionar imagen.\n3. Después de seleccionar el archivo en su computador, aparecerá el botón de **salvar arquivo** (grabar archivo). \n\nAtención: para una carga de exito, el nombre del archivo no debe estar entre comillas.\n\n4. Haga clic en el botón **Adicionar** (\"inserir).\n5. Haga clic en la opción **Update Content List**.\n6. Haga clic en la opción **Save Content**.\n7. Después de hacer esa modificación, hacer clic en el botón **Save Settings**.\n\n_OBS.: Si usted pasa por todos los pasos arriba y no hace clic en el botón **save settings**, como indicado en el último paso, y sale de la página, perderá todo el registro del banner._"}