Base de conocimiento

Obtén hosting web experto

Elija la fiabilidad del sitio web y el conocimiento con SiteGround!

Inicio / Ecommerce / Cómo añadir fotos usando las opciones de Imagen única, Galería de imágenes y texto + imagen

Cómo añadir fotos usando las opciones de Imagen única, Galería de imágenes y texto + imagen

Última actualización: Aug 28, 2025 • 1 min de lectura

¿Cómo añadir fotos usando las opciones de Imagen única, Galería de imágenes y texto + imagen?

Estos pasos aplican tanto para SiteGround Website Builder como para SiteGround Ecommerce.

Si quieres añadir fotos a una página, primero necesitarás elegir y añadir secciones que incluyan imágenes.

Sección de imagen

Para añadir una sección de imagen, navega a la pestaña Contenido, haz clic en una página ya existente o crea una nueva.

Página de contacto en el constructor web con formulario de Name, Email y Message, junto a la información de contacto de ejemplo como correo, teléfono y dirección.

Una vez seleccionada la página, ve al cuerpo de la página y haz clic en Añadir sección.

Página de contacto en el constructor web con formulario de Name, Email y Message, y un botón resaltado “+ AÑADIR SECCIÓN” para agregar nuevos bloques de contenido.

Selecciona la categoría Imágenes del menú de la izquierda y luego elige la sección que mejor se adapte a tus necesidades.

Ventana emergente del constructor web para agregar sección de imágenes, con opción de galería y una vista previa de un jarrón blanco en la parte derecha.

Para cambiar la imagen, pasa el cursor sobre ella y haz clic en Actualizar.

Interfaz de edición de sección de imagen en el constructor web, con un jarrón blanco como imagen principal y el botón “ACTUALIZAR” resaltado en el centro.

Puedes subir tu propia imagen o seleccionar una imagen gratuita de la galería integrada de Unsplash.

Biblioteca de imágenes en el editor web con fotos de monumentos de Roma, incluyendo el Coliseo, el Foro Romano y la Fontana di Trevi, disponibles para selección.

Una vez que hayas seleccionado la imagen, simplemente haz clic en Actualizar y tu nueva imagen aparecerá.

Sección de galería

Si eliges una sección de galería de la lista de Sección de imagen, en la columna de la izquierda verás opciones para eliminar y gestionar imágenes.

Constructor web mostrando una galería de imágenes de esculturas decorativas, con un menú lateral para gestionar imágenes y un botón “AGREGAR IMAGEN” resaltado.

Haz clic en Añadir imagen para cambiar las imágenes. Puedes subir tus propias imágenes o seleccionar imágenes gratuitas de la galería de Unsplash. Puedes seleccionar y añadir múltiples imágenes a la galería.

Biblioteca de imágenes en el editor web con fotos de monumentos de Roma, incluyendo el Coliseo, el Foro Romano y la Fontana di Trevi, disponibles para selección.

Una vez que hayas seleccionado las imágenes, simplemente haz clic en Actualizar y aparecerán tus nuevas imágenes.

Sección de texto + imagen

Si eliges una sección de Texto e imagen verás diseños donde el texto y la imagen coexisten.

Ventana de selección de sección en el editor web, mostrando plantillas de diseño con texto e imágenes, títulos de ejemplo y botones de llamada a la acción.
  • En secciones donde el texto y la imagen están uno al lado del otro:

Una vez que selecciones la sección que mejor se adapte a tus necesidades, pasa el cursor sobre la imagen y haz clic en Actualizar para cambiarla. Puedes subir tu propia imagen o seleccionar una imagen gratuita de la galería Unsplash.

Editor del constructor web mostrando una sección de texto e imagen, con controles de color, diseño y botones activados, junto a un recuadro de vista previa con un título y botón "Learn More".

Una vez que hayas seleccionado la imagen, simplemente haz clic en Actualizar.

  • Para secciones de texto e imagen donde el texto se superpone a la imagen:

Haz clic en la sección y desde el menú de la izquierda selecciona Elegir archivo para cambiar la imagen de fondo. Puedes subir tu propia imagen o seleccionar una imagen gratuita de la galería de Unsplash.

Constructor web mostrando la edición de una sección con imagen de fondo de un edificio en Roma, y controles para cambiar tamaño, posición y superposición de la imagen.

Una vez que hayas seleccionado la imagen, simplemente haz clic en Actualizar.

Comparte este artículo

Artículos relacionados