Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Landing Pages

Editar un módulo de galería de imágenes

Última actualización: septiembre 16, 2021

Requisitos

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Marketing Hub Básico (versión anterior)

Agrega un módulo de galería de imágenes a tu contenido para mostrar una rotación de diferentes imágenes. Puede agregar enlaces y leyendas a imágenes en una galería de imágenes. 

Nota: un módulo de galería de imágenes no se puede agregar a una sola publicación de blog. Cualquier módulo de galería de imágenes agregado a una plantilla de publicación de blog aparecerá en todas las publicaciones de blog. 

Agregar o editar una imagen en una galería de imágenes

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
    • Blog: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
  • Coloca el cursor sobre tu contenido y haz clic en Editar.
  • En el editor de contenido, haz clic en el módulo de galería de imágenes
  • En el editor de la barra lateral, haz clic en + Agregar en la sección Diapositiva para agregar una diapositiva nueva a la galería de imágenes.
    • En la sección Imagen, haz clic en Cargar para seleccionar una imagen de tu equipo o Explorar imágenes para seleccionar una imagen de la herramienta archivos
    • Para mostrar una leyenda debajo de esta imagen, haz clic para activar el interruptor Mostrar leyenda. En el editor de texto enriquecido, introduce el texto de la leyenda. 
    • Para agregar un enlace a la imagen, escribe una URL en la sección URL del enlace
    • Para agregar más imágenes, haz clic en Volver a galería de imágenes. Para terminar de editar el módulo de la galería de imágenes, haz clic en Aplicar cambios
add-image-to-image-gallery
  • Para editar una diapositiva existente, pasa el cursor sobre ella y haz clic en el ícono del lápiz edit. Haz clic en Reemplazar para seleccionar una nueva imagen o Eliminar para eliminar la imagen.
  • Para eliminar una diapositiva, coloca el cursor sobre una diapositiva existente y haz clic en el icono de la papelera delete.
  • Para reordenar las diapositivas, haz clic en una diapositiva y luego arrástrala y suéltala en su lugar.

reorder-image-gallery-slides

  • Haz clic en Aplicar cambios para ver cualquier cambio en el editor de contenido. 

Personalizar la configuración de la galería de imágenes

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
    • Blog: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
  • Coloca el cursor sobre tu contenido y haz clic en Editar.
  • En el editor de contenido, haz clic en el módulo de galería de imágenes
  • Para cambiar la forma en que los visitantes navegan entre las diapositivas, haz clic en el menú desplegable Modo de visualización y selecciona un modo: 
    • Control deslizante estándar: los visitantes verán una diapositiva a la vez y pueden hacer clic en las flechas izquierda y derecha para moverse entre ellas. 
    • Navegación de miniaturas: los visitantes pueden hacer clic en una miniatura debajo de la galería de imágenes para mostrar esa diapositiva en la galería. 
    • Galería de Lightbox: los visitantes pueden hacer clic en la versión en miniatura de una diapositiva para abrir una caja de luz donde pueden navegar entre las versiones completas de todas las diapositivas. 
  • Para repetir automáticamente las diapositivas después de que todas hayan aparecido, seleccione la casilla de verificación Repetir diapositivas
  • Para que las diapositivas progresen automáticamente, selecciona la casilla de comprobación Avance automático
  • En el campo Tiempo en segundos entre el desplazamiento automático, escribe el número de segundos que debe mostrar cada diapositiva.

image-gallery-settings-loop-slides

  • Para indicar el número total de diapositivas y el número de la diapositiva actual, seleccione la casilla de comprobación Mostrar botones de navegación
  • Para establecer la altura de la galería de imágenes, haz clic en el menú desplegable Altura variable y selecciona una configuración: 
    • Altura variable: la altura de la galería de imágenes cambiará según la altura de la diapositiva mostrada.
    • Altura fija: la altura de la galería de imágenes siempre se mantendrá a la altura de la diapositiva más alta.
  • Para establecer el efecto visual de las transiciones de diapositivas, haz clic en el menú desplegable Transiciones de diapositivas y selecciona Diapositiva Desvanecer
  • Para establecer la posición de las leyendas en relación con las diapositivas, haz clic en el menú desplegable Posición de las leyendas y selecciona una opción

image-gallery-navigation-buttons