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

Cambiar el color de los enlaces en un correo electrónico de marketing

Última actualización: enero 29, 2024

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

Marketing Hub Pro, Enterprise
Marketing Hub Básico (versión anterior)

Para actualizar el color de un enlace en tu correo electrónico, resalta el texto y utiliza el selector de color de fuente de la barra de herramientas de texto enriquecido. Puedes actualizar el color de enlace predeterminado para todos los enlaces de tu correo electrónico añadiendo CSS personalizado a la plantilla de correo electrónico. 

Nota: añadir estilos personalizados a tu plantilla requiere un conocimiento básico de CSS.

Cambiar el color de un enlace en el editor de correo electrónico

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo electrónico.
  • Pasa el ratón por encima del correo electrónico que quieras modificar y haz clic en Editar.
  • Haz clic en el módulo con el enlace que deseas editar.
  • Resalta el enlace y haz clic en el ícono del color del texto en la barra de herramientas de texto enriquecido y selecciona un color. Para acceder a más opciones de colores, haz clic en la pestaña Avanzado y usa el selector de colores.

change-link-color-in-editor

Cambiar el color de todos los enlaces en la plantilla de correo electrónico

  • En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
  • En el buscador de la izquierda, haz clic en el nombre de la plantilla de correo electrónico que quieras modificar.

    Nota: no hagas clic en ningún módulo específico en la plantilla para asegurarte de que los cambios se apliquen a toda la plantilla de correo electrónico, en lugar de un módulo específico. El nombre del componente seleccionado aparecerá en la parte superior del inspector .

  • En el inspector de la derecha, añade el siguiente fragmento de código en el campo Marcado adicional <head> , sustituyendo #FF6600 por el valor hexadecimal de color deseado para tus enlaces:
    <style type="text/css" id="hs-inline-css"> a { color: #FF6600; } </style>
  • Haz clic en Publicar cambios para aplicar tus cambios en la plantilla.
¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.