{"section":"tutorials","requestedLocale":"es","requestedSlug":"image-widget","locale":"es","slug":"image-widget","path":"docs/es/tutorials/storefront/site-editor/image-widget.md","branch":"main","content":"Image Widget es un repositorio modal de bloques que permite subir imágenes al [Site Editor](/es/subcategory/layout--2g6LxtasS4iSeGEqeYUuGW). Con este modal, puede subir, almacenar y gestionar las imágenes de su tienda y utilizarlas en diferentes páginas, como la de Inicio, Producto o Newsletter.\n\nPor ejemplo, puede añadir una nueva imagen al bloque **Carrusel** de su tienda a través de Image Widget.\n\nEn la siguiente sección, aprenda a [acceso a Image Widget](#acceso-a-image-widget).\n\n## Acceso a Image Widget\n\nLos bloques en Site Editor, que permiten subir una imagen, tienen el modal Image Widget, y en este artículo usaremos el bloque **Carrusel** como ejemplo. Los pasos para acceder a Image Widget son los siguientes:\n\n1. En el Admin VTEX, accede a **Storefront > Site Editor**.\n2. En la columna de la derecha, seleccione el bloque al que desea enviar una imagen.\n3. En **BANNERS**, haga clic en `AÑADIR.`\n4. En **Imagen del banner,** haga clic en **Hacer Upload.**\n\nUna vez completados los pasos anteriores, se abrirá en su pantalla el modal Image Widget.\n\nAhora que ya sabe cómo acceder a Image Widget, vea lo que puede hacer a continuación:\n\n- [Añadir una imagen](#añadir-una-imagen)\n- [Reemplazar una imagen](#reemplazar-una-imagen)\n- [Eliminar una imagen](#eliminar-una-imagen)\n\n### Añadir una imagen\n\nDespués de [acceder a Image Widget](#acceso-a-image-widget) y con él abierto podrá añadir imágenes:\n\n> ⚠️ Al agregar nuevas imágenes en el modal Image Widget usando un [development workspace](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-workspace), la configuración realizada se guardará directamente en el espacio de trabajo principal. Es decir, se reflejarán inmediatamente en el modal de tu tienda.\n> <br />\n> ⚠️ El tamaño máximo que admite Image Widget es de 4 MB por archivo.\n\n1. Haga clic en `Añadir imagen`.\n2. Elige la imagen que quiere añadir y haga clic en `Abrir`.\n3. El modal se cierra por sí mismo. Haga clic en `APLICAR`.\n\nDespués de completar el paso anterior, la imagen estará configurada en el bloque y en su repositorio de Image Widget, y estará lista para ser utilizada en las páginas de su tienda.\n\nDespués de añadir una imagen al modal, tiene otras opciones con ella. Vea qué más puede hacer en [Funcionalidades dentro de Image Widget](#funcionalidades-dentro-de-image-widget).\n\n#### Funcionalidades dentro de Image Widget\n\nDentro del modal, algunas de las funcionalidades que tiene son un campo para buscar imágenes, filtrarlas por orden y ver sus imágenes en lista o cuadrícula.\n\nAdemás, si [añadió imágenes](#añadir-una-imagen) en su modal, ahora puede ver, copiar la URL de una imagen, descargarla y eliminarla de su repositorio.\n\nCon el modal abierto, haga clic en `más acciones` en la miniatura de una imagen.\n\n| Opciones       | descripción                                                                      |\n| -------------- | -------------------------------------------------------------------------------- |\n| **Avance**     | Abre una nueva página para obtener una vista previa de la imagen.                |\n| **Copiar URL** | Le permite copiar la URL de la imagen y utilizarla en otras partes de su tienda. |\n| **Descargar**  | Descargue la imagen en su computador.                                            |\n| **Eliminar**   | Remueve la imagen del repositorio.                                               |\n\n### Reemplazar una imagen\n\nEn el bloque en el que desea sustituir una imagen:\n\n1. Haga clic en `Más acciones` en la miniatura de una imagen y seleccione **Editar**.\n2. Haga clic en `Más acciones` nuevamente y seleccione **Reemplazar.**\n3. Con el modal abierto, haga clic en una imagen para reemplazarla.\n4. Haga clic en `APLICAR.`\n\n### Eliminar una imagen\n\nPara eliminar una imagen del bloque deseado, haga clic en `Más acciones` en la miniatura de la imagen y seleccione **Eliminar.** Después de este procedimiento, la imagen ya no será visible en el bloque.\n\n> ⚠️ Cuando se remueve una imagen, no significa que se excluya del repositorio. Para ello, consulte la sección [Funcionalidades dentro de Image Widget](#funcionalidades-dentro-de-image-widget)."}