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

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

Última actualización: febrero 25, 2021

Requisitos

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

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

Nota: agregar estilos personalizados a tu plantilla requiere una comprensión básica 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.
  • Coloca el cursor sobre el correo electrónico que deseas 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 a la izquierda, haz clic en el nombre de la plantilla de correo electrónico que deseas 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, agrega el siguiente fragmento de código en el campo Marcador adicional <head>, reemplaza #FF6600 con el valor de color hexadecimal 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.