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

Estos pasos son aplicables tanto al SiteGround Website Builder como a SiteGround Ecommerce.

Si quieres añadir fotos a una página, primero tendrás que seleccionar y añadir secciones. Puedes elegir una sección con imágenes existentes y reemplazarlas o insertar un componente de imagen en una sección.

Cómo añadir un componente de imagen única

Para añadir una imagen única, inserta un componente de imagen en una sección de página nueva o existente. Estos son los pasos:

1. Abre Editar sitio web en  Site Admin para acceder al Website Builder.
   

   

2. Ve a la pestaña Páginas en la barra de herramientas del menú izquierdo.
3. Haz clic en una página ya existente o crea una nueva.
   

   

4. En el editor visual de la derecha, selecciona una sección existente o crea una nueva donde añadirás la imagen.
   

   

5. Haz clic en el botón Añadir en la esquina superior derecha de la sección seleccionada.
   

   

6. En la ventana Añadir componente, abre la pestaña General y selecciona Imagen.
   

   

7. Arrastra y suelta la imagen en la cuadrícula para encontrar la mejor posición para el componente en la sección.
   

   

Cómo añadir un componente o sección de galería

En Website Builder, puedes añadir una galería de imágenes como una sección de Imagen o un componente de Galería.

Sección galería de imágenes

Para añadir una sección de galería de imágenes:

1. Pulsa el botón Añadir sección en el editor visual de la página.
2. En la siguiente ventana emergente, navega a la categoría Imágenes.
3. Luego, coloca el cursor sobre la plantilla de galería elegida y pulsa el botón Añadir sección.
   

   

Componente Galería

Alternativamente, puedes añadir un componente de galería de imágenes a una sección. Después de pulsar el botón Añadir para un nuevo componente, selecciona la opción Galería para insertar la galería en la sección.

Sección de texto e imagen

Además de los componentes o secciones que solo contienen imágenes, existen muchos diseños de sección (como Columnas) que combinan imágenes y texto. Una vez agregada una sección, puedes personalizarla para cambiar las imágenes.

Según el diseño seleccionado, el texto y las imágenes se pueden combinar de las siguientes maneras:

• Secciones, donde el texto y la imagen están uno al lado del otro
• Secciones de texto e imagen, donde el texto se superpone a una imagen de fondo

Cómo cambiar o editar una imagen

Una vez agregada una sección o componente de imagen, puedes reemplazar la imagen de marcador de posición con la tuya o editarla.

Imagen individual

Para editar una imagen individual:

1. Haz clic en la imagen y selecciona el ícono Editar (lápiz).
   

   

2. En la ventana Editar imagen, pasa el cursor sobre la pantalla de vista previa y presiona Actualizar. Tienes varias opciones para cambiar la imagen:

• Subir imagen: selecciona y sube una imagen desde tu dispositivo
• Abrir Mis archivos: elige una imagen de la galería de tu sitio web o selecciona una imagen gratuita de la galería de Unsplash.
• Generar imagen: solicita a la IA que genere una imagen.
• Añadir desde enlace: incrusta una imagen externa de otro sitio web.

Sección o componente de galería

Aquí se explica cómo cambiar y editar una sección o componente de galería de imágenes:

1. Haz clic en la galería y selecciona el icono Editar (lápiz).
   

   

2. Luego, en la ventana Editar galería, abre la pestaña Contenido.
3. Puedes reorganizar el orden arrastrando las imágenes, eliminar imágenes existentes o agregar una nueva con el botón Agregar imágenes.
   

   

4. Para crear nuevas imágenes, puedes subir archivos desde tu dispositivo, seleccionar imágenes existentes de tu galería o usar imágenes gratuitas de la galería “Unsplash”. Puedes seleccionar y agregar varias imágenes a la galería. Una vez seleccionadas, haz clic en Actualizar y aparecerán las nuevas imágenes.
   

   

Imagen de fondo

Para cambiar o editar una imagen de fondo en una sección:

1. En la ventana Editar sección, abre la pestaña Diseño.
2. Pasa el cursor sobre la vista previa de la imagen de fondo y presiona el botón Actualizar.
   

   

3. Puedes subir una foto desde tu dispositivo, seleccionar una imagen de la galería de tu sitio web, usar una imagen gratuita de la galería de Unsplash, incrustar una imagen externa añadiendo un enlace o usar AI para generar una imagen.