Widgets de medios: Galería de fotos

Con el widget Galería de fotos añades fácilmente varias imágenes a tu sitio (o conectas un feed de Instagram; para más información, consulta más abajo "Conectar un feed profesional de Instagram" en este artículo). Cuando los visitantes hacen clic en una imagen de la galería de fotos, esta se puede abrir en una galería tipo lightbox o enlazar a una página de tu sitio, a la URL de un sitio web, a un popup, a un ancla, a una dirección de correo electrónico y más. A cada imagen puedes añadirle títulos, descripciones y texto alternativo.

Contenido dinámico: este widget también puede mostrar páginas dinámicas.

Editor de contenido

En el área de contenido gestionas el contenido del widget.

Haz clic en el elemento para abrir el menú flotante y luego en la opción del editor de contenido.

Opciones de configuración de la galería

• Para activar los enlaces en las imágenes de la galería, haz clic en la opción Habilitar enlaces en las imágenes de la galería de la parte superior del cuadro de contenido.
  • Esto desactiva la función lightbox. Si una imagen no tiene enlace, no pasa nada al hacer clic en ella.
• Haz clic en Conectar Instagram para conectar una cuenta profesional de Instagram (solo se muestran imágenes; las publicaciones con vídeos no se ven). Las cuentas profesionales de Instagram incluyen las cuentas Business y Creator.
• Haz clic en Añadir imagen para añadir imágenes (puedes seleccionar varias a la vez para añadirlas a la galería). Tienes estas opciones:
  • Elige entre las imágenes disponibles al momento.
  • Haz clic en Expandir para abrir el Selector de imágenes.
  • Haz clic en el icono más para subir una imagen.

Opciones de ajuste de cada imagen

Haz clic en una imagen para abrir sus opciones de ajuste.

• Cambiar imagen

• Editar

• Posición Ajusta qué parte de la imagen se muestra.

• Editar enlace Solo se ve si el ajuste Habilitar enlaces en las imágenes de la galería está activado. Si no se ha definido un enlace, no pasa nada al hacer clic en la imagen.

• Título Si no quieres un título, haz clic en el icono del ojo. Si no escribes ningún texto pero lo dejas visible, el espacio permanece en el widget y se ve.

• Descripción Si no quieres una descripción, haz clic en el icono del ojo. Si no escribes ningún texto pero lo dejas visible, el espacio permanece en el widget y se ve.

  Nota: El campo de texto largo ofrece varias opciones de formato, como poner el texto en cursiva, en negrita o subrayado.

• Botón Si no quieres un botón, haz clic en el icono del ojo para ocultarlo.

• Texto alternativo Escribe tu propio texto alternativo.

Editor de diseño

Haz clic en el elemento para abrir el menú flotante y luego en la opción para editar el diseño.

1. Para cambiar el diseño de la galería, haz clic en la pestaña Diseño. Tienes estas opciones:

   • Haz clic en el diseño actual para ver más opciones de diseño para tu galería de fotos. Los diseños se gestionan por dispositivo y dependen de la vista en la que se selecciona el diseño.
   • Puedes añadir texto debajo de las imágenes, al pasar el cursor por encima (hover) o sobre la imagen. Selecciona Texto y botón debajo de la imagen, Texto y Button al pasar el cursor o Texto y botón sobre la imagen y luego elige una posición para el texto o el botón.
   • Elige el Número de columnas (número de columnas) de la galería de fotos.
   • Para ajustar el número de columnas automáticamente y evitar espacios en blanco, haz clic en la opción Ajustar las columnas automáticamente.
   • Elige cuántas Filas visibles (filas visibles) quieres mostrar.

2. Para configurar las imágenes, haz clic en la pestaña Imágenes. Tienes estas opciones:

   • Cambia la altura de las imágenes y el espacio entre ellas (para todas las imágenes de la galería). Solo vale para ciertos diseños.

   • Añade esquinas redondeadas.

   • Muestra la imagen completa en la galería.

   • Añade sombra.

   • Cambia el efecto hover y la animación de las imágenes (disponible en el widget nuevo).

   • Desactiva la optimización de imágenes.

     Nota: Desactivar la optimización de imágenes puede afectar a la velocidad de carga o al rendimiento de la página.

3. Para configurar el marco (por ejemplo, añadir un color de fondo o personalizar el borde), haz clic en la pestaña Marco.

   • Para desactivar el Carga diferida ("lazy loading"), haz clic en la opción (está activada de forma predeterminada y mejora la velocidad de carga, porque las imágenes solo se cargan cuando se vuelven visibles al hacer scroll).
   • Para ocultar la opción de compartir, haz clic en la opción Ocultar las imágenes para compartir. Así quitas el botón de compartir que se muestra a los visitantes al hacer clic en una imagen.

