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í.

Insertar y editar iconos en módulos de texto enriquecido

Última actualización: 31 de diciembre de 2025

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:

Los iconos ayudan a llamar la atención sobre información y acciones importantes en el contenido de texto enriquecido. Inserta cualquier icono de la biblioteca de Font Awesome en módulos de texto enriquecido en publicaciones y páginas de blog. Una vez que se agrega el icono, puedes personalizar su color, posicionamiento y tamaño.

Nota: los iconos no se pueden agregar directamente a correos electrónicos de marketing. Para utilizar un icono en un correo electrónico, guarda el icono como una imagen y, a continuación, inserta la imagen en el Editor de correo electrónico.


Se requieren permisos Se requiere permiso de edición para editar un módulo de texto enriquecido para páginas de sitio web, páginas de destino o publicaciones de blog.

Insertar un icono

  1. Ve al contenido:
  2. Haz clic en el nombre de tu contenido.
  3. Haz clic en el módulo de texto enriquecido donde deseas que aparezca el icono.
  4. En la parte superior derecha de la barra de herramientas de texto enriquecido, haz clic en el menú desplegable Insertar y selecciona Icono.

  1. En el cuadro emergente, busca el icono en la barra de búsqueda.
  2. Haz clic en el icono para insertarlo en tu módulo de texto enriquecido.
  3. Cuando hayas terminado, haz clic en Publicar o Actualizar en la parte superior derecha.

Editar un icono

Edita los estilos o la alineación de un icono, o enlaza a otro contenido. También puedes reemplazar un icono o eliminarlo.

  1. Ve al contenido:
    1. Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
    2. Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
    3. Artículos de blog: En tu cuenta de HubSpot, dirígete a Contenido > Blog.
  2. Haz clic en el nombre de tu contenido.
  3. En el editor de contenido, haz clic en tu icono para abrir el editor de iconos.
    • Para editar el color del icono, haz clic en el menú desplegable backgroundColor color del icono y selecciona un color . Para introducir un valor hexadecimal o un valor de color RGB, haz clic en la pestaña Avanzado.
    • Utiliza los indent iconos de sangría para mover el icono a la derecha o a la izquierda.
    • Usa los blockAlignmentBottom iconos de alineación para ajustar la posición del icono dentro de un bloque de texto.
    • Para agregar un enlace a tu icono, haz clic en el icono de link enlace y luego inserta un enlace.
    • Para cambiar el tamaño de tu icono, haz clic y arrastra las esquinas del icono en el editor o introduce valores en píxeles para la anchura y la altura en la barra de herramientas.
  4. Para eliminar un icono de un módulo de texto enriquecido, haz clic en el icono. A continuación, haz clic en el icono eliminar delete.
  5. Para sustituir el icono, haz clic en el icono. A continuación, haz clic en el icono reemplazar replace y selecciona un nuevo icono.
  6. Cuando hayas terminado, haz clic en Publicar o Actualizar en la parte superior derecha.

Editar opciones de icono avanzado

Edita las opciones avanzadas de tu icono para agregar texto de accesibilidad o personalizar el enlace del icono. 

  1. Ve al contenido:
  2. Haz clic en el nombre de tu contenido.
  3. En el editor de contenido, haz clic en el icono.
  4. Haz clic en el icono de edit edición.
  5. En la ventana emergente, haz clic en Avanzado.
  6. Si tu icono tiene un enlace, puedes seleccionar uno o más tipos de enlaces. Esto indica a los motores de búsqueda cómo este enlace se relaciona con tu sitio web. Más información sobre diferentes tipos de enlace.
  7. Selecciona un propósito para tu imagen.
    • Si tu icono pretende transmitir información, selecciona Lectura por lectores de pantalla y añade un título que describa su finalidad.
    • Si tu ícono no transmite información, selecciona Ignorado por los lectores de pantalla.

  1. Haz clic en Aplicar.
  2. Cuando hayas terminado, haz clic en Publicar o Actualizar en la parte superior derecha.
¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.