Optimiza tu campaña para el modo oscuro

Planes de ActiveCampaign
Starter
Plus
Pro
Enterprise

El modo oscuro es una configuración popular para varios clientes de correo electrónico. Sin embargo, esta configuración puede hacer que su correo electrónico se muestre de algunas maneras inesperadas.

En este artículo, aprenderá qué es el modo oscuro y cómo optimizar su campaña para esta configuración.

¿Qué es el modo oscuro?

El modo oscuro es una configuración que muestra texto, iconos y elementos de interfaz de usuario de color claro sobre fondos oscuros. Cuando un cliente de correo electrónico detecta un color de fondo, aplica un fondo oscuro si no se ha establecido y aplica tonos de contraste de los colores del contenido del correo electrónico.

Cuando se trata de un fondo negro, el modo oscuro lo convierte en blanco en Gmail en iOS y Andriod. Luego, el gris oscuro se cambia a gris claro, etc.

El modo oscuro es una configuración muy popular por muchas razones, que incluyen:

  • Preferencia por interfaces más oscuras
  • Puede ayudar a minimizar la fatiga visual, especialmente en situaciones de poca luz.
  • Ahorra batería al reducir el brillo de la pantalla
  • Puede mejorar la legibilidad del contenido

El contacto o suscriptor habilita el modo oscuro a través de su cliente de correo electrónico o la interfaz de usuario de la app.

Para ver una lista de clientes de correo electrónico compatibles con el modo oscuro, visite la publicación de blog "The Ultimate Guide to Dark Mode for Email Marketers" de Litmus.

Prácticas recomendadas para optimizar tu campaña para el modo oscuro

Cada cliente de correo electrónico representa su correo electrónico de manera diferente. Desafortunadamente, esto es algo que ActiveCampaign no puede controlar. Sin embargo, recomendamos que existen prácticas recomendadas para ayudar a mantener la coherencia del estilo de correo electrónico entre los clientes de correo electrónico, independientemente de si sus suscriptores utilizan o no la configuración del modo oscuro.

Optimice sus logotipos e imágenes para el modo claro y oscuro

Use imágenes con fondos transparentes o asegúrese de que los fondos de imagen sean exactamente del mismo tamaño para evitar yuxtaposiciones incómodas.

Además, querrá evitar los logotipos que son de color más oscuro, como el negro. Si lo son, será difícil para sus suscriptores ver su logotipo en modo oscuro.

Una forma de evitar esto es aplicar una sombra clara o un trazo claro a su logotipo oscuro. De esa manera, se destacará del color de fondo y se renderizará correctamente en los modos claro y oscuro.

Establecer un color de fondo para el contenido para el modo claro y oscuro

Si no desea que el contenido de su correo electrónico tenga un fondo oscuro, puede establecer su propio color de fondo con el nuevo editor de correo electrónico de ActiveCampaign. Al hacerlo, se garantiza que el color "Fondo de contenido" permanezca coherente entre los modos claro y oscuro. Sin embargo, los clientes pueden ver un tono de color ligeramente diferente entre los clientes de correo electrónico y los dispositivos.

Para configurar esto, haga clic en el área "Sección - Contenido" de su diseño de correo electrónico. Luego, haga clic en la opción "Fondo de contenido" en el panel derecho y seleccione el color que desea usar. Asegúrese de hacer lo mismo con los contenedores.

A continuación, establezca el "Fondo de sección" en transparente. De esa manera, el color de fondo de su contenido se aplicará al contenido del correo electrónico y no a toda el área de correo electrónico.

Prueba tus campañas

Asegúrese de probar sus correos electrónicos en los modos Claro y Oscuro para ver cómo puede aparecer el correo electrónico para sus suscriptores.

Ejemplo de código

Si se siente cómodo con el uso de CSS y HTML, puede editar fácilmente el código con el Nuevo editor de correo electrónico para optimizar su correo electrónico para el modo oscuro y claro. Consulte este recurso que contiene ejemplos para obtener más información.

Tenga en cuenta que nuestro Equipo de Experiencia del Cliente no puede ayudarlo con preguntas ni brindarle orientación sobre el uso de código personalizado con sus correos electrónicos.

¿Tienes más preguntas? Ponte en contacto

Start free trial