4. Para cambiar el espaciado interior y exterior, haz clic en la pestaña Espaciado.

Para información sobre las opciones de diseño que no son específicas de este widget (por ejemplo, el diseño, el estilo o el espaciado), consulta "Widget Design".

Conectar un feed profesional de Instagram

Por un cambio que hizo Meta, todas las conexiones creadas antes de diciembre de 2024 tendrán que volver a conectarse.

Los usuarios con una cuenta profesional de Instagram (no cuentas privadas ni personales) pueden añadir un feed de Instagram al widget de galería de fotos. El widget muestra hasta 100 imágenes de tu feed y se actualiza automáticamente cuando se añaden nuevas publicaciones. Si una publicación de Instagram tiene más de una imagen, en el widget de galería de fotos solo se muestra la primera imagen de esa publicación.

Las cuentas profesionales de Instagram se pueden configurar como Business o Creator.

Nota:

• Las nuevas actualizaciones de imágenes pueden tardar hasta 2 horas en mostrarse.
• Solo se muestran fotos (los vídeos no) y solo de cuentas que son públicas y de tipo Business.
• Solo se puede conectar una cuenta de Instagram por sitio.
• Las fotos de colaboración no se pueden mostrar.
• Para cambiar de cuenta, abre la galería de fotos conectada, haz clic en Desconectar e inicia sesión con la nueva cuenta. Puede que necesites vaciar la caché del navegador después de desconectar y antes de volver a conectar.

Para conectar un feed profesional de Instagram al widget Galería de fotos:

1. Añade el widget Galería de fotos a tu sitio. Para más información, consulta "Añadir widgets".
2. Haz clic en Conectar Instagram.
3. Escribe tus credenciales de Instagram y haz clic en INICIAR SESIÓN.
4. Haz clic en Autorizar.

Si te aparece un error al iniciar sesión, abre instagram.com en tu navegador. En la pestaña de perfil, haz clic en el icono de ajustes, selecciona Cerrar sesión y luego vuelve a conectarte con el widget.

Pies de foto

Los pies de foto se pueden mostrar al pasar el cursor por encima de una imagen. Para mostrarlos, haz clic en la opción Mostrar subtítulos de imágenes de la pestaña Contenido del widget de galería de fotos (la opción está desactivada de forma predeterminada).

En la pestaña de diseño también puedes cambiar el color, el tamaño y la fuente del texto, así como el color de fondo de los pies de foto.

Nota: Esta función solo está disponible en escritorio, porque la función hover no existe en móvil.

Resolución de problemas del feed de Instagram

La galería de fotos no muestra mis imágenes de Instagram o muestra imágenes equivocadas

Para volver a conectar Instagram correctamente al widget Galería de fotos:

1. En el editor, haz clic en el widget Galería de fotos para abrir el editor de contenido.
2. Para desconectar el widget de Instagram, haz clic en Desconectar.
3. Cierra el editor.
4. Ve a instagram.com y cierra sesión directamente en Instagram.
5. Abre una ventana de incógnito, ve al editor y vuelve a conectar Instagram al widget Galería de fotos.

Mi feed de Instagram se desconectó

Si tu conexión con Instagram se desconecta, puede que tu token de autenticación haya caducado y tengas que volver a conectar el widget Galería de fotos a Instagram y volver a autorizar tus credenciales.

Para volver a conectar el widget Galería de fotos a Instagram:

1. Haz clic en el widget Galería de fotos para abrir el editor de contenido.
2. Haz clic en Conectar Instagram.
3. Escribe tus credenciales de Instagram y luego haz clic en INICIAR SESIÓN.
4. Haz clic en Autorizar.

Resolución de problemas del widget Galería de fotos

Resuelve problemas con el widget Galería de fotos.

La opción Connect Data no aparece en el widget Galería de fotos

Si la opción Conectar datos no aparece al hacer clic con el botón derecho en tu widget Galería de fotos, comprueba lo siguiente:

• Asegúrate de que la Biblioteca de contenidos tiene contenido. Si la Content Library está vacía, la opción Conectar datos no aparece.
• En tu collection, comprueba que la URL del elemento de la página está configurada como Elemento y no se queda en blanco.
• Asegúrate de que todos los campos de tu collection están configurados con el tipo de dato correcto que les corresponde. Un problema de configuración habitual es tener todos los campos en Texto enriquecido cuando deberían coincidir con el tipo de contenido real (por ejemplo, los campos de imagen deberían estar configurados con el tipo Imagen).

Cuando lo hayas comprobado y corregido, vuelve a publicar tu sitio para que los cambios surtan efecto.