Diseñador de correo electrónico: información general sobre la pestaña Apariencia

Disponible en los planes Marketing Sales
Lite Plus Professional Enterprise

 Este artículo se refiere al Diseñador de correo electrónico lanzado en 2022.

Disponible en todos los planes. 

El diseñador de correo electrónico de ActiveCampaign simplifica el proceso de hacer campañas hermosas y efectivas para las necesidades de su negocio. 

El Diseñador de correo electrónico se divide principalmente entre dos pestañas fáciles de usar para ayudarlo a crear sus campañas:

  • Contenido
  • Apariencia

La diferencia entre estas dos pestañas es simple: la pestaña Contenido te ayuda a construir tu campaña y la pestaña Apariencia te permite dar formato a lo que construyes. 

En la pestaña Contenido, puedes agregar varias estructuras, contenedores y bloques de contenido a tu campaña para agregar cosas como imágenes y texto.

Para obtener más información sobre la pestaña Contenido, consulte la descripción general del Diseñador de correo electrónico.

Este artículo cubre específicamente las funciones de diseño en la pestaña Apariencia y cómo se aplican a sus campañas.

¿Qué hay debajo de la pestaña Apariencia?

La pestaña Apariencia es como la configuración global; desea aplicar la configuración global antes de aplicar la configuración individual. 

La pestaña Apariencia alberga cinco subcategorías de funciones de diseño:

  • Configuración general
  • Secciones
  • Encabezados
  • Botón
  • Formato móvil

Configuración general

En Configuración general, puedes realizar varios ajustes de fondo en tus campañas. Por ejemplo, para cambiar el color de fondo de toda su campaña, simplemente haga clic en Apariencia, Configuración general, luego Color de fondo y seleccione su preferencia. 

Aquí está la lista completa de características de formato en Configuración general de la pestaña Apariencia:

Ancho del mensaje: la medida de qué tan ancha o delgada quieres que sea tu campaña. Puede configurar cualquier tamaño entre 320 y 900px.

Relleno predeterminado: se utiliza de forma predeterminada para todas las estructuras nuevas agregadas al correo electrónico desde la pestaña Contenido o al agregar nuevas secciones (filas).

El acolchado es el espacio fuera del contenedor pero dentro de la estructura. Aquí hay dos ejemplos:

Este ejemplo tiene el mismo relleno por todas partes. 

padding-all-around-email.jpg

Este ejemplo ha aumentado el relleno en la parte superior.

top-padding-email.jpg

Color de fondo: si desea utilizar el color en lugar de una imagen de fondo, puede utilizar este control para seleccionar el color que prefiera.

Fuente: Elija una fuente para todo el correo electrónico.

Interlineado: Elija la cantidad preferida de espaciado entre todos los elementos de texto. 

Espacio inferior del párrafo: Un espacio adicional debajo de los párrafos. 

Subrayar enlaces: puedes elegir si quieres que todos los enlaces de tu campaña estén subrayados o no. 

Diseño responsivo: habilitar esta opción puede ayudar a mejorar la pantalla móvil. Sin embargo, tenga en cuenta que los resultados pueden variar en diferentes dispositivos. Si este control está deshabilitado, la versión móvil de su mensaje de correo electrónico se parecerá a la de escritorio. Tenga en cuenta que si esta configuración está habilitada, los bloques se acumularán.

Dirección de texto RTL (derecha a izquierda): si se activa este control, la dirección del texto irá automáticamente de derecha a izquierda.

Imagen de fondo: si desea utilizar una imagen en lugar de un color de fondo, puede utilizar este control para seleccionar la imagen que prefiera.

Secciones

En Secciones, puedes establecer el estilo de fuente, el tamaño, el color, el color de fuente y el color de enlace predeterminados para cualquier sección que tengas en tu campaña. 

En esta subpestaña, encontrará estas opciones de formato disponibles para todos sus encabezados, pies de página, contenido y áreas de información. 

LMINNING_Email_Marketing_-_Testing_2022-03-24_at_11.49.29_AM.jpg

Encabezados

En tu campaña, puedes decidir usar uno o más encabezados para dividir el contenido. Para dar formato a estos encabezados, puede utilizar la subpestaña Encabezados en Apariencia. 

Aquí puede establecer el estilo de fuente predeterminado, el tamaño, el color, las fuentes en negrita y cursiva para los encabezados H1, H2 y H3.

Botón

Cualquier botón que tenga en su campaña, como un botón que vincule a una página de destino de suscripción a una lista, se puede formatear según su preferencia en la subpestaña Botón en Apariencia. 

El menú Botón le permite establecer algunos parámetros predeterminados, como el color y la fuente, que se aplicarán a todos los botones del correo electrónico. Puede establecer el color del botón, el color del efecto de desplazamiento, el estilo de fuente del botón, el color, el tamaño, la configuración en negrita y cursiva, así como establecer el radio del borde (la configuración predeterminada es 30px).

También puede establecer bordes de botones y sus colores aquí, para cada lado por separado, lo mismo para todos los lados, así como la opción de cambiar el color del borde del botón y escribir al pasar el mouse.

Una opción de formato adicional, el botón "Soporte de Outlook", le permite mejorar los botones que se muestran en Outlook, insertando un elemento especial de código VML.

LMINNING_Email_Marketing_-_Testing_2022-03-24_at_11.55.41_AM.jpg

Formato móvil

La configuración del menú de formato móvil solo se utiliza para configurar los correos electrónicos que se muestran en dispositivos móviles.

Puede establecer el tamaño de fuente para el encabezado, el contenido, el pie de página, el área de información, el tamaño del texto para el menú de bloques, los encabezados H1, H2, H3 y su alineación horizontal.

LMINNING_Email_Marketing_-_Testing_2022-03-24_at_11.58.59_AM.jpg

También puede establecer el tamaño del texto para los botones, habilitar su visualización de ancho completo y establecer el margen de contenido para dispositivos móviles.

Tenga en cuenta que el uso de formato móvil puede provocar un desplazamiento horizontal si uno de los contenedores contiene una imagen que no responde con un tamaño grande o un tamaño de fuente para el texto.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 1 de 6

Have more questions? Submit a request

Start free trial