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

Inserta y edita imágenes en módulos de texto enriquecido

Última actualización: abril 2, 2021

Requisitos

Todos los productos y planes

Puedes insertar una o más imágenes con otros tipos de contenido (texto, CTA, etc..) en un módulo de texto enriquecido. Luego puedes personalizar la apariencia y el comportamiento de carga de tu imagen. Las imágenes individuales también pueden agregarse al módulo predeterminado de imagen

Nota: estos pasos solo se aplican a módulos de texto enriquecido. Los elementos de texto en el editor de correo electrónico arrastrar y soltar no pueden contener imágenes. 

Agrega una imagen a tu contenido en un módulo de texto enriquecido

Nota: solo .png, .ico, .bmp, .jpg y .gif se pueden agregar archivos de imagen a correos electrónicos de marketing.

  • En tu cuenta de HubSpot, navega a tu blog, correo electrónico, páginas de destino o páginas de sitio web.

  • En el panel, haz clic en el nombre de la publicación del blog, correo electrónico, página de destino o página del sitio web para editar.

  • Haz clic en el módulo de texto enriquecido donde deseas que aparezca la imagen.
  • En la sección superior derecha de la barra de herramientas de texto enriquecido, haz clic en el ícono de imagen insertImage. im
  • En el panel derecho, puedes:
    • Seleccionar una imagen de la herramienta de archivos.
    • Hacer clic en Agregar imagen para cargar una nueva imagen desde tu computadora o mediante URL de archivo.
    • Hacer clic en Diseñar con Canva para crear una nueva imagen con Canva.

Editar una imagen

  • Para activar los controles de estilo de la imagen en la barra de menú, haz clic en la imagen en el editor de texto enriquecido.
    1. Para ajustar cómo se alinea y envuelve el texto en torno a tu imagen, selecciona un Diseño de imagen.
    2. Para agregar un enlace a tu imagen, haz clic en el ícono del enlace.
    3. Para ajustar el tamaño de tu imagen, haz clic en las flechas Ancho y Alto o introduce un valor de píxel.
    4. Para ajustar el relleno alrededor de tu imagen, haz clic en el menú desplegable Espaciado o introduce un valor de píxel alrededor de los bordes del icono de imagen.

editor-for-rich-text-images

  • Para eliminar una imagen de un módulo de texto enriquecido, haz clic en la imagen y luego haz clic en el símbolo de la papelera delete o presiona la tecla Eliminar/Retroceso en tu teclado.
  • Para reemplazar la imagen, haz clic en la imagen y luego haz clic en el símbolo Reemplazarreplace y agrega una nueva imagen.

Editar opciones de imagen avanzada

Puedes editar opciones avanzadas para tu imagen para agregar texto alternativo, personalizar el enlace de la imagen o controlar la manera en que carga tu página. Las imágenes en correos electrónicos de marketing solo admiten la opción para agregar texto alternativo. 

Para hacer ediciones más avanzadas a tu imagen:

  • Haz clic en la imagen.
  • Haz clic en el símbolo del lápiz edit.
  • En la parte superior derecha de la ventana emergente, haz clic en Avanzada.
    • Agrega texto alternativo para describir a los motores de búsqueda lo que tu imagen representa.
    • Si tu imagen está enlazada, puedes personalizar el tipo de enlace. Esto indica a los motores de búsqueda cómo este enlace se relaciona con tu sitio web.
    • Puedes aplicar una carga diferida para que la imagen solo se cargue si un visitante pasa a este contenido en tu página. Para aplicar la carga diferida a imágenes insertadas en un módulo de texto enriquecido, en el cuadro emergente Avanzado, haz clic en el menú desplegable Carga diferida y selecciona Diferido

lazy-load-for-inserted-image-1

    • Haz clic en Aplicar para guardar tus cambios.