Image Widget es un repositorio modal de bloques que permite subir imágenes al Site Editor. 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.

Por ejemplo, puede añadir una nueva imagen al bloque Carrusel de su tienda a través de Image Widget.

En la siguiente sección, aprenda a acceso a Image Widget.

Los 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:

1. En el Admin VTEX, accede a Storefront > Site Editor.
2. En la columna de la derecha, seleccione el bloque al que desea enviar una imagen.
3. En BANNERS, haga clic en AÑADIR.
4. En Imagen del banner, haga clic en Hacer Upload.

Una vez completados los pasos anteriores, se abrirá en su pantalla el modal Image Widget.

Ahora que ya sabe cómo acceder a Image Widget, vea lo que puede hacer a continuación:

• Añadir una imagen
• Reemplazar una imagen
• Eliminar una imagen

Después de acceder a Image Widget y con él abierto podrá añadir imágenes:

Al agregar nuevas imágenes en el modal Image Widget usando un development 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.

1. Haga clic en Añadir imagen.
2. Elige la imagen que quiere añadir y haga clic en Abrir.
3. El modal se cierra por sí mismo. Haga clic en APLICAR.

Despué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.

Despué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

Dentro 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.

Además, si añadió imágenes en su modal, ahora puede ver, copiar la URL de una imagen, descargarla y eliminarla de su repositorio.

Con el modal abierto, haga clic en más acciones en la miniatura de una imagen.

En el bloque en el que desea sustituir una imagen:

1. Haga clic en `Más acciones" en la miniatura de una imagen y seleccione Editar.
2. Haga clic en Más acciones nuevamente y seleccione Reemplazar.
3. Con el modal abierto, haga clic en una imagen para reemplazarla.
4. Haga clic en APLICAR.

Para 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.

Cuando se remueve una imagen, no significa que se excluya del repositorio. Para ello, consulte la sección Funcionalidades dentro de Image Widget.