Cambiar colores en la plantilla de correo electrónico

Utilice la pestaña Design (Diseño) para personalizar los colores de fondo, borde, divisor, texto, enlace y botón para toda la plantilla, o cambie los colores dentro de una sección o un bloque para que se destaquen

El color es un aspecto importante del diseño de su correo electrónico, ya que el color adecuado hace que su marca se destaque y ayuda a transmitir el tono y el estado de ánimo de su contenido. Los colores se pueden cambiar globalmente en toda su plantilla, o puede cambiar los colores de fondo de un diseño/fila, o el texto y los botones de un bloque individual para hacer que resalten más. Si crea diferentes secciones en su correo electrónico, también puede cambiar el color de fondo y el de los bordes dentro de una sección para resaltarla:

• Cambiar los colores del fondo de la plantilla, de los bordes y de los divisores
• Cambiar los colores del texto y enlaces de la plantilla
• Cambiar colores de botones de la plantilla
• Cambiar los colores de fondo y de los bordes de una sección

Ahorre tiempo: Use nuestro BrandKit para extraer su logo y los colores de su marca y agregarlos automáticamente a su cuenta. Sus colores se añadirán automáticamente a todas las paletas de colores para que pueda acceder fácilmente a ellos mientras edita sus campañas.

Cambiar los colores del fondo de la plantilla, de los bordes y de los divisores

Usar la pestaña Diseño para elegir los colores de los fondos, bordes y divisores le permite aplicarlos a toda la plantilla. Los estilos que les asigna a la pestaña Diseño se aplican a todos los bloques y secciones en su plantilla de correo electrónico hasta que los cambie manualmente mediante la barra de herramientas de una fila o mediante las opciones de personalización de una sección.

1. Haga clic en la pestaña Design (Diseño).
2. Amplíe la sección Backgrounds & Borders (Fondos y bordes).
3. Haga clic en la muestra de colores del elemento que desea cambiar. 
4. Coloque el cursor sobre un color de la paleta para previsualizarlo dentro de su plantilla. Haga clic en un color para seleccionarlo o haga clic en Advanced (Avanzado) para introducir un valor hexadecimal determinado.
   Consejo de diseño: Si desea usar exactamente sus colores de marca, pero no está seguro del valor hexadecimal, use un selector de color como Color Cop o Color Schemer Online para encontrarlos.
   
   
   
   

Opciones de color adicionales para el fondo y los bordes

Aunque que haya cambiado los colores globales con la paleta de colores en la pestaña Design (Diseño), puede cambiar el color de fondo de un bloque individual o el color de un divisor para hacerlo sobresalir del resto. Tenga en cuenta que una vez que aplica un color de fondo desde la barra de herramientas de un bloque o desde el menú fila (imagen debajo), ya no se le aplicarán los colores globales de la pestaña Diseño.

¿Sabía que…? Además de cambiar el color de fondo exterior, también puede agregar una imagen de fondo al fondo exterior.

Cambiar los colores del texto y enlaces de la plantilla

Usar la pestaña Diseño para elegir los colores de su texto y los enlaces le permite aplicarlos a toda la plantilla.

1. Haga clic en la pestaña Design (Diseño).
2. Amplíe la sección Fonts (Fuentes).
3. Haga clic en la muestra de colores del elemento que desea cambiar. 
4. Coloque el cursor sobre un color de la paleta para previsualizarlo dentro de su plantilla. Haga clic en un color para seleccionarlo o haga clic en Advanced (Avanzado) para introducir un valor hexadecimal determinado.
   Consejo de diseño: Si desea usar exactamente sus colores de marca, pero no está seguro del valor hexadecimal, use un selector de color como Color Cop o Color Schemer Online para encontrarlos.
   
   
   
   

Opciones adicionales para el texto de nivel de bloque

Aunque que haya cambiado los colores globales con la paleta de colores en la pestaña Design (Diseño), puede cambiar el color de texto específico o de enlaces para que sobresalgan del resto. Tenga en cuenta que una vez que aplica un color o estilo de texto desde la barra de herramientas de un bloque (imagen debajo), ya no se le aplicarán los colores globales de la pestaña Design (Diseño). El menú del bloque de texto le ofrece opciones de edición adicionales para cosas como alinear el texto y crear listas numeradas o con viñetas.

Cambiar colores de botones de la plantilla

Usar la pestaña Design (Diseño) para elegir los colores de su texto y los enlaces le permite aplicarlos a todos los botones de su plantilla.

1. Haga clic en la pestaña Design (Diseño).
2. Amplíe la sección Buttons (Botones).
3. Haga clic en la paleta de colores para el botón. 
4. Coloque el cursor sobre un color de la paleta para previsualizarlo dentro de su plantilla. Haga clic en un color para seleccionarlo o haga clic en Advanced (Avanzado) para introducir un valor hexadecimal determinado.
   Consejo de diseño: Si desea usar exactamente sus colores de marca, pero no está seguro del valor hexadecimal, use un selector de color como Color Cop o Color Schemer Online para encontrarlos.
   
   
   
   

Opciones adicionales para el color del botón de nivel de bloque

Aunque haya cambiado los colores globales con la paleta de colores en la pestaña Design (Diseño), puede cambiar el color de un botón individual para hacerlo sobresalir del resto. Tenga en cuenta que una vez que aplica un color desde la barra de herramientas del botón (parte superior del editor) o desde el menú de edición (lado izquierdo del editor), ya no se le aplicarán los colores globales de la pestaña Design (Diseño). Los botones también tienen opciones de edición adicionales que puede aplicar a cosas como bordes y rellenos. 

Cambiar los colores de fondo y de los bordes de una sección

Cada sección de su correo electrónico puede tener diferentes colores en el fondo y los bordes. Tenga en cuenta que una vez que aplica un color desde la sección, ya no se le aplicarán los colores globales de la pestaña Design (Diseño).

1. Coloque el cursor sobre la sección que desea editar y haga clic en el icono del lápiz.
2. Amplíe la sección Width and backgrounds (Ancho y fondos) y haga clic en el ícono del pote de pintura para cambiar el color del Outer background (Fondo exterior) o del Inner background (Fondo interior).
3. Coloque el cursor sobre un color de la paleta para previsualizarlo dentro de su plantilla. Haga clic en un color para seleccionarlo o haga clic en Advanced (Avanzado) para introducir un valor hexadecimal determinado.
   Consejo de diseño: Si desea usar exactamente sus colores de marca, pero no está seguro del valor hexadecimal, use un selector de color como Color Cop o Color Schemer Online para encontrarlos.
   
   
    
4. Amplíe la sección Borders (Bordes).
5. Haga clic en la paleta de Color para el botón. 
6. Coloque el cursor sobre un color de la paleta para previsualizarlo dentro de su plantilla. Haga clic en un color para seleccionarlo o haga clic en Advanced (Avanzado) para introducir un valor hexadecimal determinado.
   
   
    

Todos los enlaces que proporcionamos desde sitios que no son de Constant Contact o información sobre productos o servicios que no son de Constant Contact se proporcionan a modo de cortesía y no deben interpretarse como un respaldo de Constant Contact.

Questions?