Usar códigos de colores hexadecimales en sus correos electrónicos y formularios

Planes de ActiveCampaign
Starter
Plus
Pro
Enterprise

Un código hexadecimal es un número hexadecimal de 3 bytes utilizado en HTML, CSS y otras aplicaciones para representar colores. Comenzarán con un hashtag (#) y serán seguidos por 6 dígitos, usando números, letras (A - F) o una combinación de ambos.

Cuando selecciones un color de fuente, borde o fondo en una campaña o formulario creado en ActiveCampaign con el selector de color, mostraremos el código hexadecimal por ti. Además, si ya sabe qué código hexadecimal usar en sus formularios y comunicaciones, le facilitamos la aplicación de ese código. Hacerlo le permite usar colores específicos en sus formularios y comunicaciones que están asociados con su marca.

Si desea obtener más información sobre los códigos de color hexadecimales y cómo se generan, haga clic aquí.

Cómo usar códigos de colores hexadecimales en campañas y correos electrónicos de automatización

En campañas y correos electrónicos de automatización, puede usar colores hexadecimales en los siguientes elementos:

  • Color de fuente
  • Color de fondo para todos los bloques de contenido
  • Color del borde para todos los bloques de contenido
  • Color de columna para todos los bloques de contenido
  • Color de fuente (cuando corresponda)
  • Bloque HTML personalizado
  • Al crear un correo electrónico utilizando su propio código personalizado

Hay formas ligeramente diferentes de aplicar códigos hexadecimales en el Editor de correo electrónico (lanzado en 2022) y el Diseñador clásico. Haga clic a continuación para obtener más información, amplíe la información para obtener más información:

Cómo usar el color hexadecimal usando el Diseñador de correo electrónico Editor de correo electrónico (lanzado en 2022):

Tenga en cuenta que con el Editor de correo electrónico, puede actualizar la configuración global de su campaña para establecer la apariencia general, incluidos los colores, antes de aplicar configuraciones individuales. Obtén más información sobre las opciones disponibles para personalizar en la pestaña Configuración global. También puede usar las siguientes instrucciones para actualizar los colores hexadecimales para esas opciones.

Para cambiar el color de la fuente en un solo bloque de texto con el Editor de correo electrónico (lanzado en 2022):

  1. Haga clic en el bloque de texto con la fuente que desea actualizar y, a la derecha, haga clic en el campo Color del texto. Tenga en cuenta que también puede cambiar el color del fondo del bloque haciendo clic en Color de fondo cualquier vínculo en el cuadro de texto haciendo clic en Color del vínculo.

    The_Text_color_field_once_you_click_into_a_text_block_in_the_correo electrónico_Designer.jpg

  2. Seleccione los colores escribiendo el código hexadecimal en el campo o haciendo clic en la pestaña "Personalizado" y, luego, haciendo clic dentro del cuadrado de color y la barra en el modal que aparece.

    Opción hexadecimal en el selector de color de editor de correo electrónico.jpg
  3. Los cambios se guardarán automáticamente.

 

Cómo usar el color hexadecimal usando el Classic Designer:

Para agregar cambiar el color de su fuente con el Diseñador clásico, simplemente haga clic en ese bloque de texto y haga clic en el selector de color de la barra de herramientas modal.

Click_color_picker_from_modal_tool_bar.png

A continuación, puede seleccionar entre colores adicionales o hacer clic en el enlace "Más" para seleccionar entre aún más colores o agregar su propio código de color hexadecimal:

Enter_hex_code.png

Para agregar su propio código de color hexadecimal a cualquier bloque específico, como un borde de bloque o para agregar un color de fondo, haga clic en ese bloque específico:
Click_content_block.png

Cuando lo hagas, Mostraremos un menú de opciones a la derecha de su pantalla:
options_menu.png

Aquí puede escribir su código hexadecimal directamente en el campo de color que desea cambiar, o bien, seleccionar un nuevo color del selector de color.
 options_for_hex.png

Si tiene un código hexadecimal específico para usar para el fondo de borde o columna, haga clic en el selector de color para ingresar el código.

 click_color_picker_to_add_hex.png

Cómo usar códigos de color hexadecimales en formularios

En los formularios, puede utilizar colores hexadecimales en los siguientes elementos:

  • Color de fondo del formulario
  • Color de fuente del formulario
  • Color del borde del formulario (formularios en línea)
  • Fondo del botón Enviar
  • Fuente del botón Enviar
  • Borde del botón Enviar
  • Bloques CSS personalizados

Para agregar tu propio color hexadecimal a tu formulario, haz clic en la pestaña "Estilo". A continuación, añade tu código hexadecimal en cualquier lugar donde haya una opción para editar el campo de color. Por ejemplo, aquí está el editor de color en la sección "Texto" de la pestaña "Estilo":

Código hexadecimal en la pestaña Estilo de formularios en la sección Texto.jpg

¿Tienes más preguntas? Envía una solicitud

Start free trial