Media widget: Galería de fotos

La widget Galería de fotos facilita la adición de varias imágenes a su sitio (o la conexión de una fuente Instagram ; para obtener más información, consulte la sección de este artículo, Conectar una fuente de Instagram pública). Cuando se hace clic en las imágenes de la Galería de fotos, se pueden abrir en una galería de caja de luz o vincularlas a una página de su sitio, una URL de sitio web, una ventana emergente, un ancla, una dirección de email o más. Puedes agregar títulos, descripciones y texto alternativo a cada imagen.

Contenido dinámico

Este widget también puede mostrar páginas dinámicas.

Nota

Editor de contenido

El área Contenido es donde se puede gestionar el contenido del widget.

Opciones de configuración de la galería

  • Para habilitar enlaces en las imágenes de la galería, haga clic en el botón Habilitar enlaces en las imágenes de la galería en la parte superior del cuadro de contenido.

    • Esto desactiva la función de caja de luz. Si una imagen no tiene un enlace, no pasará nada cuando se haga clic en ella.

  • Haga clic en Conectar Instagram para conectarse a una cuenta de Instagram (solo se mostrarán las imágenes, las publicaciones con videos no serán visibles). La cuenta de Instagram debe ser pública.

  • Clic agregar imagen para agregar imágenes (se pueden seleccionar varias al mismo tiempo para agregarlas a la galería). Las siguientes son las opciones disponibles:

    • Seleccione una de las imágenes disponibles inmediatamente.

    • Haga clic en Vista completa para abrir el Selector de imágenes.

    • Haga clic en el icono más para cargar una imagen.

    Nota

Opciones de configuración de imagen individual

Haga clic en una imagen para que aparezcan sus opciones de configuración.

  • Reemplazar imagen.

  • Editar.

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

  • Editar enlace. Esto solo será visible si la configuración Habilitar enlaces en las imágenes de la galería está activada. Si no se establece un enlace, no ocurrirá nada cuando se haga clic en la imagen.

  • Título. Si no se desea un título, haga clic en el ojo (24517315481495-icono_ojo.png) icono. Si no se ingresa texto, pero se deja visible, el espacio permanecerá en el widget y será visible.

  • Descripción. Si no desea una descripción, haga clic en el ojo (24517315481495-icono_ojo.png) icono. Si no se ingresa texto, pero se deja visible, el espacio permanecerá en el widget y será visible.

    Nota

    El campo de texto largo proporciona varias opciones de formato de texto, como cursiva, negrilla o subrayado.

  • Botón. Si no desea un botón, haga clic en el ojo (24517315481495-icono_ojo.png) icono para ocultarlo.

  • Texto alternativo. Escriba su propio texto alternativo.

Editor de diseño
  1. Para cambiar el diseño de la galería, haga clic en la pestaña Diseño . Tienes las siguientes opciones:

    • Haga clic en la disposición existente para ver más opciones de diseño para su galería de fotos. Las disposiciones se gestionan por dispositivo en función de la vista actual en la que se seleccionó la disposición.

    • El texto se puede agregar debajo de las imágenes, en el hovero en la imagen. Seleccione Texto/botón en la imagen, Texto/botón en hovero Texto/botón en la imagen y, a continuación, seleccione una posición para el texto/botón.

    • Seleccione el número de columnas en la Galería de fotos.

    • Para ajustar el número de columnas automáticamente para evitar espacios en blanco, haga clic en el botón Ajustar columnas automáticamente .

    • Seleccione cuántas filas visibles desea mostrar.

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

    • Cambie la altura de la imagen y el espaciado entre las imágenes (para todas las imágenes de la galería). Esto solo se aplica a ciertas disposiciones.

    • Agregue esquinas redondeadas.

    • Muestre la imagen completa en la galería.

    • Añada sombra.

    • Cambie el efecto de hover de la imagen y la animación (disponible en el nuevo widget).

    • Desactive la optimización de imágenes.

      Nota

      Desactivar la optimización de imágenes podría afectar la velocidad o el rendimiento de la página.

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

    • Para desactivar la carga diferida, haga clic en el interruptor (está activado de manera predeterminada para ayudar con la velocidad de la página al cargar las imágenes solo cuando se vuelven visibles al desplazar).

    • Para ocultar la opción de compartir, haga clic en el botón Ocultar imágenes compartidas . Esto elimina el botón de compartir que los usuarios ven cuando hacen clic en una imagen.

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

Conectar un feed público de Instagram

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

Nota

  • Las actualizaciones de imágenes nuevas pueden tardar hasta 2 horas en aparecer.

  • Solo se mostrarán fotos (no videos) y solo de cuentas que sean públicas.

  • Solo se puede conectar una cuenta de Instagram por sitio.

  • No se pueden mostrar fotos de colaboración.

  • Para cambiar la cuenta, abra la galería de fotos conectada, haga clic en Desconectar e inicie sesión con la nueva cuenta. Es posible que sea necesario borrar la memoria caché del navegador luego de desconectar y antes de intentar volver a conectar.

  • Los clientes no necesitan proporcionarle información de usuario y contraseña. Puede otorgar a los clientes licencias de edición de contenido para que inicien sesión en Instagram ellos mismos.

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

  1. Agregue el widget de Galería de fotos a su sitio. Para obtener más información, consulte Añadir widgets.

  2. Haz clic en Conectar Instagram.

  3. Escribe tus credenciales de Instagram y haz clic en Iniciar sesión.

  4. Haga clic en Autorizar.

Si recibes un error al iniciar sesión, ve a Instagram.com en tu navegador. En la pestaña Perfil, haga clic en el icono Configuración y seleccione Cerrar sesión y, a continuación, vuelva a conectarse al widget.

Leyendas de imágenes

Los subtítulos de las imágenes se pueden mostrar cuando se hover en una imagen. Para mostrar leyendas de imágenes, haga clic en el botón de alternancia Mostrar leyendas de imágenes en la pestaña Contenido del widget Galería de fotos (de forma predeterminada, el botón de alternancia está desactivado).

También puede cambiar el color, el tamaño y la fuente del texto, así como el color de fondo de los títulos de las imágenes en la pestaña Diseño.

Nota

Esta funcionalidad solo está disponible en dispositivos desktop ya que la funcionalidad de superposición no está disponible en dispositivos móviles.

Detección y solución de problemas
La galería de fotos no muestra mis imágenes de Instagram o la galería de fotos muestra las imágenes incorrectas

Para volver a conectar Instagram correctamente con el widget de la galería de fotos:

  1. En el editor, haga clic en el widget Galería fotográfica para abrir el Editor de contenido.

  2. Para desconectar el widget de Instagram, haz clic en Desconectar.

  3. Cierre el editor.

  4. Vaya a https://www.instagram.com/ y cierre la sesión de Instagram directamente.

  5. Abra una ventana en modo incógnito, vaya al editor y vuelva a conectar Instagram con el widget Galería de fotos.

Mi feed de Instagram de alguna manera se desconectó

Si su conexión con Instagram se pierde, es posible que su token de autenticación haya caducado y tenga que volver a conectar el widget Galería de fotos a Instagram y volver a autorizar sus credenciales.

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

  1. Haga clic en el widget Galería de fotos para abrir el editor de contenido.

  2. Haz clic en Conectar Instagram.

  3. Escriba sus credenciales de Instagram y luego haga clic en Iniciar sesión.

  4. Haga clic en Autorizar.